*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{overflow-x:hidden}.page{width:100vw;padding:0 10px;margin:auto;background-color:#000;background:linear-gradient(to bottom right,#4b4b4b,#262626)}.innerpage{max-width:1650px;margin:auto;padding:0 30px;height:100vh}.innerpage .bg{position:absolute;inset:0;max-width:1400px;margin:auto;height:100%;background-image:url(/image/try.jpg);background-repeat:no-repeat;background-size:cover;filter:grayscale(100%) brightness(30%)}.innerpage .bgimg{position:absolute;width:100%}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar .inner{margin:auto;max-width:1300px;display:flex;justify-content:space-between;align-items:center}.navbar .anchor{text-decoration:none;color:#fff}.navbar a:active{color:transparent;text-decoration:none}.navbar .nav-links{position:relative;z-index:100;display:flex;align-items:center;justify-content:center;gap:30px;list-style:none}.nav-links li{color:#fff;font-size:.8rem;cursor:pointer;padding-bottom:10px}.nav-links li:after{content:"";position:absolute;width:50px;height:1px;background-color:#fff;display:flex;opacity:0;margin-top:10px;transition:.5s}.nav-links li:hover:after{margin-top:0;opacity:1}.hamburger{display:none}@media (max-width:1100px){.navbar .nav-links{flex-direction:column}.navbar .navigation{position:absolute;top:30px;right:0;background-color:#101010;padding:50px;opacity:0;transform:translateY(40px);display:none;transition:.5s}.hamburger{display:block;cursor:pointer}.navbar .active{opacity:1;transform:translateY(20px);display:block}}.landingpage{position:relative;max-width:1200px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;margin:150px auto auto;color:#fff}.landingpage h1{text-align:center;font-weight:300;font-size:2.5rem;line-height:1.2}.landingpage h2{font-size:1.8rem;font-weight:700;color:#f9f9ea}.line{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.line .img{opacity:0;animation:seen 3s infinite}.line .drawline{margin-top:60px;height:0;width:1.2px;background-color:#fff;animation:draw 3s infinite}@keyframes draw{0%{height:0}to{height:100px}}@keyframes seen{0%{opacity:0}to{opacity:1}}.landingcards .card{height:94vh;max-width:1400px;overflow:hidden;position:-webkit-sticky;position:sticky;margin:auto auto 30px;box-shadow:2px 24px 48px -5px #4e4e57;background:linear-gradient(to bottom right,#4f4f4f,#2f2f2f);border-radius:20px}.landingcards .one{top:10px;bottom:calc(100vh - 10px)}.landingcards .two{top:20px;bottom:calc(-100vh - 20px)}.landingcards .card .inner{max-width:1200px;margin:auto;height:100%;display:flex;justify-content:center;align-items:center}.landingcards .left{width:30%}.landingcards .left h1{font-size:2.4rem;font-weight:400;text-shadow:0 2px 3px #505050}.landingcards .textwhite h1{color:#fff;font-size:2.4rem;font-weight:400;text-shadow:0 2px 3px #e1e1e1}.landingcards .right{flex-direction:column;width:70%}.landingcards .boxes,.landingcards .right{gap:30px;display:flex;justify-content:center;align-items:center}.landingcards .boxes{flex-wrap:wrap;height:70%}.landingcards .right .box1{position:relative;height:200px;width:350px;border-radius:10px;filter:grayscale(70%) brightness(50%);overflow:hidden;background-position:50%;background-size:cover}.landingcards .right .on .box1{filter:grayscale(0) brightness(100%)}.landingcards .right .box1:nth-child(odd){top:40px}.landingcards .switch{height:140px;width:100px;background-color:#000;display:flex;justify-content:center;align-items:center}.landingcards .switch .inner{height:75%;width:70%;background:linear-gradient(to bottom right,#5c5c5c,#101010);border-bottom:3px solid #ccc;cursor:pointer}.landingcards .switch .inner p{text-align:center;color:#ccc}.landingcards .swap .switch .inner{border-bottom:0;border-top:3px solid #ccc}.landingcards .two .inner{flex-direction:row-reverse}.landingcards .two .inner .left .sun{height:100px;width:100px;border-radius:100%;background-color:#ccc}.landingcards .two .inner .textwhite .sun{background-color:#fdfce5;box-shadow:0 0 20px #fcd64c,2px 2px 60px #f0ab6a,0 0 80px #fff}.landingcards .two .inner .left{display:flex;align-items:center;flex-direction:column;height:70%;gap:30%}@media (max-width:1100px){.landingcards .card .inner{flex-direction:column}.landingcards .card .inner .switch,.sun{display:none}.landingcards .card .boxes{padding-bottom:30px}.landingcards .right .box1{filter:grayscale(0) brightness(100%)}.landingcards .right .box1:nth-child(odd){top:0}.landingcards .two .inner .left{height:auto}.landingcards .right .box1{height:150px;width:250px}.landingcards .left,.landingcards .right{width:90%}.landingcards .left h1{text-align:center}.landingcards .boxes{gap:10px}.landingcards h1{color:#fff;font-size:2.4rem;font-weight:400;text-shadow:0 2px 3px #e1e1e1}}@media (max-width:780px){.landingcards .right .box1:nth-child(4){display:none}.landingcards .right{gap:10px}}.footer{margin-top:-30px;background:linear-gradient(to bottom right,#2a2a2a,#3b3b3b);color:#fff}.footer .inner{max-width:1200px;margin:auto;display:flex;align-items:center;padding:50px;justify-content:space-between}.footer .left,.middle,.right{display:flex;justify-content:center;flex-direction:column;gap:12px}.footer h4{padding-bottom:10px}.footer p{font-size:.9rem;font-weight:300}.footer .right p{display:flex}.footer .right p span{font-weight:600}@media (max-width:780px){.footer .inner{flex-direction:column;gap:30px;justify-content:center;width:90%;align-items:flex-start}}.interior{background:linear-gradient(to bottom right,#4b4b4b,#262626);padding:0 30px;color:#fff}.interior .frontpage{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:1200px;margin:auto;height:calc(100vh - 75px);gap:100px}.interior .frontpage h3{color:#fff;font-size:2rem}.interior .frontpage ul{display:flex;flex-direction:column;gap:30px}.interior .frontpage ul li{text-decoration:none;list-style:none}.interior .frontpage ul li a{display:flex;text-decoration:none;font-size:3rem;font-weight:600;color:#919090;align-items:center;justify-content:center}.interior .frontpage ul li a .text{position:relative;z-index:2}.interior .frontpage ul .img{position:absolute;width:350px;height:230px;top:var(--y);left:var(--x);transform:translate(-50%,-50%) scale(0);overflow:hidden;border-radius:10px;background-size:cover;background-position:50%;opacity:0;pointer-events:none;transition:.02s}.interior .frontpage ul:hover li a{opacity:.25}.interior .frontpage ul li a:hover{opacity:1;color:transparent;-webkit-text-stroke:1px #fff}.interior .frontpage ul li a:hover .img{opacity:1;transform:translate(-50%,-50%) scale(1)}.interior .card{position:-webkit-sticky;position:sticky;top:0;max-width:1650px;margin:50px 0;height:95vh;border-radius:20px;overflow:hidden}.interior .card .images{display:flex;justify-content:space-around}.interior .card:before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;background-image:url(/image/int1.jpg);background-repeat:no-repeat;background-size:cover;filter:grayscale(100%) brightness(20%)}.interior .card .img1,.interior .card .img2{position:relative;height:200px;width:350px;border-radius:10px;overflow:hidden;top:30px;animation:bounce 4s ease-in-out infinite}.interior .card .img1{animation-delay:2s}.interior .card .texts{position:relative;padding-top:100px;display:flex;flex-direction:column;gap:50px}.interior .card .texts h1,.interior .card .texts p{text-align:center}.interior .office:before{background-image:url(/image/int2.jpg)}.interior .showroom:before{background-image:url(/image/int3.webp)}.interior .villa:before{background-image:url(/image/int4.jpg)}@media(max-width:790px){.interior{padding:0 20px}.interior .img1{display:none}.interior .text{font-size:2.4rem}}@media(max-width:470px){.interior .text{font-size:1.6rem}.interior .img{position:absolute;width:250px;height:140px}}.exterior{background:linear-gradient(to bottom right,#4b4b4b,#262626);padding:0 30px;color:#fff}.exterior .frontpage{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:1200px;margin:auto;height:calc(100vh - 75px);gap:100px}.exterior .frontpage h3{color:#fff;font-size:2rem}.exterior .frontpage ul{display:flex;flex-direction:column;gap:30px}.exterior .frontpage ul li{text-decoration:none;list-style:none}.exterior .frontpage ul li a{display:flex;text-decoration:none;font-size:3rem;font-weight:600;color:#919090;align-items:center;justify-content:center}.exterior .frontpage ul li a .text{position:relative;z-index:2}.exterior .frontpage ul .img{position:absolute;width:350px;height:230px;top:var(--y);left:var(--x);transform:translate(-50%,-50%) scale(0);overflow:hidden;border-radius:10px;background-size:cover;background-position:50%;opacity:0;pointer-events:none;transition:.02s}.exterior .frontpage ul:hover li a{opacity:.25}.exterior .frontpage ul li a:hover{opacity:1;color:transparent;-webkit-text-stroke:1px #fff}.exterior .frontpage ul li a:hover .img{opacity:1;transform:translate(-50%,-50%) scale(1)}.exterior .card{position:-webkit-sticky;position:sticky;top:0;max-width:1650px;margin:50px 0;height:95vh;border-radius:20px;overflow:hidden}.exterior .card .images{display:flex;justify-content:space-around}.exterior .card:before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;background-image:url(/image/int1.jpg);background-repeat:no-repeat;background-size:cover;filter:grayscale(100%) brightness(20%)}.exterior .card .img1,.exterior .card .img2{position:relative;height:200px;width:350px;border-radius:10px;overflow:hidden;top:30px;animation:bounce 4s ease-in-out infinite}.exterior .card .img1{animation-delay:2s}.exterior .card .texts{position:relative;padding-top:100px;display:flex;flex-direction:column;gap:50px}.exterior .card .texts h1,.exterior .card .texts p{text-align:center}.exterior .industries:before{background-image:url(/image/ext1.jpg)}.exterior .companies:before{background-image:url(/image/ext2.webp)}.exterior .house:before{background-image:url(/image/ext3.jpg)}@keyframes bounce{0%{top:30px;opacity:.4}50%{top:60px;opacity:1}to{top:30px;opacity:.4}}@media(max-width:790px){.exterior{padding:0 20px}.exterior .img1{display:none}.exterior .text{font-size:2.4rem}}@media(max-width:470px){.exterior .text{font-size:1.6rem}.exterior .img{position:absolute;width:250px;height:140px}}.about{background:linear-gradient(to bottom right,#4b4b4b,#262626);padding:0 30px;color:#fff}.about .innerabout{max-width:1200px;padding:50px 20px;margin:auto}.about .innerabout h1{font-size:24px;font-weight:800;text-align:center}.about .innerabout h2{font-size:15px;font-weight:500;text-align:center;padding:20px 0}.about .innerabout h2 span{font-size:18px;font-weight:700}.about .innerabout .siva{padding:20px 0;display:flex;width:100%}.about .innerabout .siva .left{display:flex;align-items:center;justify-content:center;width:50%;padding:20px 10px}.about .innerabout .siva .left .img{position:relative;height:160px;width:160px;border-radius:12px;overflow:hidden;box-shadow:2px 2px 3px #ccc}.about .innerabout .siva .right{display:flex;align-items:center}.about .innerabout .siva .right .name{font-size:15px;font-weight:500;text-align:center;padding:20px 0}.about .innerabout .siva .right .name span{font-size:18px;font-weight:700}.about .innerabout .sathish{padding:20px 0;display:flex;flex-direction:row-reverse;width:100%}.about .innerabout .sathish .left{display:flex;align-items:center;justify-content:center;width:50%;padding:20px 10px}.about .innerabout .sathish .left .img{position:relative;height:160px;width:160px;border-radius:12px;overflow:hidden;box-shadow:2px 2px 3px #ccc}.about .innerabout .sathish .right{display:flex;align-items:center}.about .innerabout .sathish .right .name{font-size:15px;font-weight:500;text-align:center;padding:20px 0}.about .innerabout .sathish .right .name span{font-size:18px;font-weight:700}@media(max-width:630px){.about .innerabout .siva{flex-direction:column}.about .innerabout .siva .right{padding-top:20px}.about .innerabout .sathish{flex-direction:column}.about .innerabout .sathish .right{padding-top:20px}}@media(max-width:490px){.about .innerabout .sathish .left,.about .innerabout .siva .left{width:100%}}