body{font-family:Helvetica Neue,Arial,sans-serif;background-color:#f7f3ec;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;position:relative}header{position:fixed;top:0;left:0;width:100%;background-color:#f7f3ec;color:#7d3a21;padding:1.6vh;box-sizing:20%;display:flex;justify-content:space-between;align-items:center;z-index:2;border-bottom:.6vh solid #7d3a21}.left-header{display:flex;align-items:center}header h1{margin:0;font-size:1.70625vw;font-weight:700}header .logo{height:7.5420136260408785vh;margin-right:.390625vw}nav{display:flex;align-items:center}nav ul{display:flex;list-style-type:none;padding:0;margin:0;align-items:flex-end}nav ul li{margin:0 .9859375vw;position:relative}nav ul li a{text-decoration:none;color:#7d3a21;font-size:1.39375vw;font-weight:700;padding:1.0598031794095382vh .625vw}nav ul li a:hover{color:#036}nav ul li ul.dropdown{display:none;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 8px 16px #7d3a21;z-index:1000;list-style-type:none;padding:0;margin:0;border-radius:10px;overflow:hidden;min-width:200px;width:100%;transition:all .3s ease}nav ul li:hover ul.dropdown{display:block;opacity:1;transform:translateY(0)}nav ul li ul.dropdown li{float:none;width:100%}nav ul li ul.dropdown li a{padding:12px 16px;font-size:16px;color:#7d3a21;text-align:left;text-decoration:none;background-color:#fff;transition:background-color .3s ease;white-space:nowrap;display:block}nav ul li ul.dropdown li a:hover{color:#036}nav ul li{position:relative;display:inline-block}.mobile-more{display:none}.sub-nav-bar{position:fixed;top:10.813020439061317vh;right:0;width:80%;height:auto;transform:translate(50%);background-color:#7d3a21;z-index:1;overflow:hidden;transition:transform .3s ease;clip-path:polygon(100% 100%,5% 100%,0% 0%,100% 0%)}.sub-nav ul{padding-right:.390625vw;list-style:none;padding:0;margin:0}.sub-nav ul li{display:inline-block;padding:.757002271006813vh .78125vw}.contact-bar{color:#fff;text-align:center;margin-left:100px;font-size:.79375vw}.sub-nav ul li a{text-decoration:none;color:#f7f3ec;padding-left:2.9390625vw}.sub-nav ul li a:hover{color:#111c}.hamburger{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:#7d3a21}.content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:98vw;padding:.757002271006813vh}.feature-icons{display:flex;justify-content:center;align-items:center;gap:120px;margin:50px 0;flex-wrap:wrap}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center}.icon-circle{background-color:#e65a2d;color:#fff;font-size:28px;border-radius:50%;padding:20px;display:flex;justify-content:center;align-items:center}.feature-card p{margin-top:10px;font-weight:700;font-size:1rem;color:#222}.about_us_main_pic img{margin-top:11.191521574564724vh;height:50.85011355034065vh;width:98.40625vw;margin-bottom:-1.514004542013626vh;align-items:center}.content_about_us{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:65%;padding:.757002271006813vh}footer-section{display:flex;align-items:center}.qr-container{position:relative;margin-left:.78125vw}.qr-code{height:7.57002271006813vh;transition:opacity .3s ease}.qr-container:hover .qr-code{opacity:0}.qr-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:1.0598031794095382vh;color:#7d3a21}.qr-hover-text{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:bold;color:#fff;opacity:0;transition:opacity .3s ease}.qr-container:hover .qr-hover-text{opacity:100}.footer-section{padding:10px;color:#fff}.qr-code-wrapper{display:flex;justify-content:flex-start}.qr-container{text-align:center;margin-right:5px}.qr-code{width:100px;height:100px}.qr-label{margin-top:10px;font-size:18px;color:#fff}.qr-hover-text{display:none}.qr-container a:hover .qr-hover-text{display:block;font-size:12px;color:#ccc;position:center;top:50px}section{margin:20px 0}section h2{color:#7d3a21;font-size:28px;margin-bottom:10px}.carousel{overflow:hidden;width:100%;margin:50px auto;position:relative}.carousel-track{display:flex;animation:scroll 15s linear infinite}.carousel-item{position:relative;flex:0 0 auto;width:300px;margin:0 15px;border-radius:12px;overflow:hidden}.carousel-item img{width:100%;height:auto;display:block;border-radius:12px}.overlay{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:15px;opacity:0;transition:opacity .4s ease}.carousel-item:hover .overlay{opacity:1}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}section p{color:#7d3a21;font-size:16px;line-height:1.6;font-weight:700}.ceo-cto-container{display:flex;flex-direction:column;align-items:center;width:50%;margin:20px auto;background-color:#fffc;padding:20px;box-shadow:0 4px 8px #7d3a21}.ceo-cto-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px}.message{text-align:center}.message h3{color:#7d3a21;font-size:24px;margin-bottom:10px}.message p{color:#7d3a21;font-size:16px;line-height:1.6}.content-1{width:65%;margin-top:250px;padding:20px}.content-2{width:65%;margin-left:300px;margin-top:250px;padding:20px}.design-gallery{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;margin-left:40px}.design-gallery figure{position:relative;text-align:center;margin:0;max-width:30%;overflow:hidden}.design-gallery img{width:100%;height:250px;object-fit:cover;border-radius:8px;transition:transform .3s ease}.design-gallery figcaption{display:none;position:absolute;bottom:0;width:100%;background:#7d3a21;color:#fff;font-size:18px;padding:10px;box-sizing:border-box}.design-gallery figure:hover img{transform:scale(1.1)}.design-gallery figure:hover figcaption{display:block}.team-section,.team-member{background:transparent!important}.popup{position:absolute;display:none;z-index:1000;border:2px solid #fff;box-shadow:0 0 10px #7d3a21}.popup img{display:block;width:400px;height:auto}.feature-icons{display:flex;justify-content:center;gap:140px;padding:40px 0}.feature-card{text-align:center;position:relative}.icon-circle{width:40px;height:40px;background-color:#e65c2c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;transition:.3s ease;cursor:pointer}.tooltip-box{position:absolute;top:110%;left:50%;transform:translate(-50%);width:220px;background:#fff;padding:12px;border-radius:10px;border:1px solid #ddd;box-shadow:0 5px 15px #00000026;font-size:14px;opacity:0;visibility:hidden;transition:.3s ease;z-index:10}.feature-card:hover .tooltip-box{opacity:1;visibility:visible}.feature-card:hover .icon-circle{transform:scale(1.1);background-color:#ff713f}.ai-chatbox{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#f4f4f4;border:1px solid #ccc;border-radius:50%;display:flex;justify-content:center;align-items:center}.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.design-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 8px #7d3a21}.design-card:hover{transform:translateY(-5px)}.design-card img{width:100%;height:200px;object-fit:cover}.card-info{padding:15px}.card-info h3{margin:0;font-size:1.5rem;color:#7d3a21;text-align:center}.card-info p{margin:5px 0 0;color:#777}.cal-wrapper{display:flex;justify-content:center;gap:15px;margin-top:50px}.home-video-section{position:relative;top:-120px;left:40px;width:90%;height:90%;display:flex;align-items:center;justify-content:center;background:#000;margin-bottom:-100px}.home-video{max-width:100%;max-height:100%;object-fit:contain}.tap-to-unmute{position:absolute;bottom:30px;right:30px;background:#0009;color:#fff;padding:10px 16px;border-radius:20px;font-size:14px;font-weight:500;pointer-events:none;animation:pulseFade 2s ease-in-out infinite}@keyframes pulseFade{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.7}}.professional-form-section-container{font-family:Arial,sans-serif;background-color:#fff;padding:20px;border-radius:10px;width:300px;margin:auto;box-shadow:0 4px 8px #4b1705}.professional-form-section h1,.professional-form-section h2{color:#7d3a21;margin:0 0 10px;text-align:center}.professional-form-section p{color:#4d6b7a;font-size:14px;margin-bottom:20px}.professional-form-section label{display:block;margin-top:10px;font-size:14px;color:#2a4d5f;text-align:left}.professional-form-section input[type=text],.professional-form-section input[type=email],.professional-form-section input[type=tel],.professional-form-section select,.professional-form-section textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #b0c4d2;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a}.professional-form-section button{width:100%;padding:10px;margin:5px 0;border:none;border-radius:5px;background-color:#7d3a21;color:#fff;cursor:pointer;font-size:16px;transition:transform .1s ease}.professional-form-section button:hover{background-color:#7d3a21}.professional-form-section button:active{transform:scale(.98)}.login-container{margin-top:200px;margin-bottom:100px;width:300px;padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px #0003;text-align:center}.login-container h2{color:#000!important;margin-bottom:15px;font-size:24px;font-weight:700}.result-box{background-color:#7d3a21;color:#fff;padding:10px;border-radius:4px;margin-bottom:20px;font-weight:700}.design-gallery{display:flex;gap:20px;justify-content:center}.design-gallery figure{position:relative;text-align:center}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-100%,-100%);max-width:80%;max-height:80%;z-index:1000;background-color:#7d3a21;padding:20px}.popup img{max-width:100%;max-height:100%}html,body{margin:0;padding:0;height:100%;display:flex;flex-direction:column}.content{width:65%;margin-top:250px;padding:20px}.team-section{padding:80px;background-color:#fff;text-align:center;margin-top:auto;margin-bottom:auto}.team-section h2{font-size:2.5rem;color:#7d3a21;margin-bottom:20px;font-weight:700;padding:40px}.team-intro{font-size:1.2rem;color:#7d3a21;max-width:800px;margin:0 auto 20px;line-height:1.6;padding:40px}.team-container{display:flex;flex-direction:column;gap:40px;align-items:center}.team-member{max-width:900px;width:80%;background-color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:10px;overflow:hidden;transition:transform .3s ease}.team-member:hover{transform:translateY(-10px)}.team-member-photo{display:flex;justify-content:center;align-items:center;margin-top:20px}.team-member-photo img{width:150px;height:150px;border-radius:50%;object-fit:cover}.team-member-info{padding:20px;text-align:center}.team-member-info h3{font-size:1.5rem;color:#7d3a21;margin-bottom:10px;font-weight:600}.team-member-info .position{font-size:1rem;color:#7d3a21;font-weight:500;margin-bottom:15px}.team-member-info .bio{font-size:.95rem;color:#7d3a21;line-height:1.5}.form-container{max-width:400px;max-height:600px;margin:300px auto;padding:30px;background-color:#fff;color:#7d3a21;border-radius:12px;box-shadow:0 0 15px #7d3a21;text-align:center}.form-box{display:flex;flex-direction:column;gap:15px}.form-box input{padding:10px;border-color:#7d3a21;border-radius:6px;font-size:16px}.form-box button{background-color:#7d3a21;border:none;color:#fff;padding:12px;font-size:16px;cursor:pointer;border-radius:6px}.form-box button:hover{background-color:#06545c}.form-link{margin-top:15px;font-size:14px;cursor:pointer;text-decoration:underline;color:#ccc}.social-links a{margin:0 10px}.social-icon{width:30px;height:30px;display:inline-block;opacity:1;transition:opacity .3s ease}.footer{flex-shrink:1}.professional-footer{background-color:#7d3a21;color:#fff;width:99.2vw;padding:30px 0;font-family:Arial,sans-serif;position:relative}.footer-container{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap;padding:0 20px}.footer-line{width:100vw;height:4px;background-color:#fff;position:absolute;top:0;left:0}.footer-section{flex-basis:20%;margin-bottom:20px}.footer-section h3{font-size:18px;margin-bottom:15px;color:#fff;text-transform:uppercase}.footer-section p,.footer-section ul,.footer-section form{font-size:14px;line-height:1.5;margin:0}.footer-section ul{list-style-type:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#e0f7fa;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.footer-bottom{text-align:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{margin:0;font-size:14px;text-align:center}.social-links a{margin:0 10px;display:inline-block}.social-links img{width:24px;height:24px;filter:brightness(1) invert(0)}.social-links a:hover img{filter:brightness(1) invert(0)}@media (max-width: 768px){html,body{width:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:#f7f3ec;margin-right:0;padding:0;flex-direction:column;position:relative}header{position:fixed;top:0;width:100vw;justify-content:space-between;padding:20px 1px}.left-header .logo{width:70px;height:auto}.left-header h1{font-size:24px;color:#7d3a21;margin-left:1px}.hamburger{display:block;font-size:26px;background:none;border:none;cursor:pointer;color:#7d3a21;margin-left:auto;transition:transform .3s ease}.hamburger:active{transform:scale(.9)}nav ul{display:none;flex-direction:column;background:#f7f3ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;align-items:center;text-align:center;top:114px;right:17px;height:160px;width:200px;padding:20px;gap:35px;border:1px solid #7d3a21;border-radius:8px;box-shadow:0 4px 8px #7d3a21;z-index:1000;opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .4s ease,transform .4s ease}nav.active ul{display:flex;opacity:1;transform:translateY(0) scale(1)}nav ul li{opacity:0;transform:translateY(-5px);transition:opacity .4s ease,transform .4s ease}nav.active ul li:nth-child(1){transition-delay:.05s}nav.active ul li:nth-child(2){transition-delay:.1s}nav.active ul li:nth-child(3){transition-delay:.15s}nav.active ul li:nth-child(4){transition-delay:.2s}nav.active ul li:nth-child(5){transition-delay:.25s}nav.active ul li{opacity:1;transform:translateY(0);align-items:center}nav ul li a{right:auto;font-size:24px;color:#7d3a21;text-decoration:none;transition:background .3s ease,color .3s ease}nav ul li a:hover{color:#fff;background:#7d3a21;padding:8px 12px;border-radius:4px}.sub-nav-bar{display:none}nav ul li img.login-icon{width:22px;height:22px;display:inline-block;filter:none;z-index:2000}.footer{flex-shrink:1}.professional-footer{background-color:#7d3a21;color:#fff;left:6px;width:100%;font-family:Arial,sans-serif;position:relative}.footer-container{align-items:center;align-content:center;display:flex;justify-content:space-between;width:100px;margin:0 auto;flex-wrap:wrap;padding:0}.footer-section.contact-us{min-width:250px;margin-left:-65px}.footer-section.join-us{min-width:300px;margin-left:-65px}.footer-line{width:100vw;height:4px;background-color:#fff;position:absolute;top:0;left:0}.footer-section.about-us,.footer-section.quick-links{display:none}.footer-section{flex-basis:20%;margin-bottom:20px}.footer-section h3{font-size:18px;min-width:30px;margin-left:45px;margin-bottom:15px;color:#fff;text-transform:uppercase}.footer-section h4{font-size:18px;min-width:30px;margin-left:65px;margin-bottom:15px;color:#fff;text-transform:uppercase}.qr-container{position:relative;margin-left:.78125vw}.footer-section .qr-code-wrapper{margin-left:48px}.footer-section p,.footer-section ul,.footer-section form{font-size:14px;text-wrap:30vw;line-height:1.5;margin:0}.footer-section ul{list-style-type:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#e0f7fa;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.footer-bottom{text-align:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{margin:0;font-size:14px;text-align:center}.social-links a{margin:0 10px;display:inline-block}.social-links img{width:24px;height:24px;filter:brightness(1) invert(0)}.social-links a:hover img{filter:brightness(1) invert(0)}.content-wrapper{display:flex;align-items:center;justify-content:center;margin:0 auto;width:390px}.content{width:70%;margin-top:120px;padding:2px}.content-1{width:70%;margin-top:100px;padding:2px}.home-video-section{top:40px;left:0;width:100%;height:auto;margin-bottom:0;padding:10px}.home-video{max-width:100%;max-height:55vh}.tap-to-unmute{bottom:15px;right:15px;font-size:12px;padding:8px 12px}section{margin:2px 0}section h2{color:#7d3a21;font-size:28px;margin-bottom:10px}section p{color:#7d3a21;font-size:16px;line-height:1.6;font-weight:700}.feature-icons{gap:20px 160px}.cal-wrapper{display:flex;justify-content:center;align-items:flex-start;left:0;right:0;margin-top:50px;flex-wrap:wrap;gap:40px}.calculator-container.area-calculator,.calculator-container.cost-calculator{font-family:Arial,sans-serif;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #7d3a21;width:400px}.ceo-cto-container{display:flex;flex-direction:column;align-items:center;width:90%;margin:20px auto;background-color:#fffc;padding:20px;box-shadow:0 4px 8px #7d3a21}.ceo-cto-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px}.message{text-align:center}.message h3{color:rgb#7d3a21;font-size:24px;margin-bottom:10px}.message p{color:#7d3a21;font-size:16px;line-height:1.6}.content-2{justify-content:center;width:80%;margin-left:30px;margin-top:200px;padding:20px}}