body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f3f3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scroll-to-top{background-color:initial;border:none;border-radius:50px;box-shadow:0 2px 6px #0000004d;color:blue;cursor:pointer;font-size:12px;padding:12px 18px;position:fixed;right:720px;top:80px;transition:background-color .3s;z-index:1000}.scroll-to-top:hover{background-color:initial;color:#4169e1}.navbar{align-items:center;background:#1e1e1e;box-sizing:border-box;color:#fff;display:flex;height:75px;justify-content:space-between;left:0;padding:0 25px;position:fixed;top:0;width:100%;z-index:999}.nav-left,.nav-right{align-items:center;display:flex;gap:350px}.nav-left{margin-right:10px}.nav-right{margin-left:10px}.nav-links{display:flex;gap:35px;list-style:none}.nav-links li{cursor:pointer;font-size:17px;font-weight:400;transition:.2s ease}.nav-links li:hover{color:#bbb}.icon{align-items:center;background:#2c2c2c;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:34px;justify-content:center;width:34px}.nav-logo img{display:block;height:52px;object-fit:contain}.nav-logo{left:50%;position:absolute;transform:translateX(-50%)}.nav-icon{cursor:pointer;height:32px;object-fit:contain;width:32px}.nav-links{color:#fff;cursor:pointer;font-size:15px;font-weight:400;transition:.2s ease}.nav-links:hover{color:#bbb}.nav-links a{text-decoration:none!important}.nav-links a,.nav-links a:hover,.nav-links a:visited{color:#fff!important}.nav-links a:active{color:gray!important}.search-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.search-modal-content{background:#fff;border-radius:8px;max-width:90%;padding:20px;position:relative;width:500px}.close-btn{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.search-modal-content input{border:1px solid #ccc;border-radius:4px;color:#1e1e1e;font-size:16px;margin-bottom:15px;padding:10px 15px;width:90%}.search-results{border-top:1px solid #ccc;color:#1e1e1e;max-height:300px;overflow-y:auto;padding-top:10px}.search-item{color:#1e1e1e;cursor:pointer;padding:8px 0}.search-item:hover{background:#f0f0f0}.hero2{align-items:flex-end;background:#000;border-radius:25px;display:flex;height:80vh;margin:110px auto 20px;overflow:hidden;position:relative;width:97%}.hero2-floating-images{display:grid;grid-template-columns:repeat(6,1fr);height:100%;left:0;position:absolute;top:0;width:100%}.hero2-overlay{background:linear-gradient(180deg,#0000001a,#000c);inset:0;position:absolute}.hero2-content{bottom:20px;color:#fff;left:40px;max-width:870px;position:absolute}.hero2-content h1{font-size:47px;font-weight:600}.hero2-content p{font-size:25px}.hero2-content button{background:#fff;border:none;border-radius:25px;cursor:pointer;padding:10px 22px;position:absolute;right:-500px;top:140px}.wide-container{margin:30px auto 1px;text-align:center;width:89.2%}.wide-container h2{font-size:22px;font-weight:700;margin-bottom:20px;text-align:left}.paint-scroll{align-items:center;background-color:#fff;display:flex;gap:20px;justify-content:center;overflow-x:auto;padding-top:30px;scroll-behavior:smooth}.paint-scroll::-webkit-scrollbar{height:6px}.paint-scroll::-webkit-scrollbar-thumb{background:#fff;border-radius:50px}.paint-card{align-items:center;background:#fff;display:flex;flex-direction:column;min-width:200px;overflow:hidden;position:relative;width:200px}.room-img{height:230px;width:100%}.bucket-img{bottom:68px;left:-5%;position:absolute;transform:translateY(-10%);transition:transform .3s ease-in-out;width:130px;z-index:2}.bucket-img:hover{transform:translateY(-20%) scale(1.2);z-index:1}.label{background:#f1f5f9;border-radius:20px;color:#0067b8;font-size:13px;padding:6px 14px;text-align:center;width:-webkit-fit-content;width:fit-content}.label,.label-cart{margin:10px auto 15px}.label-cart{align-items:center;display:flex;gap:8px;justify-content:center}.cart-icon{cursor:pointer;height:28px;transition:transform .2s;width:28px}.cart-icon:hover{transform:scale(1.2)}.products-wrapper{font-family:Arial,sans-serif;margin:40px auto 1px;width:90%}.products-header{align-items:center;display:flex;justify-content:space-between}.products-header h2{font-size:22px;font-weight:700;text-align:left}.slide-buttons button{background:#eee;border:none;border-radius:50%;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 10px;transition:all .3s ease}.slide-buttons button:hover{background:#8bb8ee;color:#fff}.products-slider{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth}.products-slider::-webkit-scrollbar{display:none}.product-card{background:#fff;flex-shrink:0;min-width:120px;padding:18px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.product-card img{align-items:center;height:250px;object-fit:cover;width:300px}.product-meta{align-items:center;display:flex;gap:10px;margin-top:10px}.product-meta .icon{align-items:center;background-color:initial;border-radius:50%;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.product-meta .icon img{height:50%;object-fit:contain;width:50%}.product-title{align-items:left;color:#555;font-size:14px;font-weight:500}.order-btn{background:#4d9dfc;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;margin-top:15px;padding:10px 20px;transition:all .3s ease}.order-btn:hover{background:#3578d4}@media (max-width:768px){.product-card{min-width:250px}.products-header h2{font-size:24px}}@media (max-width:480px){.product-card{min-width:200px;padding:15px}.order-btn{padding:8px 16px}}.pc-wrapper{align-items:flex-start;background-image:url(/static/media/pc.3d447ec64cb236595bac.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:30px solid #fff;display:flex;height:auto;justify-content:center;margin:69px auto;min-height:350px;overflow:hidden;padding:60px 0;position:relative;transition:height .3s ease-in-out;width:86%}.pc-wrapper:before{background-image:url(/static/media/blur-image.9517c24e249f6b3da306.png);background-position:top;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:50%;opacity:1;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);transition:opacity .3s ease-in-out;width:724px;z-index:2}.pc-wrapper.hide-blur:before{opacity:0;visibility:hidden}.pc-card{background:hsla(0,0%,100%,.001);border-radius:18px;position:relative;width:520px;z-index:3}.pc-header{background:#ffdf8a;border-radius:15px 15px 0 0;box-shadow:0 4px 12px #00000026;margin:0 auto;padding:10px 35px 5px;text-align:center;width:75%}.pc-header h2{font-size:26px;font-weight:700;margin:0}.pc-header p{color:#444;font-size:12px;margin-top:6px;padding-bottom:3px}.pc-body{background:#fff;border-radius:15px;box-shadow:0 12px 25px #01000059;margin:-11px auto 0;padding:25px;width:90%}.pc-row{display:flex;gap:15px;margin-bottom:18px}.pc-input-group{display:flex;flex:1 1;flex-direction:column}.pc-input-group label{color:#555;font-size:13px;margin-bottom:5px}.pc-input-group input{border:1px solid #ccc;border-radius:10px;padding:9px 12px}.pc-input-group input:focus{border-color:#4a8dff}.pc-btn-row{display:flex;justify-content:space-between;margin-top:10px}.remove-btn{border:1px solid #f29397;border-radius:20px;color:#c54742;font-size:14px;padding:10px 0;width:48%}.add-btn,.remove-btn,.remove-btn:disabled{background:#f1f5f9}.add-btn{border:1px solid #c1d7ff;border-radius:20px;color:#0067b8;cursor:pointer;font-size:14px;padding:10px 0;width:48%}.add-btn:hover{background-color:#d6e3ff}.paint-result{background:#70a2e1;border-radius:20px;color:#fff;font-size:15px;font-weight:700;margin-top:20px;padding:12px;text-align:center}.about-container{align-items:stretch;background-color:#f3f3f3;display:flex;gap:0;justify-content:center;margin:-40px auto auto;max-width:1370px;padding:50px}.about-image{flex:1 1}.about-image img{height:100%;object-fit:fill;width:100%}.about-content{background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.about-content h2{color:#333;font-size:34px;margin-bottom:10px;padding-left:20px}.about-content p{color:#555;font-size:14px;line-height:1.7;margin-bottom:15px;padding-left:20px}.about-buttons{display:flex;gap:20px;padding-left:20px}.btn-primary{border:none;border-radius:30px;box-shadow:0 5px 10px #5e9fff66;color:#fff;cursor:pointer;font-size:16px;padding:12px 28px;transition:.3s ease}.btn-primary,.btn-primary:hover{background:#70a2e1}.btn-secondary{border:2px solid #d7e7ff;border-radius:30px;box-shadow:0 5px 10px #a0b4ff40;color:#0067b8;cursor:pointer;font-size:16px;padding:12px 28px;transition:.3s ease}.btn-secondary,.btn-secondary:hover{background:#f1f5f9}.team-container{background:#f3f3f3;display:flex;justify-content:center;margin:0 auto;max-width:1360px;padding:50px}.team-inner-box{background:#fff;max-width:1280px;padding:40px 50px;width:100%}.team-title{color:#333;font-size:28px;font-weight:600;margin-bottom:30px}.team-grid{display:flex;gap:25px;justify-content:space-between}.team-card{background:#f3f3f3;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding-bottom:20px}.team-img{height:220px;object-fit:cover;padding-left:20px;padding-right:10px;width:90%}.team-card h3{color:#444;font-size:20px;padding:15px 20px 5px}.team-card p{color:#666;flex-grow:1;font-size:15px;line-height:1.6;padding:0 20px 15px}.team-btn{align-self:flex-start;border:none;border-radius:25px;box-shadow:0 5px 10px #5e9fff4d;color:#0067b8;cursor:pointer;font-size:15px;margin:0 20px 10px;padding:10px 20px;transition:.3s ease}.team-btn,.team-btn:hover{background:#f1f5f9}@media (max-width:900px){.team-grid{flex-direction:column}.team-card{margin-bottom:20px;width:100%}}.paint-finishes-container{background-color:#f9f9f9;display:flex;font-family:Inter,sans-serif;gap:20px;height:1760px;margin:40px auto;max-width:1330px;padding:20px}.image-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(60,20px);padding:10px}.grid-item{border-radius:6px;box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;position:relative}.grid-img{height:100%;object-fit:fill;transform:scaleX(1.5) translateX(0);transition:transform .3s ease;width:100%}.grid-item:hover .grid-img{transform:scaleY(.5) translateY(-50%)}.label-overlay{align-items:center;font-size:.9rem;font-weight:600;height:5%;padding:8px 12px;transition:opacity .3s ease;z-index:2}.hover-overlay,.label-overlay{background-color:#1a2b3c;bottom:0;color:#fff;display:flex;left:0;position:absolute;width:100%}.hover-overlay{box-sizing:border-box;flex-direction:column;font-size:14px;height:50%;justify-content:center;opacity:0;padding:26px 15px;transition:all .03s ease-in-out;visibility:hidden;z-index:3}.hover-overlay h3{position:absolute;top:0}.hover-overlay p{margin-right:5px;position:absolute;top:30px}.hover-overlay .btn-know-more{left:14px;position:absolute;top:120px}.btn-know-more{background:#fff;border:none;border-radius:25px;box-shadow:0 0 18px #ffffffb3;color:#1a75d1;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:all .25s ease}.btn-know-more:hover{background-color:#1a2b3c;box-shadow:0 0 25px rgba(23,49,61 1);color:#fff;transform:scale(1.05)}.grid-item:hover .hover-overlay{opacity:1;visibility:visible}.grid-item:hover .label-overlay{opacity:0}.grid-item.exterior{grid-area:1/1/15/2}.grid-item.base{grid-area:15/1/24/2}.grid-item.metal{grid-area:24/1/37/2}.grid-item.special{grid-area:37/1/50/2}.grid-item.interior{grid-area:1/2/11/3}.grid-item.wood{grid-area:11/2/25/3}.grid-item.industrial{grid-area:25/2/40/3}.grid-item.expert{grid-area:40/2/50/3}.finishes-info{align-self:flex-start;flex:0.5 1;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.info-card{padding:40px 10px 0}.card-title{color:#222;font-size:2rem;font-weight:700;margin-top:20px}.card-description{color:#555;font-size:1rem;line-height:1.2}.finish-list{display:flex;flex-direction:column;gap:25px}.finish-item-title{color:#222;font-size:1.125rem;font-weight:700;margin:0 0 6px}.finish-item-description{color:#555;font-size:1rem;line-height:1.2;margin:0}.cta-buttons{display:flex;gap:15px;margin-top:30px}.cta-button{border:none;border-radius:50px;cursor:pointer;font-size:.96rem;font-weight:600;padding:12px 24px}.primary{background-color:#6c9ae3;color:#fff}.primary:hover{background-color:#5a85c9}.secondary{background-color:#eff3f6;color:#556080}.secondary:hover{background-color:#dde4ec}@media (max-width:900px){.image-grid,.paint-finishes-container{flex-direction:column}.image-grid{display:flex;grid-template-columns:1fr;grid-template-rows:auto;margin-bottom:40px;padding-right:0}.grid-item{min-height:250px}}.brands-section{margin:40px auto;padding:30px 0;width:92%}.brands-row{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between}.brand-logo{height:40px;object-fit:contain;opacity:.9;transition:.3s ease;width:auto}.brand-logo:hover{opacity:1}@media (max-width:900px){.brands-row{flex-wrap:wrap;gap:25px;justify-content:center}.brand-logo{height:60px}}.footer-container{background-color:#1a1a1a;color:#fff;font-family:Arial,sans-serif;padding:40px 80px 15px}.footer-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.footer-left{flex:1 1}.logo{font-size:20px;font-weight:700;letter-spacing:1px;padding-top:20px}.footer-center{display:flex;flex:1 1;justify-content:center;padding-left:400px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:15px}.footer-links a{color:#fff;font-size:16px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ccc}.footer-right{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;text-align:right}.contact-info{font-size:16px;line-height:1.2;margin:0 0 15px}.contact-info .icon2{width:20px}.contact-info .icon2,.contact-info .icon3{color:#999;display:inline-block;margin-left:4px;padding-left:4px;text-align:center}.contact-info .icon3{width:18px}.mail-icon{color:#999;display:inline-block;margin-left:5px;padding-left:5px;text-align:center;width:20px}.footer-bottom{color:#888;font-size:12px;padding-top:10px;text-align:center}@media (max-width:768px){.footer-container{padding:40px 20px 15px}.footer-content{align-items:center;flex-direction:column;text-align:center}.footer-center,.footer-left,.footer-right{flex:none;margin-bottom:30px;width:100%}.footer-right{align-items:center;text-align:center}}.hero3{align-items:flex-end;background:#000;border-radius:25px;display:flex;height:60vh;margin:110px auto 20px;overflow:hidden;position:relative;width:97%}.hero3-floating-images{display:grid;grid-template-columns:repeat(6,1fr);height:100%;left:0;position:absolute;top:0;width:100%}.img-box{height:100%;object-fit:cover;opacity:.85;width:100%}.a{animation:floatUp 17s ease-in-out infinite}.b{animation:floatDown 17s ease-in-out infinite}@keyframes floatUp{0%{transform:translateY(-20px)}50%{transform:translateY(-200px)}to{transform:translateY(-20px)}}@keyframes floatDown{0%{transform:translateY(-200px)}50%{transform:translateY(-100px)}to{transform:translateY(-200px)}}.hero3-overlay{background:linear-gradient(180deg,#0000001a,#000c);inset:0;position:absolute}.hero3-content{bottom:20px;color:#fff;left:40px;max-width:870px;position:absolute}.hero3-content h1{font-size:47px;font-weight:600}.hero3-content p{font-size:25px}.hero3-content button{background:#fff;border:none;border-radius:25px;cursor:pointer;padding:10px 22px;position:absolute;right:-500px;top:140px}.estore-container{font-family:sans-serif;margin:40px auto;text-align:center;width:80%}.estore-title{font-size:32px;font-weight:600;margin-bottom:10px}.estore-subtitle{color:#555;font-size:13px;line-height:1.6;margin:0 auto 40px;max-width:1300px}.estore-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px}.estore-card{background:#fff;border:1px solid #e5e5e5;box-shadow:0 2px 6px #0000000f;padding:25px;text-align:left;transition:transform .2s}.estore-img{height:260px;margin-top:-30px;object-fit:contain;width:100%}.estore-name{font-size:18px;font-weight:600;margin:-22px 0 2px}.estore-desc{color:#555;font-size:14px;margin-bottom:12px}.three-cols{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.two-cols{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin-top:30px}@media (max-width:1100px){.three-cols,.two-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.three-cols,.two-cols{grid-template-columns:repeat(1,1fr)}}.hero-paint{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;display:flex;height:60vh;margin:110px auto 20px;overflow:hidden;position:relative;width:97%}.hero-paint-overlay{background:linear-gradient(180deg,#0000001a,#000c);inset:0;position:absolute}.hero-paint-content h1{font-size:47px;font-weight:600;width:1170px}.hero-paint-content p{font-size:25px;width:890px}.hero-paint-content button{background:#fff;border:none;border-radius:25px;cursor:pointer;padding:10px 22px;position:absolute;right:50px;top:320px}.paint-calculator-container{font-family:Arial,sans-serif;margin:10px auto;max-width:1400px;padding:20px;text-align:center}.main-header{font-size:2em;font-weight:500;margin-bottom:10px}.subheader{color:#666;font-size:.9em;margin-bottom:30px}.callout-box{background-color:#ffd37d;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:10px auto 30px;padding:20px 30px;width:1200px}.callout-title{color:#333;font-size:1.5em;font-weight:600;margin-bottom:5px;margin-top:0}.callout-text{color:#555;font-size:.9em;margin:0}.calculator-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:-35px;padding:30px;text-align:left}.wall-inputs-row{display:flex;gap:20px;margin-bottom:20px}.input-group{flex:1 1;min-width:45%}.input-group label{color:#555;display:block;font-size:.9em;font-weight:600;margin-bottom:5px}.input-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;padding:10px;width:100%}.actions-row{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:30px}.action-button{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 2px;text-align:center;transition:background-color .2s;width:100%}.remove-btn{background-color:#fcebeb;color:#d9534f}.remove-btn:hover:not(:disabled){background-color:#f9dcdc}.remove-btn:disabled{background-color:#fcebeb;color:#d9534f;cursor:not-allowed;opacity:.6}.add-wall-btn{background-color:#eaf1f7;color:#337ab7}.add-wall-btn:hover{background-color:#d9e7f5}.quantity-display-btn{align-items:center;background-color:#5bc0de;color:#fff;cursor:default;display:flex;justify-content:center;pointer-events:none}.quantity-display-btn strong{margin-left:5px}@media (max-width:600px){.wall-inputs-row{flex-direction:column;gap:15px}.actions-row{flex-direction:column;gap:10px}}.hero-about{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;display:flex;height:60vh;margin:110px auto 20px;overflow:hidden;position:relative;width:97%}.hero-about-overlay{background:linear-gradient(180deg,#0000001a,#000c);inset:0;position:absolute}.text-content{bottom:20px;color:#fff;left:40px;max-width:870px;position:absolute}.hero-about-content h1{font-size:47px;font-weight:600}.hero-about-content p{font-size:25px}.hero-about-content button{background:#fff;border:none;border-radius:25px;cursor:pointer;padding:10px 22px;position:absolute;right:50px;top:320px}.about-rungdo{grid-gap:35px;display:grid;font-family:Inter,sans-serif;gap:35px;margin:40px auto;max-width:1400px;width:100%}.rungdo-row{grid-gap:35px;align-items:center;background:#fff;border-radius:12px;display:grid;gap:35px;grid-template-columns:repeat(2,1fr);padding:30px}.rungdo-row.reverse{grid-template-columns:1fr 1fr}.rungdo-row.reverse .rungdo-text{grid-column:2}.rungdo-row.reverse .rungdo-image{grid-column:1}.rungdo-text{color:#222}.rungdo-text h2{font-size:26px;font-weight:600}.rungdo-text h4{color:#444;font-size:16px;font-weight:500;margin-top:8px}.rungdo-text p{font-size:15px;line-height:1.6;margin-top:10px}.rungdo-text ul{margin-top:12px;padding-left:18px}.rungdo-text ul li{font-size:15px;margin-bottom:6px}.rungdo-image{border-radius:10px;overflow:hidden;position:relative}.rungdo-image img{border-radius:10px;height:250px;width:100%}@media (max-width:850px){.rungdo-row{grid-template-columns:1fr}.rungdo-row.reverse .rungdo-image,.rungdo-row.reverse .rungdo-text{grid-column:1}}
/*# sourceMappingURL=main.ca4d8b5f.css.map*/