*{padding:0;margin:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,sans-serif}body{background:#fbfffe;color:#000}.main_container{padding:3em 3%;margin:0 0 3em}.title{color:#96031a}.btn button{border:none;border-radius:8px;padding:.8em 1em;margin:0 .5em;background:#000;color:#fbfffe}.nav_container{display:flex;justify-content:center;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:2px 2px 4px #000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0 1.2em;height:10vh;position:sticky;top:0;left:0;z-index:100}.nav_container .logo{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:.9em}.nav_container .logo a{text-decoration:none;color:#000;font-size:1.5em;font-weight:700}.nav_container .logo img{border-radius:50%}.nav_container .nav_links ul{display:flex;justify-content:center;align-items:center;flex-direction:row;list-style:none}.nav_container .nav_links ul li{padding:0 .5em}.nav_container .nav_links ul li a{text-decoration:none;color:#000;font-size:1.2em;font-weight:550}.nav_container .nav_links ul li a:hover,.nav_container .nav_links ul li .router-link-active{color:#96031a}.nav_container .burger{display:none;cursor:pointer;padding:.4em}.nav_container .burger span{display:block;margin:6px 0;background-color:#000;width:30px;height:3px;transition:transform .3s ease}.nav_container .burger.active~.nav_links{display:block}.nav_container .burger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav_container .burger.active span:nth-child(2){opacity:0}.nav_container .burger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media screen and (width <= 726px){.nav_container .nav_links ul{flex-direction:column;position:absolute;top:10vh;right:0;width:50%;height:65vh;background:#000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;z-index:99}.nav_container .nav_links ul a{display:flex;justify-content:center;align-items:center;color:#fbfffe;font-weight:550;padding:.9em 0}.nav_container .nav_links ul.show{display:flex;flex-direction:column;gap:10px}.nav_container .nav_links ul.show a{color:#fbfffe}.nav_container .nav_links ul.show .router-link-active{color:#4dd3e5}.nav_container .burger{display:block}}.footer_container{background:#000;color:#fbfffe}.footer_container h3{margin-bottom:.5em}.footer_container .footer_content{display:grid;grid-template-columns:1fr;gap:1.5em;gap:2em;padding:.9em}@media screen and (width >= 726px){.footer_container .footer_content{grid-template-columns:repeat(3,1fr)}}.footer_container .footer_content .footer_infor img{border-radius:50%}.footer_container .footer_content .footer_infor p{padding:.3em 0;font-size:1.1em}.footer_container .footer_content .footer_infor p span{color:#96031a;font-size:1.2em;font-weight:700}.footer_container .footer_content .footer_links li{list-style:none;padding:.4em 0}.footer_container .footer_content .footer_links li a{text-decoration:none;color:#fbfffe}.footer_container .footer_content .footer_links li a:hover{color:#96031a}.footer_container .footer_content .footer_social img{width:25px;height:25px;margin:0 .5em}.footer_container .footer_copyrigth{padding:.5em .9em;text-align:center;font-size:1.1em}@media screen and (width <= 726px){.footer_container .footer_copyrigth{font-size:.8em}}.hero_container{background-image:linear-gradient(#0006,#0006),url(/assets/beach-CNkly-4I.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:90vh}.hero_container .hero_content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fbfffe}.hero_container .hero_content h1{padding:.9em 0;font-size:2.5em}.hero_container .hero_content h1 .rotate{display:inline-block;animation:rotate 5s linear infinite}.hero_container .hero_content p{padding:.9em 0;font-size:1.3em}.hero_container .hero_content .btn{display:flex;justify-content:center;align-items:center;flex-direction:row;justify-content:start;gap:2em}.hero_container .hero_content .btn a{text-decoration:none;color:#fbfffe;font-size:1.1em}.hero_container .hero_content .btn button:hover{background:#96031a}@keyframes rotate{to{transform:rotateY(360deg)}}@media screen and (width <= 726px){.hero_container{height:55vh;background-position:center}.hero_container .hero_content{top:18%;left:3%;transform:translate(0);padding:0 5%}.hero_container .hero_content h1{font-size:1.32em}.hero_container .hero_content p{font-size:1em}.hero_container .hero_content .btn{padding:.9em 0}}.design_container{background-image:linear-gradient(#0006,#0006),url(/assets/beach2-jVWpivfK.jpg);background-repeat:none;background-size:cover;background-attachment:fixed;height:65vh;position:relative;border-radius:12px}.design_container .design_content{padding:2em;color:#fbfffe;position:absolute;top:2%;left:5%;width:65%}.design_container .design_content h2{padding:.3em 0}.design_container .design_content span{height:3px;display:block;width:10em;background:#96031a;position:absolute;left:10%}.design_container .design_content p{font-size:1.1em;padding:.9em 0}@media screen and (width <= 726px){.design_container{height:55vh}.design_container .design_content{width:100%;left:0%}}.project_container .project_content{padding:.9em 0}.project_container .project_content .project_items{display:grid;grid-template-columns:1fr;gap:1.5em;gap:2em}@media screen and (width >= 726px){.project_container .project_content .project_items{grid-template-columns:repeat(2,1fr)}}.project_container .project_content .project_items .details{border:1px solid #000000;padding:.5em;font-size:1.1em;border-radius:12px}.project_container .project_content .project_items .details h2{padding:.3em 0}.project_container h2{padding:.9em 0}.project_container .project_infor{display:grid;grid-template-columns:1fr;gap:1.5em;gap:2em}@media screen and (width >= 726px){.project_container .project_infor{grid-template-columns:repeat(3,1fr)}}.project_container .project_infor .work{padding:1em .5em;background:#ededed;border-radius:12px}.project_container .project_infor .work img{width:100%;height:45vh;border-radius:16px}.project_container .project_infor .work h3{padding:.5em 0}.project_container .project_infor .work p{padding:.3em 0;font-size:1.1em}.project_container .project_infor .work p span{color:green;font-weight:700}.project_container .project_infor .work .btn{padding:.3em 0}.project_container .project_infor .work .btn a{text-decoration:none;color:#fbfffe;font-size:1.1em}@media screen and (width <= 726px){.project_container{padding:0 5%}}.title{padding:1.5em 0}.contact_container{display:grid;grid-template-columns:1fr;gap:1.5em}@media screen and (width >= 726px){.contact_container{grid-template-columns:repeat(2,1fr)}}.contact_container .contact_infor{display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:start;font-size:1.3em;font-weight:700}.contact_container .contact_form .input_group .names{display:grid;grid-template-columns:1fr 1fr;gap:1em}.contact_container .contact_form .input_group .input_content{position:relative;padding:.8em 0}.contact_container .contact_form .input_group .input_content label{position:absolute;top:15px;left:5px;transition:top .3s ease-in-out,opacity .3s ease-in-out;pointer-events:none}.contact_container .contact_form .input_group .input_content label i{padding:unset;margin:0 .3em}.contact_container .contact_form .input_group input[type=text],.contact_container .contact_form .input_group input[type=email],.contact_container .contact_form .input_group textarea{width:100%;padding:.9em 1em;color:#000;background:#fbfffe;border-radius:5px;transition:all .3s ease-in-out;border:1px solid grey}.contact_container .contact_form .input_group input:focus~label,.contact_container .contact_form .input_group input:valid~label,.contact_container .contact_form .input_group textarea:focus~label,.contact_container .contact_form .input_group textarea:valid~label{top:1px;opacity:1;background:#fbfffe;font-size:.85em}.contact_container .contact_form button{padding:.8em 2em;border-radius:8px;background:#000;color:#fbfffe;font-weight:700;border:none}@media screen and (width <= 726px){.contact_container{padding:.9em 5%}.contact_container p{font-size:1em;padding:.3em 0}.contact_container .contact_form input[type=text],.contact_container .contact_form input[type=email]{height:7vh}.contact_container .contact_form label{font-size:1.2em}}.about_container .about_content{display:grid;grid-template-columns:1fr;gap:1.5em;padding:.9em 0;margin:0 0 3em}@media screen and (width >= 726px){.about_container .about_content{grid-template-columns:repeat(2,1fr)}}.about_container .about_content .about_items p{font-size:1.1em}.about_container .about_content .about_image img{width:95%;height:50vh;border-radius:0 24px}.about_container h2{padding:.5em 0}.about_container .founder{display:grid;grid-template-columns:1fr;gap:1.5em}@media screen and (width >= 726px){.about_container .founder{grid-template-columns:repeat(2,1fr)}}.about_container .founder p{padding:.3em 0;font-size:1.1em}.about_container .founder p span{font-weight:700}.about_container .founder .founder_image{padding:.5em 0;display:flex;justify-content:center;flex-direction:column;align-items:center}.about_container .founder .founder_image img{width:300px;height:55vh;border-radius:24px}@media screen and (width <= 726px){.about_container{padding:0 5%}.about_container .about_image{display:none}}.main_container .service_container h2{text-align:center;padding:.5em 0}.main_container .service_container span{height:4px;display:block;width:10em;background:#96031a;position:absolute;left:42%}.main_container .service_container p{font-size:1.1em;padding:.9em 0;margin-bottom:2em}.main_container .service_container .service_items{display:grid;grid-template-columns:1fr;gap:1.5em}@media screen and (width >= 726px){.main_container .service_container .service_items{grid-template-columns:repeat(4,1fr)}}.main_container .service_container .service_items .service_content{padding:.9em .5em;border:1px solid #96031A;border-radius:20px}.main_container .service_container .service_items .service_content h3{text-align:center}@media screen and (width <= 726px){.main_container .service_container{padding:0 5%}.main_container .service_container h2{font-size:1.1em;padding:.9em 0}.main_container .service_container p{padding:1em}.main_container .service_container span{left:25%}}