*{margin:0;padding:0}body{--tw-bg-opacity:1;font-family:Vidaloka!important}:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;scroll-behavior:smooth}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:#111827;background-color:#fff;transition:background-color .3s,color .3s}:root[class~=dark] body{color:#f3f4f6;background-color:#121212}*{transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}:root[class~=dark]{--bg-primary:#121212;--text-primary:#f3f4f6;--border-color:#374151}:root{--bg-primary:#fff;--text-primary:#111827;--border-color:#e5e7eb}.page-content{background-color:var(--bg-primary);color:var(--text-primary)}.card,.container,.section{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.content-center{padding-left:8rem;padding-right:8rem}@media (max-width:992px){.content-center{padding-left:2rem;padding-right:2rem}}
.custom-nav{background-color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:5px 15px;display:flex}.navbar-nav{gap:1rem}.btn-navbar{width:auto;display:inline-block;overflow:hidden}.nav-link{color:#000!important;font-size:1.5rem!important;font-weight:500!important}.nav-link:hover{color:#ed820e!important}.dropdown-menu{display:none}.dropdown.show .dropdown-menu{display:block}.navbar-brand img{transition:width .3s,height .3s;width:50px!important;height:50px!important}.dropdown-item:hover{color:#ed820e!important}.navbar-brand{margin-left:10%}.brand-title{font-family:open sans-serif}.brand-color{color:#ed820e}.btn-nav-visible,.btn-nav-hidden{letter-spacing:1.5px;text-align:center;white-space:nowrap;justify-content:center;align-items:center;width:100%;font-size:1.5rem;transition:transform .5s ease-in-out,opacity .5s ease-in-out;display:flex;color:#3b3b3b!important}.btn-nav-hidden:hover{color:#ed820e!important}.btn-nav-visible{opacity:1;z-index:2;transform:translateY(50%)}.btn-nav-hidden{opacity:0;z-index:1;transform:translateY(90%)}.btn-navbar:hover .btn-nav-visible{opacity:0;transform:translateY(0)}.btn-navbar:hover .btn-nav-hidden{opacity:1;transform:translateY(-50%)}@media (max-width:992px){.navbar-brand img{width:80px;height:80px}.navbar-brand{margin-left:5%}.custom-nav{gap:1rem}.nav-link{font-size:1.2rem!important}.btn-nav-visible,.btn-nav-hidden{font-size:1.2rem}.navbar-collapse{background-color:#fff;padding:1rem}.navbar-nav{flex-direction:column;align-items:flex-start;gap:5px!important}.btn-navbar{text-align:left}.custom-toggler{background:0 0!important;border:none!important}}@media (max-width:768px){.navbar-brand img{width:60px;height:60px}.navbar-brand{margin-left:2%}.brand-title{font-size:1.5rem}.nav-link{font-size:1rem!important}.btn-nav-visible,.btn-nav-hidden{font-size:1rem}}@media (max-width:480px){.navbar-brand img{width:50px;height:50px}.brand-title{font-size:1rem}}:root[class~=dark] .custom-nav{color:#fff;background-color:#121212!important}:root[class~=dark] .nav-link,:root[class~=dark] .btn-nav-visible{color:#fff!important}:root[class~=dark] .brand-title{color:#fff}:root[class~=dark] .navbar-toggler-icon{background-color:#ed820e;border-radius:3px}:root[class~=dark] .navbar-collapse.collapse.show,:root[class~=dark] .navbar-collapse.collapsing{color:#fff!important;background-color:#121212!important}:root[class~=dark] .dropdown-menu.show,:root[class~=dark] .dropdown-menu,:root[class~=dark] .dropdown-item{background-color:#000;border-color:#e5e7eb;color:#fff!important}:root[class~=dark] .dropdown-item:hover,:root[class~=dark] .nav-link:hover,:root[class~=dark] .btn-nav-hidden:hover{color:#ed820e!important}
.home-container{margin-top:4.5rem!important}.sub-title{font-size:4rem;font-weight:290}.title,.title-we{margin-top:.6rem;font-size:5rem;font-weight:290}.changing-text{width:50%;margin-left:1.5rem;font-size:5rem;font-weight:290;animation:1.5s ease-in-out blurFade;display:inline-block}.sub-changing-text{font-weight:300;animation:1.5s ease-in-out blurFade;display:inline-block}@keyframes blurFade{0%{opacity:0;filter:blur(10px)}50%{opacity:.5;filter:blur(5px)}to{opacity:1;filter:blur()}}.desgin-image{width:100%}.home-banner,.home-banner-bottom{object-fit:cover;border-radius:.5rem;width:100%;height:100%}.about-text{color:#333;white-space:pre-line;max-width:100%;margin-top:20px;font-size:18px;line-height:1.6;display:block}.sub-about-text{margin-top:5rem}.about-text.hidden{opacity:0;transform:translateY(20px)}[data-aos=fade-up].aos-animate{opacity:1;transform:translateY(0)}[data-aos=fade-up]{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(20px)}.our-work{border-bottom:1px solid #000;display:inline-block}.our-work-description{transition:margin-left .3s}.our-work-image{border-radius:5px;width:100%}.min-description{width:85%}.btn-project{background-color:#0000;border:none;font-size:1.5rem;text-decoration:none;color:#ed820e!important}.btn-project:hover{letter-spacing:3px;cursor:pointer;text-decoration-line:underline}.fixed-image-container{margin-top:7rem;margin-bottom:6rem}.fixed-image{background-color:#f3f3f3;background-position:50%;background-size:cover;background-attachment:fixed;border-radius:5px;width:100%;height:50vh;transition:background-image .5s ease-in-out}@supports (-webkit-touch-callout:none){.fixed-image{background-attachment:scroll}}.content{margin-top:5rem}.approach-title{margin-top:3rem;font-size:4rem;font-weight:900}.approach-content{font-size:1.3rem}.approach-subtitle{border-bottom:1px solid #000;padding-bottom:4px;display:inline-block}.approach-description{margin-top:5rem!important;margin-left:20rem!important}.service-subtitle{border-bottom:1px solid #000;margin-top:4rem;padding-bottom:4px;display:inline-block}.service-image{border-radius:5px}.service-title{width:60%;margin-top:2rem;font-size:4.5rem;font-weight:600}.desgin-title{border-bottom:1px solid #000;padding-bottom:5px;font-size:2.5rem;display:inline-block}.move-right{width:fit-content;margin-left:40%!important}.client-logo{object-fit:cover;max-width:80%;height:auto}:root[class~=dark] .our-work,:root[class~=dark] .approach-subtitle,:root[class~=dark] .service-subtitle,:root[class~=dark] .desgin-title{border-bottom:1px solid #fff!important}:root[class~=dark] .changing-text,:root[class~=dark] .sub-changing-text,:root[class~=dark] .title,:root[class~=dark] .approach-title,:root[class~=dark] .service-title{color:#ed820e}:root[class~=dark] .min-description{color:#fff!important}:root[class~=dark] .text-muted{color:#adabab!important}:root[class~=dark] .about-text{color:#f3f3f3}@media (max-width:1280px){.title-we,.title,.changing-text{font-size:4rem}}@media (max-width:992px){.title,.title-we,.changing-text{font-size:3.5rem}.changing-text{margin-left:1rem}.sub-title{font-size:2.5rem}.our-work-description{margin-left:1rem!important}.approach-title{font-size:3.5rem}.approach-description{margin-top:2rem!important;margin-left:1rem!important}.service-title{width:100%;font-size:3.5rem}.move-right{margin-left:1rem!important}}@media (max-width:768px){.title-we,.title,.changing-text{font-size:3rem}.changing-text{width:40%}.sub-about-text{margin-top:1rem}.home-banner-bottom{margin-top:5.5rem}}@media (max-width:576px){.home-container{margin-top:4rem!important}.home-title{text-align:center;flex-direction:column;align-items:center}.title,.title-we,.changing-text{white-space:nowrap;font-size:1.5rem}.home-banner{height:100%}.description{font-size:1rem}.sub-about-text{margin-top:2rem;font-size:1rem}.about-text{font-size:1.5rem!important}.home-title{flex-direction:column;align-items:center}.home-banner-bottom{margin-top:3rem}.our-work{font-size:1rem}.sub-title{width:100%;font-size:1.5rem}.sub-changing-text{font-size:1.2rem}.our-work-description{margin-left:0!important}.text-muted{font-size:1rem}.studioz-content{font-size:.6rem}.desgin-image{margin-top:50px}.min-description{margin-top:1rem}.approach-title{font-size:1.8rem;margin-top:1rem!important}.approach-subtitle{font-size:1rem}.approach-description{margin-left:0!important}.approach-content{margin-bottom:2px;font-size:.7rem}.fixed-image-container{margin-bottom:0}.service-image{margin-top:1rem}.service-title{width:100%;font-size:2rem}.move-right{margin-left:0!important}.desgin-title{font-size:.8rem}.service-descriprion{font-size:.7rem}.min-description{width:100%;font-size:.8rem;margin-left:0!important}.btn-project{font-size:.9rem}.client-logo{width:100%}.client-description{width:100%;font-size:1rem}.service-title{font-size:1.7rem}.service-subtitle{font-size:1rem}}
.interiors-container{margin-top:10rem}.interiors-title{border-bottom:5px solid #000;font-size:5rem}.interiors-description{width:66%;line-height:2}.slow-motion-container{border-radius:15px;width:70%;height:auto;margin:0 auto;display:block;overflow:hidden}.slow-motion-image{object-fit:cover;width:100%;height:90%;animation:10s ease-in-out infinite alternate slowZoom;transform:scale(1)}.desgin-space{letter-spacing:10px}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.2)}}@media (max-width:768px){.interiors-container{margin-top:7rem}.interiors-title{border-bottom:1px solid #000;font-size:1rem}.interiors-description{width:100%;font-size:.7rem}.slow-motion-container{width:100%;margin:0;display:block}.vision-content{width:100%;font-size:1rem}}
.footer-container-with-bg{color:#000;background-image:url(/dark-footer-bg.jpg);background-position:50%;background-size:cover;padding:60px 20px 20px;position:relative;overflow:hidden}.footer-overlay{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.footer-accent-line{z-index:2;background:linear-gradient(90deg,#ed820e,#ff5f6d);width:100%;height:4px;margin-left:-20px;position:absolute;top:0}.footer-content{z-index:3;position:relative}.footer-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#5c5b5b1a;border-radius:12px;height:120px;padding:20px;transition:background .3s}.footer-heading{text-transform:uppercase;letter-spacing:1px;color:#000;margin-bottom:15px;font-size:18px;font-weight:600}.footer-link{color:#000;font-size:16px;text-decoration:none;transition:color .3s,transform .3s;display:inline-block}.footer-link:hover{color:#ed820e;transform:translate(4px)}.social-icon{color:#000;transition:transform .3s,color .3s}.social-icon:hover{color:#ed820e;transform:scale(1.2)}.footer-bottom{z-index:3;color:#f8f9fa;background-color:#232323b3;position:relative}.footer-end{font-size:14px;font-weight:400}@media (max-width:576px){.footer-card{margin-bottom:15px}}
.contact-container{margin-top:5rem}.carousel-wrapper{border-radius:12px;max-width:1000px;margin:0 auto 3rem;overflow:hidden;box-shadow:0 8px 20px #0000001a}.carousel-wrapper div{background-color:#f8f9fa;justify-content:center;align-items:center;width:100%;height:500px;display:flex}.carousel-image{object-fit:cover;width:100%;height:100%}.contact-form{background:#fff;border-radius:12px;max-width:700px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 20px #00000014}.form-group{margin-bottom:1.75rem}.form-group label{color:#34495e;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.form-group label:after{content:" *";color:#e74c3c;opacity:.8}.form-group input,.form-group select,.form-group textarea{background-color:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.react-tel-input{width:100%;font-family:inherit}.react-tel-input .selected-flag{display:none}.react-tel-input .form-control{background-color:#f8fafc!important;border:1px solid #e0e0e0!important;border-radius:8px!important;width:100%!important;height:auto!important;padding:.85rem 1rem .85rem 58px!important;font-size:1rem!important;transition:all .3s!important}.react-tel-input .flag-dropdown{background-color:#f8fafc!important;border-right:1px solid #e0e0e0!important;border-radius:8px 0 0 8px!important}.react-tel-input .form-control:focus{background-color:#fff!important;border-color:#3498db!important;box-shadow:0 0 0 3px #3498db33!important}.error-input{background-color:#fff8f8!important;border-color:#e74c3c!important}.error-input:focus{box-shadow:0 0 0 3px #e74c3c33!important}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#3498db;border:none;border-radius:8px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #2980b933}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed!important;box-shadow:none!important;background:#bdc3c7!important;transform:none!important}.Toastify__toast-container{max-width:400px;width:auto!important}.Toastify__toast{border-radius:8px!important;font-family:inherit!important}.error-hint{color:#e74c3c;margin-top:.25rem;font-size:.85rem;font-style:italic}.react-tel-input .form-control.error-input::placeholder{color:#e74c3c;opacity:.7}@media (max-width:1024px){.carousel-wrapper div{height:400px}}@media (max-width:768px){.contact-container{padding:1.5rem 1rem}.carousel-wrapper div{height:300px}.contact-form{padding:1.5rem}.carousel-wrapper{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem}.react-tel-input .form-control{padding:.75rem .75rem .75rem 50px!important}}@media (max-width:480px){.carousel-wrapper div{height:250px}.contact-form{padding:1.25rem}.submit-btn{padding:.85rem;font-size:.9rem}.Toastify__toast-container{width:90%!important;left:5%!important;right:5%!important}}:root[class~=dark] .spinner-border{color:#ed820e}:root[class~=dark] .contact-form{background:#2d3748;box-shadow:0 4px 20px #0000004d}:root[class~=dark] .form-group label{color:#ed820e!important}:root[class~=dark] .form-group input,:root[class~=dark] .form-group select,:root[class~=dark] .form-group textarea{color:#f8f9fa;background-color:#4a5568;border-color:#4a5568}:root[class~=dark] .form-group input:focus,:root[class~=dark] .form-group select:focus,:root[class~=dark] .form-group textarea:focus{background-color:#4a5568;border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed4d}:root[class~=dark] .react-tel-input .form-control{color:#f8f9fa!important;background-color:#4a5568!important;border-color:#4a5568!important}:root[class~=dark] .react-tel-input .flag-dropdown{background-color:#4a5568!important;border-right-color:#4a5568!important}:root[class~=dark] .react-tel-input .form-control:focus{background-color:#4a5568!important}:root[class~=dark] .error-input{background-color:#4a1d1d!important}:root[class~=dark] .error-hint{color:#feb2b2}:root[class~=dark] .carousel-wrapper{box-shadow:0 8px 20px #0000004d}:root[class~=dark] .submit-btn{background:#4299e1}:root[class~=dark] .submit-btn:hover:not(:disabled){background:#3182ce;box-shadow:0 4px 12px #3182ce4d}:root[class~=dark] .submit-btn:disabled{background:#718096!important}:root[class~=dark] ::placeholder{color:#a0aec0!important;opacity:.7!important}