@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--violet-blue-crayola:#757ed1;--dark-cornflower-blue_a7:#083d8112;--white:#fff;--white_a3:#ffffff08;--white_a8:#ffffff14;--white_a12:#ffffff1f;--white_a70:#ffffffb3;--cultured:#f6f7f9;--lavender-web:#e8eaf8;--cadet-blue-crayola:#a9afbc;--cadet-blue-crayola_a20:#a4aec633;--charcoal:#343e51;--raisin-black:#1f2329;--light-gray:#c9c9c9;--blue-crayola:#3e77e0;--black-coral:#60697b;--ff-manrope:"Manrope",sans-serif;--fs-1:calc(2.7rem + 1.38vw);--fs-2:calc(2.6rem + 0.66vw);--fs-3:2.2rem;--fs-4:1.9rem;--fs-5:1.8rem;--fs-6:1.7rem;--fs-7:1.5rem;--fs-8:1.4rem;--fw-700:700;--section-padding:90px;--shadow-1:0 0 20px #1f23290d;--shadow-2:0 0 0 0.05rem #083d8114,0 0 1.25rem #1f23290f;--shadow-3:0 0 1.25rem #1f23290a;--radius-circle:50%;--radius-pill:100px;--radius-10:10px;--radius-8:8px;--radius-6:6px;--transition-1:0.25s ease;--transition-2:0.5s ease;--transition-3:0.3s ease-in-out}*,:after,:before{box-sizing:border-box;margin:0;padding:0}li{list-style:none}button,img,input,ion-icon,span{display:block}a{color:inherit;text-decoration:none}img{height:auto}button,input{background:none;border:none;font:inherit}input{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}address{font-style:normal}html{font-family:Manrope,sans-serif;font-family:var(--ff-manrope);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white);color:#60697b;color:var(--black-coral);font-size:1.6rem;line-height:1.7}body.nav-active{overflow:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#353131}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3}.container{padding-inline:16px}.social-list{align-items:center;display:flex;gap:12px}.social-link{font-size:2rem;transition:.25s ease;transition:var(--transition-1)}.social-link:is(:hover,:focus-visible){transform:translateY(-3px)}.section{padding-block:90px;padding-block:var(--section-padding)}.has-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.h1,.h2,.h3,.h4,.h5{color:#343e51;color:var(--charcoal);font-weight:700;font-weight:var(--fw-700);line-height:1.3}.h1{font-size:calc(2.7rem + 1.38vw);font-size:var(--fs-1)}.h2{font-size:calc(2.6rem + .66vw);font-size:var(--fs-2)}.h3{font-size:2.2rem;font-size:var(--fs-3)}.h4{font-size:1.9rem;font-size:var(--fs-4)}.btn,.h5{font-size:1.7rem;font-size:var(--fs-6)}.btn{border:2px solid #fff;border:2px solid var(--white);border-radius:100px;border-radius:var(--radius-pill);color:#fff;color:var(--white);font-weight:700;font-weight:var(--fw-700);max-width:max-content;padding:12px 28px;transition:.25s ease;transition:var(--transition-1);will-change:transform}.btn:is(:hover,:focus-visible){transform:translateY(-4px)}.btn-outline:is(:hover,:focus-visible),.btn-primary{background-color:#a4aec633;background-color:var(--cadet-blue-crayola_a20);color:#343e51;color:var(--charcoal)}.img-holder{aspect-ratio:var(--width) /var(--height);background-color:#c9c9c9;background-color:var(--light-gray);overflow:hidden}.img-cover{height:100%;object-fit:cover;width:100%}.section-subtitle{color:#757ed1;color:var(--violet-blue-crayola);font-size:1.5rem;font-size:var(--fs-7);font-weight:700;font-weight:var(--fw-700);margin-block-end:16px;text-transform:uppercase}.grid-list{grid-gap:25px;display:grid;gap:25px}.w-100{width:100%}.language-switcher{display:flex;gap:10px;margin-left:auto}.language-switcher button{background:none;border:none;color:#000;cursor:pointer;font-size:16px}.language-switcher button:hover{text-decoration:underline}.language-switcher{display:inline-block;position:relative}.globe-icon{background:none;border:none;cursor:pointer}.language-dropdown{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;position:absolute;right:0;top:100%;z-index:1000}.language-dropdown button{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.language-dropdown button:hover{background-color:#f0f0f0}.header .btn{display:none}.header{background-image:url(/static/media/hero-bg.962c854123f0d400470d.png);background-size:cover;box-shadow:0 0 20px #1f23290d;box-shadow:var(--shadow-1);left:0;padding-block:20px;position:absolute;top:0;width:100%;z-index:4}.header.active{animation:slideIn .5s ease forwards;background-color:#fff;background-color:var(--white);position:fixed}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header .container{align-items:center;display:flex;gap:16px;justify-content:space-between}.header .logo-dark,.header.active .logo-light{display:none}.header .logo-light,.header.active .logo-dark{display:block}.nav-open-btn{font-size:3.5rem}.header.active .nav-open-btn,.nav-open-btn{color:#343e51;color:var(--charcoal)}.navbar{background-color:#1f2329;background-color:var(--raisin-black);color:#fff;color:var(--white);display:flex;flex-direction:column;gap:30px;height:100vh;left:-300px;max-width:300px;padding:30px;padding-block-end:40px;position:fixed;top:0;transition:.3s ease-in-out;transition:var(--transition-3);visibility:hidden;width:100%;z-index:2}.navbar-link-contact{display:none;margin-top:auto}.navbar.active{transform:translateX(300px);visibility:visible}.navbar-top{align-items:center;display:flex;justify-content:space-between}.nav-close-btn{background-color:#ffffff14;background-color:var(--white_a8);border-radius:50%;border-radius:var(--radius-circle);color:#fff;color:var(--white);font-size:2rem;padding:6px;transition:.25s ease;transition:var(--transition-1)}.nav-close-btn ion-icon{--ionicon-stroke-width:50px}.nav-close-btn:is(:hover,:focus-visible){background-color:#ffffff1f;background-color:var(--white_a12)}.navbar-list{margin-block-end:auto}.navbar-link{font-weight:700;font-weight:var(--fw-700);padding-block:6px}.contact-link{transition:.25s ease;transition:var(--transition-1)}.contact-link:is(:hover,:focus-visible){color:#757ed1;color:var(--violet-blue-crayola)}.overlay{background-color:#1f2329;background-color:var(--raisin-black);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.25s ease;transition:var(--transition-1);width:100%}.overlay.active{opacity:.8;pointer-events:all}.hero{padding-block-start:160px;padding-block-start:calc(var(--section-padding) + 70px);text-align:center}.hero .container{grid-gap:70px;display:grid;gap:70px}.hero-title{color:#fff;color:var(--white)}.hero-text{color:#fff;color:var(--white)}.hero-text,.hero-websiteconstruction{font-size:1.8rem;font-size:var(--fs-5);margin-block:24px 36px}.hero-websiteconstruction{color:brown}.btn-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero-card,.hero-slider{position:relative}.hero-card .play-btn{animation:pulse 2s ease infinite;background-color:#fff;background-color:var(--white);border-radius:50%;border-radius:var(--radius-circle);color:#343e51;color:var(--charcoal);font-size:2rem;left:50%;padding:25px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.25s ease;transition:var(--transition-1)}.hero-card .play-btn:is(:hover,:focus-visible){color:#757ed1;color:var(--violet-blue-crayola)}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffffb3;box-shadow:0 0 0 0 var(--white_a70)}75%{box-shadow:0 0 0 20px #0000}}.hero .slider-inner{border-radius:10px;border-radius:var(--radius-10);overflow:hidden}.hero .slider-container{align-items:flex-start;display:flex;gap:8px;position:relative;transition:.5s ease;transition:var(--transition-2)}.hero .slider-item{border-radius:10px;border-radius:var(--radius-10);min-width:100%;overflow:hidden;width:100%}.hero .slider-btn{background-color:#ffffffb3;background-color:var(--white_a70);border-radius:50%;border-radius:var(--radius-circle);color:#343e51;color:var(--charcoal);font-size:2rem;padding:12px;position:absolute;top:50%;transform:translateY(-50%);transition:.25s ease;transition:var(--transition-1)}.hero .slider-btn:is(:hover,:focus-visible){background-color:#fff;background-color:var(--white)}.hero .slider-btn.prev{left:20px}.hero .slider-btn.next{right:20px}.service{text-align:center}.service .section-title{margin-block-end:50px}.service-card{border-radius:6px;border-radius:var(--radius-6);box-shadow:0 0 0 .05rem #083d8114,0 0 1.25rem #1f23290f;box-shadow:var(--shadow-2);padding:40px}.service-card .card-icon{background-color:#757ed1;background-color:var(--violet-blue-crayola);border-radius:50%;border-radius:var(--radius-circle);color:#fff;color:var(--white);display:grid;font-size:2.5rem;height:60px;margin-inline:auto;place-items:center;width:60px}.service-card .card-icon ion-icon{--ionicon-stroke-width:50px}.service-card .card-title{margin-block:16px 10px}.service-card .btn-text{align-items:center;color:#757ed1;color:var(--violet-blue-crayola);display:flex;font-weight:700;font-weight:var(--fw-700);gap:4px;justify-content:center;margin-block-start:10px;transition:.25s ease;transition:var(--transition-1)}.service-card .btn-text:is(:hover,:focus-visible){opacity:.9}.about .container{grid-gap:50px;display:grid;gap:50px}.about .section-title{margin-block-end:35px}.accordion-card .card-title{padding-block-end:20px}.accordion-btn{align-items:center;display:flex;gap:10px}.accordion-btn ion-icon{color:#3e77e0;color:var(--blue-crayola);font-size:1.5rem;transition:.25s ease;transition:var(--transition-1)}.accordion-card.expanded .accordion-btn ion-icon{transform:rotate(.5turn)}.accordion-btn .span{transition:.25s ease;transition:var(--transition-1)}.accordion-btn:is(:hover,:focus-visible) .span,.accordion-card.expanded .accordion-btn .span{color:#757ed1;color:var(--violet-blue-crayola)}.accordion-content{max-height:0;overflow:hidden;padding-inline-start:24px}.accordion-card.expanded .accordion-content{max-height:max-content;padding-block-end:20px}.feature .container{grid-gap:50px;display:grid;gap:50px}.feature .section-text{margin-block:25px 30px}.feature-list{grid-gap:15px;display:grid;gap:15px}.feature-card{align-items:center;display:flex;gap:10px}.feature-card .card-icon{background-color:#e8eaf8;background-color:var(--lavender-web);border-radius:50%;border-radius:var(--radius-circle);font-size:1.4rem;padding:4px}.feature-card .card-icon ion-icon{--ionicon-stroke-width:40px}.stats{background-image:linear-gradient(180deg,#fff 50%,#f6f7f9 0);background-image:linear-gradient(to bottom,var(--white) 50%,var(--cultured) 50%)}.stats-card{grid-gap:36px 24px;border-radius:8px;border-radius:var(--radius-8);display:grid;gap:36px 24px;grid-template-columns:1fr 1fr;padding:45px 30px;text-align:center}.stats-card .card-text>*{color:#fff;color:var(--white)}.project{background-color:#f6f7f9;background-color:var(--cultured)}.project :is(.section-subtitle,.section-title){text-align:center}.project .section-title{margin-block-end:50px}.project-card{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--radius-8);box-shadow:0 0 0 .05rem #083d8114,0 0 1.25rem #1f23290f;box-shadow:var(--shadow-2);height:100%;overflow:hidden}.project-card .card-content{padding:30px}.project-card .card-title{transition:.25s ease;transition:var(--transition-1)}.project-card .card-title:is(:hover,:focus-visible){color:#757ed1;color:var(--violet-blue-crayola)}.project-card .card-text{margin-block:16px 20px}.project-card .card-meta-list{display:flex;flex-wrap:wrap;gap:12px}.project-card .card-meta-item{align-items:center;color:#a9afbc;color:var(--cadet-blue-crayola);display:flex;font-size:1.4rem;font-size:var(--fs-8);gap:4px}.cta{background-color:#343e51;background-color:var(--charcoal)}.cta .container{border-block-end:1px solid #a4aec633;border-block-end:1px solid var(--cadet-blue-crayola_a20);padding-block:100px 60px}.cta .section-title{color:#fff;color:var(--white);margin-block-end:30px}.cta .btn{background-color:#757ed1;background-color:var(--violet-blue-crayola);border:none;color:#fff;color:var(--white)}.footer{background-color:#343e51;background-color:var(--charcoal);color:#c9c9c9;color:var(--light-gray);padding-block:60px 100px}.footer-brand .footer-text{margin-block:20px}.footer .social-list,.footer-list-title{color:#fff;color:var(--white)}.footer-list-title{margin-block-end:16px}.footer-link{padding-block:4px;transition:.25s ease;transition:var(--transition-1)}.footer-link:is(:hover,:focus-visible){color:#757ed1;color:var(--violet-blue-crayola)}.input-wrapper{margin-block-start:25px;position:relative}.input-field{background-color:#ffffff08;background-color:var(--white_a3);border:1px solid #083d8112;border:1px solid var(--dark-cornflower-blue_a7);border-radius:6px;border-radius:var(--radius-6);box-shadow:0 0 1.25rem #1f23290a;box-shadow:var(--shadow-3);color:#c9c9c9;color:var(--light-gray);font-size:1.5rem;font-size:var(--fs-7);outline:none;padding:12px 16px}.input-field::placeholder{color:inherit}.submit-btn{background-color:#757ed1;background-color:var(--violet-blue-crayola);border-radius:0 6px 6px 0;border-radius:0 var(--radius-6) var(--radius-6) 0;bottom:0;color:#fff;color:var(--white);font-weight:700;font-weight:var(--fw-700);padding-inline:24px;position:absolute;right:0;top:0}@media (min-width:575px){.container{margin-inline:auto;max-width:540px;width:100%}.project-card .card-content{padding:40px}}@media (max-width:767px){.navbar-list .navbar-link-contact{display:block}.navbar-link-contact .navbar-link{color:#fff}.navbar{justify-content:space-between}.navbar-list{flex-grow:1}}@media (min-width:768px){:root{--section-padding:120px}.container{max-width:720px}.grid-list{grid-template-columns:1fr 1fr}.header .btn{display:block;margin-inline-start:auto;padding:8px 20px}.header.active .btn{background-color:#757ed1;background-color:var(--violet-blue-crayola);border-color:#757ed1;border-color:var(--violet-blue-crayola);color:#fff;color:var(--white)}.hero-content{margin-inline:auto;max-width:85%}.hero-text{--fs-5:2rem}.service .section-title{margin-inline:auto;max-width:30ch}.about .container{align-items:center;grid-template-columns:1fr .7fr}.feature .container{align-items:center;grid-template-columns:.7fr 1fr}.feature-banner{order:1}}@media (min-width:992px){.container{max-width:960px}.nav-open-btn,.navbar>:not(.navbar-list),.overlay{display:none}.navbar,.navbar.active{all:unset;display:block;margin-inline:auto 24px}.navbar-list{display:flex;gap:30px}.navbar-link{color:#343e51;color:var(--charcoal);transition:.25s ease;transition:var(--transition-1)}.navbar-link:is(:hover,:focus-visible){opacity:.7}.header.active .navbar-link{color:#343e51;color:var(--charcoal)}.header.active .navbar-link:is(:hover,:focus-visible){color:#757ed1;color:var(--violet-blue-crayola);opacity:1}.header .btn{margin-inline-start:0}.hero{padding-block-start:140px;padding-block-start:calc(var(--section-padding) + 50px);text-align:left}.hero .container{align-items:center;grid-template-columns:1fr .8fr}.hero-content{margin-inline:0;max-width:none}.btn-wrapper{justify-content:flex-start}.stats-card{grid-template-columns:repeat(4,1fr)}.project .section-title{margin-inline:auto;max-width:32ch}.cta .container{align-items:center;display:flex;justify-content:space-between}.cta .btn{min-width:max-content}.cta .section-title{margin-block-end:0;max-width:30ch}.footer .grid-list{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.container{max-width:1140px}.hero-text{padding-inline-end:100px}.service .grid-list{grid-template-columns:repeat(4,1fr)}.stats .container{max-width:70%}.stats-card{padding:60px}.project .grid-list{grid-template-columns:repeat(3,1fr)}address.footer-text{margin-block-end:16px;padding-inline-end:100px}}@media (min-width:1400px){.container{max-width:1320px}.feature-list{grid-template-columns:1fr 1fr}}.skills-container{color:#333;font-family:"Arial, sans-serif";margin:0 auto;max-width:800px;padding:20px}.skills-container h1{color:#444;font-size:2.5em;margin-bottom:40px;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:20px}.skill-group{box-sizing:border-box;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;margin-bottom:30px}.skill-group h2{border-bottom:2px solid #007bff;color:#007bff;font-size:1.75em;padding-bottom:5px}.skill-group ul{list-style-type:none;padding:0}.skill-group ul li{font-size:1.25em;margin:10px 0;padding-left:20px;position:relative}.skill-group ul li:before{color:#007bff;content:"•";font-size:1.5em;left:0;line-height:1;position:absolute}.paragraph{text-align:"left"}.contact-container{border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;font-size:26px;padding:30px}.contact-form-container,.contact-me-container{border:5px solid #ddd;border-radius:5px;box-shadow:0 0 10px #0000001a;flex:1 1;margin:5px;padding:30px;text-align:left}.contact-form-container h1{margin-bottom:20px;text-align:center}.contact-form-container .form-group{margin-bottom:15px}.contact-form-container label{display:block;font-weight:700;margin-bottom:5px}.contact-form-container input[type=email],.contact-form-container input[type=text],.contact-form-container textarea{border:1px solid #ccc;border-radius:3px;box-sizing:initial;font-size:16px;height:5%;overflow-y:auto;padding:10px;resize:none;width:100%}.contact-form-container button{background-color:#4caf50;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:26px;margin-top:10px;padding:10px 20px}.contact-form-container button:hover{background-color:#3e8e41}.contact-form-container .error{color:red;font-size:14px;margin-top:5px}@media screen and (max-width:769px){.contact-container{display:flex;flex-direction:column}}body{background-color:#fff;background-size:cover;min-height:100vh}.href{color:#000;color:#555;font-size:18px;line-height:1.6}.section-container{min-height:100vh;padding:0}.main-container{border:1px solid #ddd;border-radius:5px;font-size:26px}.info-container,.main-container{box-shadow:0 0 10px #0000001a;display:flex;padding:30px}.info-container{border:5px solid #ddd;border-radius:5px;flex-wrap:wrap;margin:5px;width:45%}.title{font-size:36px}.sub-title,.title{color:#333;font-weight:700;margin-bottom:20px}.sub-title{font-size:30px}.paragraph{font-size:22px}.normal-text,.paragraph{color:#555;line-height:1.6}.normal-text{font-size:18px}a{color:#696363}@media screen and (min-width:320px) and (max-width:480px){.title{font-size:30px}.sub-title,.title{color:#333;font-weight:700;margin-bottom:16px}.sub-title{font-size:26px}.paragraph{color:#555;font-size:18px;line-height:1.6}.normal-text{font-size:16px;line-height:1.2}}