@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.loading{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:transparent;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1000;animation:loading 3s ease-in}.loading img{opacity:1;width:10vh;height:10vh;transform:scale(1) translateY(55vh);animation:logo 3s cubic-bezier(.19,1,.22,1)}.loading .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#228be6;animation:circle 3s cubic-bezier(.175,.885,.32,1.275)}@keyframes logo{0%{transform:scale(1) translateY(45vh);opacity:0}40%{transform:scale(1);opacity:1}70%{transform:scale(1.3);opacity:1}85%{opacity:0}to{transform:scale(.5) translate(calc(-80vw + 5vh),calc(-70vh - 72px));opacity:0}}@keyframes circle{0%{opacity:0}40%{opacity:0;width:15vh;height:15vh}80%{opacity:.1;width:25vh;height:25vh}to{opacity:0;width:40vh;height:40vh}}@keyframes loading{0%{background-color:#f9f9f9}50%{background-color:#f9f9f9}to{background-color:transparent}}.navbar{position:fixed;top:0;left:0;z-index:100;width:100%;max-width:100%;height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-bottom:1px solid rgb(233,236,239);transition:height .5s cubic-bezier(.075,.82,.165,1),color .1s}@media screen and (min-width: 768px){.navbar.notfixed{border-bottom:none;background-color:transparent;height:128px}}.navbar .logo{display:flex;align-items:center;gap:1.5rem}.navbar .logo img{width:36px;height:36px;object-fit:cover}.navbar .logo h2{color:#222;font-size:clamp(1rem,5vw,1.5rem)}.navbar .nav{display:flex;flex-wrap:wrap;gap:.5rem;list-style-type:none;justify-content:flex-end}.navbar .nav .navitem{display:flex;align-items:center}.navbar .nav .navitem a{color:#495057;text-decoration:none;border-radius:.5rem;padding:.25rem .75rem;font-weight:500;display:flex;align-items:center}.navbar .nav .navitem a:hover{background-color:#e7f5ff}.navbar .nav .navitem.active a{background-color:#e7f5ff;color:#228be6}.navbar .burgerbutton{display:none}@media screen and (max-width: 768px){.navbar .nav{position:absolute;left:0;top:72px;width:100%;padding:1rem 2rem;border-bottom:1px solid rgb(233,236,239);background-color:#fff;flex-direction:column}.navbar .nav:not(.open){display:none}.navbar .nav .navitem a{width:100%;height:4rem}.navbar .burgerbutton{all:unset;height:24px;width:24px;display:grid;gap:6px;padding:.5rem;border-radius:.5rem;cursor:pointer}.navbar .burgerbutton div{width:100%;height:3px;background-color:#495057;transition:.25s}.navbar .burgerbutton.active div:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.navbar .burgerbutton.active div:nth-child(2){transform:rotateY(90deg)}.navbar .burgerbutton.active div:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.footer{width:100%;min-height:360px;background-color:#495057;padding:4vh 10vw}.footer .upper{display:flex;justify-content:space-between;gap:5vw}.footer .upper .links{display:flex;flex-direction:column;gap:2vh}.footer .upper .info{max-width:50ch}.footer .upper .info .logo{display:flex;align-items:center;gap:1.5rem}.footer .upper .info .logo img{height:36px;width:36px}.footer .upper h2{color:#fff;font-size:clamp(2rem,2vw,2.5rem)}.footer .upper h3{color:#fff;font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:600}.footer .upper h4{color:#fff;font-size:clamp(.75rem,1.5vw,1rem);font-weight:600}.footer .upper p{color:#fff;font-size:1rem;margin-top:2vh}.footer .upper .email{display:flex;align-items:center;gap:1.5vh;margin-top:3vh}.footer .upper .email .icon{height:4vh;width:4vh;border-radius:.5rem;background-color:#4f83fda0;display:flex;justify-content:center;align-items:center}.footer .separator{height:1px;width:100%;background-color:#77828d;margin:5vh 0 2vh}.footer .copyright{color:#fff;font-size:clamp(.5rem,1vw,.75rem);text-align:center}@media screen and (max-width: 1280px){.footer{padding:4vh 10vw}.footer .upper{flex-direction:column;gap:5vh}.footer .copyright{text-align:center;margin-bottom:0}}.button-component.primary{background-color:#e7f5ff;color:#228be6;padding:1rem 5rem;border-radius:1vh;border:none;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.button-component.primary:hover{background-color:#228be6;color:#e7f5ff}.button-component.secondary{background-color:#ffebe9;color:#ff5722;padding:1rem 5rem;border-radius:1vh;border:none;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.secondary:hover{background-color:#ff5722;color:#ffebe9}.button-component.white{background-color:#fff;color:#495057;padding:1rem calc(1rem + 3vw);border-radius:1vh;border:none;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.white:hover{background-color:#495057;color:#fff}.button-component.link{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:#228be6;border:none;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.link:hover{text-decoration:underline}.button-component.choice{position:relative;background-color:transparent;color:#495057;padding:.25rem 1rem;border:none;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.button-component.choice:after{content:"";display:block;position:absolute;left:1rem;bottom:0;width:calc(100% - 2rem);height:2px;background-color:#495057;opacity:0;transition:opacity .2s ease}.button-component.choice:hover:after{opacity:.5}.button-component.choice.active{color:#222}.button-component.choice.active:after{opacity:.5}.button-component.choice.active:hover:after{opacity:1}.button-component.pulsating{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #228be61a}25%{box-shadow:0 0 20px #228be680}50%{box-shadow:0 0 #228be61a}}.clock{position:relative;width:6rem;height:6rem;border-radius:3rem;outline:4px solid black}.clock .center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.25rem;height:.25rem;border-radius:50%;background-color:#228be6}.clock .hour{width:4px;background-color:#228be6;position:absolute;top:2.3rem;bottom:2.3rem;left:50%;border-radius:2px;transform:translate(-50%,-50%);transform-origin:center left;animation:hour 3s ease-in-out infinite}.clock .minute{width:4px;background-color:#228be6;position:absolute;top:1.8rem;bottom:1.8rem;left:50%;border-radius:2px;transform:translate(-50%,-50%);transform-origin:center left;animation:minute 3s ease-in-out infinite}@keyframes hour{0%{rotate:30deg}50%{rotate:110deg}to{rotate:30deg}}@keyframes minute{0%{rotate:0deg}to{rotate:360deg}}.checkmark{width:6rem;height:6rem;display:block;stroke-width:2.5;stroke-miterlimit:10}.checkmark .shield{stroke:#000;stroke-dasharray:0;stroke-dashoffset:300;fill:none}.checkmark .check{stroke:#228be6;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:stroke 2s cubic-bezier(.45,.05,.55,.95) infinite alternate}.sliders{width:6rem;height:6rem;display:flex;flex-direction:column;justify-content:space-around}.sliders .slider{width:100%;height:4px;background-color:#000;display:flex;align-items:center;border-radius:2px}.sliders .slider .dragger{width:1rem;height:1rem;border-radius:50%;background-color:#228be6;box-shadow:4px 0 #e7f5ff}.sliders .slider:nth-child(1) .dragger{animation:slide 1s cubic-bezier(.65,0,.45,1) .25s infinite alternate-reverse}.sliders .slider:nth-child(2) .dragger{animation:slide 1.1s cubic-bezier(.65,0,.45,1) infinite alternate-reverse}.sliders .slider:nth-child(3) .dragger{animation:slide 1s cubic-bezier(.65,0,.45,1) .5s infinite alternate-reverse}@keyframes slide{0%{transform:translate(0)}to{transform:translate(5rem)}}.location-pin{width:6rem;height:6rem;display:block;stroke-width:2.25;stroke-miterlimit:10}.location-pin .square{stroke:#000;stroke-dasharray:224;stroke-dashoffset:0;fill:none;animation:stroke 1s ease-out forwards}.location-pin .pin{stroke:#228be6;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:round;animation:stroke 2s cubic-bezier(.45,.05,.55,.95) infinite alternate}@keyframes stroke{to{stroke-dashoffset:0}}.home-screen{display:flex;flex-direction:column;gap:10vh}.home-screen .hero{display:flex;flex-direction:column;align-items:center;gap:4rem;text-align:center;padding:20vh 10vw 0 10vw;min-height:calc(100vh + 72px);overflow:hidden}.home-screen .hero h1{font-size:clamp(2rem,4vw,4rem);color:#222}.home-screen .hero h1 div:last-child{color:#228be6}.home-screen .hero p{font-size:clamp(1rem,2vw,1.5rem);color:#495057;max-width:50ch}.home-screen .hero .mouse-follow{position:absolute;width:25vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);transform-origin:top left;top:30%;left:60%;z-index:-1;background:linear-gradient(to right,rgb(207,255,239),rgb(213,193,254));animation:rotate 20s linear infinite;filter:blur(200px)}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:360deg}}.home-screen .hero .animated-blob{position:absolute;width:25vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);transform-origin:top left;top:30%;left:60%;z-index:-1;background:linear-gradient(to right,rgb(207,255,239),rgb(193,193,254));animation:animation 10s infinite linear;filter:blur(150px)}@keyframes animation{0%{top:30%;left:60%}10%{top:50%;left:70%}20%{top:60%;left:50%}30%{top:40%;left:40%}40%{top:30%;left:30%}50%{top:50%;left:20%}60%{top:60%;left:20%}70%{top:40%;left:30%}80%{top:30%;left:40%}90%{top:20%;left:50%}to{top:30%;left:60%}}.home-screen .help{display:flex;flex-direction:column;gap:2rem;padding:10vh 20vw;background-color:#e7f5ff}.home-screen .help h2{flex:1;font-size:clamp(1rem,5vw,2.5rem);color:#222;max-width:60%}.home-screen .help .bottom{flex:1;display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;gap:1rem;max-width:60%}.home-screen .help .bottom p{font-size:clamp(1rem,1vw,1.2rem);color:#495057;text-align:end}@media screen and (max-width: 1200px){.home-screen .help h2,.home-screen .help .bottom{max-width:100%}}.home-screen .services{overflow:hidden;display:flex;flex-direction:column;gap:1rem}.home-screen .services .text{padding:0 10vw}.home-screen .services .options{padding:0 10vw;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2vh}.home-screen .services .options .option{list-style-type:none}.home-screen .services .options .option button{font-size:clamp(.75rem,2vw,1rem)}.home-screen .services .options .buttons{display:flex;margin-left:auto}.home-screen .services .options .buttons:not(:last-child){margin-left:auto}.home-screen .services .options .buttons button{padding:.25rem;border:none;background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s}.home-screen .services .options .buttons button:hover{color:#228be6}.home-screen .services .options .buttons button:disabled{opacity:.5;cursor:default}.home-screen .services .options .buttons button:disabled:hover{color:#495057;opacity:.5}.home-screen .services .options .buttons button svg{width:2rem;height:2rem}.home-screen .services .cards{display:grid;grid-template-columns:repeat(4,80vmin);gap:5vmin;padding:0 10vw 2vh 10vw;margin-top:2vh;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:10vw}.home-screen .services .cards .card{scroll-snap-align:start;display:inline-flex;flex-direction:column;gap:1rem;width:80vmin;height:100%;padding:8vmin;background-color:#fff;border-radius:.5rem;border:1px solid rgb(233,236,239);box-shadow:0 10px 15px -3px #0000001a;transform-origin:left;white-space:normal}.home-screen .services .cards .card .top{display:flex;flex-direction:column;gap:1rem}.home-screen .services .cards .card .top h4{color:#222;font-size:clamp(1.25rem,3vw,2rem)}.home-screen .services .cards .card .top .icon{width:4rem;height:4rem;border-radius:.5rem;background-color:#228be6;display:flex;justify-content:center;align-items:center;color:#fff}.home-screen .services .cards .card .top .icon svg{width:2rem;height:2rem}@media screen and (max-width: 768px){.home-screen .services .cards .card .top{flex-direction:row;align-items:flex-end}.home-screen .services .cards .card .top .icon{width:3rem;height:3rem}.home-screen .services .cards .card .top .icon svg{width:1.5rem;height:1.5rem}}.home-screen .services .cards .card ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin-top:1rem}.home-screen .services .cards .card ul li{font-size:clamp(.65rem,2vw,1rem)}.home-screen .services .cards .card ul li:before{content:"✓";color:#228be6;font-weight:700;display:inline-block;margin-right:1vw}.home-screen .services .cards::-webkit-scrollbar{display:none}.home-screen .whyus{display:flex;flex-direction:column;align-items:center;gap:5vh;background-color:#e7f5ff;padding:10vh 10vw;overflow:hidden}.home-screen .whyus>h2{text-align:center;color:#222;font-size:clamp(2rem,4vw,3rem)}.home-screen .whyus>p{text-align:center;color:#495057;font-size:clamp(1rem,2vw,1.5rem)}.home-screen .whyus .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center;align-items:center;gap:5vw;width:100%}.home-screen .whyus .grid .item{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;text-align:center}.home-screen .whyus .grid .item img{height:15vh;width:15vh}.home-screen .whyus .grid .item h3{color:#222;font-size:clamp(1.5rem,3vw,2rem)}.home-screen .whyus .grid .item p{color:#495057;font-size:clamp(1rem,2vw,1.25rem)}.home-screen .whyus .next-step{display:flex;flex-direction:column;gap:2rem;align-items:center;margin-top:5vh}.home-screen .whyus .next-step h3{color:#222;font-size:clamp(1.5rem,3vw,2rem);text-align:center}.home-screen .testimony{background-color:#ffebe9;padding:5vh 5vw;margin:0 5vw;display:flex;flex-direction:column;align-items:center;gap:2rem;border-radius:1rem}.home-screen .testimony .icon{color:#ff5722;width:4rem;height:4rem}.home-screen .testimony .quote{color:#222;font-size:clamp(1rem,3vw,2rem);font-weight:600;text-align:center}.home-screen .testimony .author{color:#495057;font-size:clamp(1rem,2vw,1.5rem);text-align:center}.home-screen .portfolio{padding:0 10vw;position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.home-screen .portfolio h2,.home-screen .portfolio h3{text-align:center}.home-screen .portfolio .portfolio-notice{background:rgb(231,245,255);border:1.5px solid rgb(34,139,230);color:#222;padding:1.2rem 1.5rem;border-radius:.5rem;margin:1.5rem 0 2.5rem;font-size:1.08rem;box-shadow:0 2px 12px #228be60f;display:flex;align-items:center}.home-screen .portfolio .portfolio-notice p{margin:0}.home-screen .portfolio .portfolio-notice p strong{color:#228be6;font-weight:600}.home-screen .portfolio .projects{display:grid;margin-top:5vh;padding-bottom:8rem;width:50vw}.home-screen .portfolio .projects .project{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;gap:2rem}.home-screen .portfolio .projects .project img{width:100%;height:100%;object-fit:cover;border:1px solid rgb(233,236,239);box-shadow:0 10px 15px -3px #0000001a;border-radius:.5rem}.home-screen .portfolio .projects .project .text{display:flex;align-items:center;gap:2vw}.home-screen .portfolio .projects .project .text .tag{margin-left:auto;background-color:#ffebe9;color:#ff5722;padding:.25rem 1rem;border-radius:.5rem}@media screen and (max-width: 1200px){.home-screen .portfolio .projects{width:50vw}}@media screen and (max-width: 1024px){.home-screen .portfolio .projects{width:50vw}}@media screen and (max-width: 768px){.home-screen .portfolio .projects{width:100%}}.home-screen .pricing{padding:10vh 10vw;display:flex;justify-content:space-between;gap:5vw}.home-screen .pricing .left h3{max-width:25ch}.home-screen .pricing .left a{margin-top:2rem}.home-screen .pricing .right{display:flex;flex-direction:row;justify-content:center}.home-screen .pricing .right a{text-decoration:none}.home-screen .pricing .right a .package{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;padding:2rem;border:1px solid rgb(233,236,239);width:clamp(250px,30vw,600px)}.home-screen .pricing .right a .package .tag{background-color:#e9ecef;color:#495057;padding:.1rem .5rem;border-radius:.25rem;font-size:clamp(.8rem,1vw,1rem);width:fit-content;font-weight:600}.home-screen .pricing .right a .package .from{font-size:clamp(.8rem,1vw,1rem);color:#495057;margin-top:1rem}.home-screen .pricing .right a .package .price{font-size:clamp(1.5rem,3vw,2rem);color:#222}.home-screen .pricing .right a .package ul{margin-top:1rem;padding-top:1rem;border-top:2px solid #ccc;list-style:none;display:flex;flex-direction:column;gap:1rem}.home-screen .pricing .right a .package ul li{display:flex;gap:1rem;font-size:clamp(.8rem,1vw,1rem);color:#495057}.home-screen .pricing .right a .package ul li:before{content:"✓"}@media screen and (max-width: 768px){.home-screen .pricing{flex-direction:column;align-items:center;gap:5vh}.home-screen .pricing .left{text-align:center}.home-screen .pricing .left a{justify-content:center}.home-screen .pricing .right,.home-screen .pricing .right .package{width:100%}}.home-screen .contact{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16vh}.home-screen .contact>div{margin-top:10vh;display:flex}.contact-screen{display:flex;gap:4rem;padding:10vh 10vw;min-height:calc(100vh - 72px)}@media screen and (max-width: 1200px){.contact-screen{flex-direction:column}}.contact-screen .text{display:flex;flex-direction:column;gap:1rem;flex:1}.contact-screen .text h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6}.contact-screen .text h2{font-size:clamp(1rem,5vw,2.5rem);color:#222}.contact-screen .text .email{margin-top:2rem;display:flex;align-items:center;gap:1rem}.contact-screen .text .email .icon{width:3rem;height:3rem;background-color:#228be6;display:grid;place-items:center;border-radius:.5rem}.contact-screen .text .email .icon svg{width:1.5rem;height:1.5rem;fill:#fff}.contact-screen .form{display:flex;flex-direction:column;gap:1rem;flex:1}.contact-screen .form .input-group{position:relative;display:flex;gap:1vw;margin:1rem .5rem}.contact-screen .form .input-group label{font-size:clamp(.8rem,1vw,1rem);color:#495057;position:absolute;pointer-events:none;top:1rem;transition:all .25s}.contact-screen .form .input-group input,.contact-screen .form .input-group textarea{width:100%;resize:none;outline:none;background-color:transparent;padding:1rem 0;border:none;border-bottom:2px solid rgb(233,236,239)}.contact-screen .form .input-group input:focus,.contact-screen .form .input-group input:not(:placeholder-shown){border-bottom:2px solid rgb(34,139,230)}.contact-screen .form .input-group input:focus~label,.contact-screen .form .input-group input:not(:placeholder-shown)~label{font-size:clamp(.5rem,1vw,.75rem);top:-.5rem;color:#228be6}.contact-screen .form .input-group textarea:focus,.contact-screen .form .input-group textarea:not(:placeholder-shown){border-bottom:2px solid rgb(34,139,230)}.contact-screen .form .input-group textarea:focus~label,.contact-screen .form .input-group textarea:not(:placeholder-shown)~label{font-size:clamp(.5rem,1vw,.75rem);top:-.5rem;color:#228be6}.contact-screen .form .row{display:flex;gap:1rem;align-items:center}.contact-screen .form .row .success{color:#7cfc00;font-size:clamp(.8rem,1vw,1rem);white-space:nowrap}.contact-screen .form .row .error{color:red;font-size:clamp(.8rem,1vw,1rem);white-space:nowrap}.about-screen{padding:10vh 10vw;min-height:calc(100vh - 72px);display:flex;flex-direction:column;gap:calc(5vh + 5vw)}.about-screen .hero{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-screen .hero h1{text-align:center;font-size:clamp(1rem,3vw,1.5rem);color:#228be6}.about-screen .hero h2{text-align:center;font-size:clamp(2rem,4vw,4rem);color:#222;max-width:30ch}.about-screen .hero p{text-align:center;max-width:80ch;font-size:clamp(1rem,1.5vw,1.2rem)}.about-screen .about{display:flex;align-items:center;justify-content:center;gap:5vw}.about-screen .about .member{flex:1;display:flex;flex-direction:column;align-items:center;max-width:30vh}.about-screen .about .member img{width:100%;aspect-ratio:1/1;border-radius:.5rem;object-fit:cover;margin-bottom:1rem}.about-screen .about .member h3{font-size:clamp(1.5rem,2vw,2rem);color:#222}.about-screen .about .text{flex:2;display:flex;flex-direction:column;gap:1rem;max-width:60ch}.about-screen .about .text h2{font-size:clamp(1.5rem,2vw,2rem);color:#222}.about-screen .about .text p{font-size:clamp(1rem,1.5vw,1.2rem)}@media screen and (max-width: 768px){.about-screen .about{flex-direction:column;gap:5vh}.about-screen .about .member{width:100%}.about-screen .about .text{width:100%;text-align:center}}.about-screen .contact{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-screen .contact h2{font-size:clamp(1.5rem,2vw,2rem);color:#222}.about-screen .contact p{text-align:center;max-width:80ch;font-size:clamp(1rem,1.5vw,1.2rem)}.about-screen .contact a{margin-top:5vh}.portfolio-screen{display:flex;flex-direction:column;padding:10vh 15vw;min-height:calc(100vh - 72px)}.portfolio-screen h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6;text-align:center}.portfolio-screen h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center}.portfolio-screen .portfolio-notice{background:rgb(231,245,255);border:1.5px solid rgb(34,139,230);color:#222;padding:1.2rem 1.5rem;border-radius:.5rem;margin:1.5rem 0 2.5rem;font-size:1.08rem;box-shadow:0 2px 12px #228be60f;display:flex;align-items:center}.portfolio-screen .portfolio-notice p{margin:0}.portfolio-screen .portfolio-notice p strong{color:#228be6;font-weight:600}.portfolio-screen .projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-top:5vh}.portfolio-screen .projects .project{display:flex;flex-direction:column;gap:1rem}.portfolio-screen .projects .project .image{width:100%;aspect-ratio:16/9;border-radius:.5rem;border:1px solid rgb(233,236,239);box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.portfolio-screen .projects .project .image img{width:100%;height:100%;object-fit:cover;transition:all .25s}.portfolio-screen .projects .project .text{display:flex;align-items:center;gap:2vw}.portfolio-screen .projects .project .text .title{font-size:clamp(.9rem,3vw,1.2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-screen .projects .project .text .type{font-size:clamp(.5rem,3vw,1rem)}.portfolio-screen .projects .project .text .tag{margin-left:auto;font-size:clamp(.7rem,2vw,1rem);background-color:#ffebe9;color:#ff5722;padding:.25rem 1rem;border-radius:.5rem;white-space:nowrap}@media screen and (max-width: 1200px){.portfolio-screen .projects{grid-template-columns:1fr}.portfolio-screen .projects .project{margin-top:0!important}}.portfolio-screen .portfolio-notice,.portfolio-screen .projects .project{max-width:500px;width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}@media screen and (max-width: 500px){.portfolio-screen .projects{gap:2rem}.portfolio-screen .projects .project{max-width:70vw}}.pricing-screen{padding:10vh 10vw;display:flex;flex-direction:column;gap:10vh}.pricing-screen .hero-text{display:flex;justify-content:space-between}.pricing-screen .hero-text .left h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6}.pricing-screen .hero-text .left h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;max-width:20ch}.pricing-screen .hero-text .right p{font-size:clamp(.8rem,1vw,1rem);color:#495057;margin-top:1rem;max-width:50ch;text-align:end;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}@media screen and (max-width: 768px){.pricing-screen .hero-text{flex-direction:column}.pricing-screen .hero-text .right p{align-items:flex-start;text-align:start}}.pricing-screen .packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.pricing-screen .packages .package{position:relative;display:flex;flex-direction:column;background-color:#e9ecef;border-radius:.5rem;padding:2rem;border:1px solid rgb(233,236,239)}.pricing-screen .packages .package .tag{background-color:#ccc;color:#222;padding:.1rem .5rem;border-radius:.25rem;font-size:clamp(.8rem,1vw,1rem);width:fit-content;font-weight:600}.pricing-screen .packages .package .from{font-size:clamp(.8rem,1vw,1rem);color:#495057;margin-top:1rem}.pricing-screen .packages .package .price{font-size:clamp(1.5rem,3vw,2rem);color:#222}.pricing-screen .packages .package ul{margin-top:1rem;padding-top:1rem;border-top:2px solid #ccc;list-style:none;display:flex;flex-direction:column;gap:1rem}.pricing-screen .packages .package ul li{display:flex;gap:1rem;font-size:clamp(.8rem,1vw,1rem);color:#495057}.pricing-screen .packages .package ul li:before{content:"✓"}.pricing-screen .packages .package:nth-child(2){background-color:#fff}.pricing-screen .packages .package:nth-child(2) .tag{background-color:#e7f5ff;color:#228be6}.pricing-screen .packages .package:nth-child(2) .price{color:#228be6}.pricing-screen .packages .package:nth-child(2) ul{border-color:#e9ecef}.pricing-screen .packages .package:nth-child(2):after{content:"Popular";position:absolute;top:-.75rem;right:2rem;background-color:#228be6;color:#fff;padding:.1rem .5rem;border-radius:.25rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;rotate:15deg}.pricing-screen .packages .package:nth-child(3){background-color:#2c2c2c;color:#fff}.pricing-screen .packages .package:nth-child(3) .tag{background-color:#fff;color:#222}.pricing-screen .packages .package:nth-child(3) .from{color:#e9ecef}.pricing-screen .packages .package:nth-child(3) .price{color:#fff}.pricing-screen .packages .package:nth-child(3) ul{border-color:#495057}.pricing-screen .packages .package:nth-child(3) ul li{color:#e9ecef}.pricing-screen .packages .logodesign{background-color:#fff}.pricing-screen .packages .logodesign .tag{background-color:#e7f5ff;color:#228be6}.pricing-screen .packages .logodesign .price{color:#228be6}.pricing-screen .packages .logodesign ul{border-color:#e9ecef}.pricing-screen .packages .logodesign:after{content:"Popular";position:absolute;top:-.75rem;right:2rem;background-color:#228be6;color:#fff;padding:.1rem .5rem;border-radius:.25rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;rotate:15deg}.pricing-screen .lower-text{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:5vh}.pricing-screen .lower-text h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center}.pricing-screen .lower-text p{font-size:clamp(.8rem,1vw,1rem);color:#495057;max-width:50ch;text-align:center}.error404{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:calc(100vh - 72px);background-color:#f9f9f9}.error404 span{font-size:clamp(.75rem,2vw,1rem);font-weight:600;color:#228be6;background-color:#e7f5ff;padding:.75rem 1.5rem;border-radius:.5rem}.error404 h1{font-size:clamp(2rem,5vw,4rem);color:#222}.error404 p{font-size:clamp(1rem,3vw,1.5rem);color:#495057}.error404 .gohome{margin-top:5vh;display:flex;align-items:center;flex-direction:column;gap:inherit}.error404 .gohome p{font-size:clamp(.6rem,2vw,.8rem);color:#495057}.error404 .gohome button{font-size:inherit}.snackbar{position:fixed;left:50%;bottom:2rem;transform:translate(-50%);min-width:280px;max-width:90vw;padding:1rem 2rem;border-radius:.5rem;color:#fff;font-size:1.1rem;font-weight:500;box-shadow:0 4px 24px #0000001f;display:flex;align-items:center;gap:1rem;z-index:9999;cursor:pointer;animation:snackbar-in .3s ease}.snackbar--success{background:rgb(34,139,230)}.snackbar--error{background:#e74c3c}.snackbar .snackbar__close{background:none;border:none;color:inherit;font-size:1.5rem;margin-left:1rem;cursor:pointer;opacity:.7;transition:opacity .2s}.snackbar .snackbar__close:hover{opacity:1}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.getstarted-screen{display:flex;flex-direction:column;padding:10vh 15vw;min-height:calc(100vh - 72px)}.getstarted-screen h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6;text-align:center}.getstarted-screen h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center}.getstarted-screen .getstarted-info{background:rgb(243,244,245);color:#495057;border-radius:.5rem;padding:1.5rem 2rem;margin:1.5rem 0;font-size:1.1rem;box-shadow:0 2px 12px #0000000f;border-left:4px solid rgb(34,139,230)}.getstarted-screen .getstarted-info a{color:#228be6;text-decoration:underline;transition:color .2s}.getstarted-screen .getstarted-info a:hover{color:#1671bf}.getstarted-screen .getstarted-form{max-width:700px;margin:0 auto;padding:2rem 3rem 3rem;background:#ffffff;border-radius:1.5rem;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.getstarted-screen .getstarted-form .input-group{position:relative;display:flex;gap:1vw;margin:1rem .5rem}.getstarted-screen .getstarted-form .input-group label{font-size:clamp(.8rem,1vw,1rem);color:#495057;position:absolute;pointer-events:none;top:1rem;transition:all .25s}.getstarted-screen .getstarted-form .input-group input{width:100%;resize:none;outline:none;background-color:transparent;padding:1rem 0;border:none;border-bottom:2px solid rgb(233,236,239)}.getstarted-screen .getstarted-form .input-group input:focus,.getstarted-screen .getstarted-form .input-group input:not(:placeholder-shown){border-bottom:2px solid rgb(34,139,230)}.getstarted-screen .getstarted-form .input-group input:focus~label,.getstarted-screen .getstarted-form .input-group input:not(:placeholder-shown)~label{font-size:clamp(.5rem,1vw,.75rem);top:-.5rem;color:#228be6}.getstarted-screen .getstarted-form .form-group{display:flex;flex-direction:column;gap:.5rem}.getstarted-screen .getstarted-form .form-group label{font-weight:500;color:#222;margin-bottom:.2rem}.getstarted-screen .getstarted-form .form-group textarea{padding:1rem;border:1px solid rgb(233,236,239);border-radius:.5rem;font-size:1rem;resize:vertical;background:rgb(243,244,245);transition:border .2s}.getstarted-screen .getstarted-form .form-group textarea:focus{border:1.5px solid rgb(34,139,230);outline:none;background:#ffffff}.getstarted-screen .getstarted-form .submit-btn{align-self:flex-end;background:rgb(34,139,230);color:#fff;border:none;border-radius:.5rem;padding:.8rem 2.2rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #00000012;transition:background .2s}.getstarted-screen .getstarted-form .submit-btn:hover{background:rgb(21.6463414634,112.5609756098,191.3536585366)}.getstarted-screen .getstarted-form .form-title{font-size:clamp(1.2rem,2vw,2rem);color:#228be6;font-weight:600;margin-bottom:1.5rem;text-align:center;letter-spacing:.01em}.getstarted-screen .getstarted-form .form-subheading{font-size:clamp(1rem,1.5vw,1.15rem);color:#222;text-align:center;margin-bottom:1.5rem;font-weight:400;opacity:.85}@media screen and (max-width: 600px){.getstarted-screen{padding-inline:0!important;padding-bottom:0!important}.getstarted-screen .getstarted-info{margin:2rem;padding:1rem;font-size:clamp(.9rem,2vw,1.1rem)}.getstarted-screen .getstarted-form{border-radius:0;box-shadow:none;padding-left:10;padding-right:10;width:100vw;max-width:100vw;margin-bottom:0;background:#ffffff}}.chatwithus-screen{display:flex;flex-direction:column;padding:10vh 15vw;min-height:calc(100vh - 72px);align-items:center}.chatwithus-screen h1{font-size:clamp(1rem,3vw,1.5rem);color:#228be6;text-align:center}.chatwithus-screen h2{font-size:clamp(1rem,5vw,2.5rem);color:#222;text-align:center}.chatwithus-screen .chatwithus-info{background:#e5f1fb;background:rgb(231,245,255);color:#222;position:relative;word-break:break-word;margin:1.5rem auto .5rem;max-width:420px;padding:.8rem;min-width:180px;border:1.5px solid #b2d7fb;border-radius:1rem}.chatwithus-screen .chatwithus-info p{margin:0;font-size:inherit;line-height:1.6}.chatwithus-screen .chatwithus-img{width:100%;height:auto;display:block;border:1.5px solid #b2d7fb;border-radius:1rem;object-fit:cover;margin:1.5rem 0 .5rem;max-width:420px;min-width:180px}.calendar-booking{margin-top:1rem}.calendar-booking .calendar-btn{border-radius:.5rem;text-decoration:none;font-weight:600}.calendar-booking .calendar-btn:hover a{text-decoration:none;color:#e7f5ff!important}@media screen and (max-width: 768px){.calendar-booking .calendar-booking{max-width:50%}.calendar-booking .calendar-booking .calendar-btn{padding:.75rem 2rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}body{width:100%;min-height:calc(100vh - 72px);background-color:#f9f9f9;padding-top:72px;max-width:100%;overflow-x:hidden}h1{font-size:clamp(1.5rem,3vw,3rem);color:#222}h1 span{color:#228be6}h2{font-size:clamp(1rem,3vw,1.5rem);color:#228be6}h3{font-size:clamp(1.5rem,5vw,2.5rem);color:#222}h4{font-size:clamp(1rem,3vw,1.75rem);font-weight:600;color:#222}h5{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:600;color:#495057}p{font-size:clamp(.8rem,1vw,1rem);color:#495057}p span{color:#228be6}a{text-decoration:none;color:#228be6}a:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f3f4f5;border-radius:0 0 10px 10px}::-webkit-scrollbar-thumb{background-color:#495057;border-radius:10px;border:2px solid rgb(243,244,245)}::-webkit-scrollbar-thumb:hover{background-color:#222}