@font-face{font-family:Calibri;src:url(../media/Calibrilight.89acdafd.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(../media/DaxRegular.6a06b6e2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.white-by-jatMainBanner{isolation:isolate;width:100%;min-height:100vh;position:relative;overflow:hidden}.white-by-jatMainBanner__bg{z-index:0;background:url(https://cdn.jatholdings.com/our-brands/paints/white-by-jat/white-by-jat-v2-banner.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (max-width:600px){.white-by-jatMainBanner__bg{background:url(https://cdn.jatholdings.com/our-brands/paints/white-by-jat/white-by-jat-banner-mobile.webp) 50%/cover no-repeat}}.white-by-jatMainBanner__bg:before{content:"";z-index:1;background-color:#00000056;position:absolute;inset:0}.white-by-jatMainBanner__inner{z-index:2;grid-template-columns:1fr 1fr;align-items:stretch;width:min(1440px,100% - 160px);min-height:100vh;margin:0 auto;padding:clamp(28px,4vw,80px) 0;display:grid;position:relative}.white-by-jatMainBanner__left{align-items:flex-end;padding-bottom:clamp(40px,7vh,90px);display:flex}.white-by-jatMainBanner__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;opacity:0;margin:0;font-family:Dax,sans-serif;font-size:clamp(44px,5vw,80px);font-weight:400;animation:2.5s cubic-bezier(.25,1,.5,1) 1.5s forwards titleReveal;transform:translate(-36px)}@keyframes titleReveal{to{opacity:1;transform:translate(0)}}.white-by-jatMainBanner__right{z-index:1000;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:30px;right:97px}.white-by-jatMainBanner__card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#ffffff1a;border-radius:25px;align-items:center;gap:30px;width:auto;padding:10px;animation:2.5s cubic-bezier(.22,1,.36,1) 1s forwards cardReveal;display:flex;transform:translateY(36px);box-shadow:0 30px 80px #00000040}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.white-by-jatMainBanner__bucketImage{background-color:#ffffffc3;border-radius:20px;width:180px;height:auto}.white-by-jatMainBanner__productSection{flex:0 0 160px;justify-content:center;align-items:center;display:flex}.white-by-jatMainBanner__productImageWrapper{width:100%}.white-by-jatMainBanner__productImage{object-fit:contain;filter:drop-shadow(0 15px 25px #00000059);width:100%;height:auto}.white-by-jatMainBanner__contentSection{flex-direction:column;flex:1;gap:20px;display:flex}.white-by-jatMainBanner__cardText{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;border-top:1px solid #fff3;border-bottom:1px solid #fff3;margin:0;padding-top:20px;padding-bottom:20px;font-family:Calibri,sans-serif;font-size:clamp(18px,1.5vw,32px);font-weight:300;line-height:1.3}.white-by-jatMainBanner__cta{-webkit-backdrop-filter:blur(15px);cursor:pointer;background:#ffffff35;border:0;border-radius:25px;align-items:center;gap:15px;width:fit-content;padding:8px 18px 8px 8px;display:inline-flex}.white-by-jatMainBanner__ctaIcon{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.white-by-jatMainBanner__ctaText{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;text-transform:capitalize;white-space:nowrap;font-family:Calibri,sans-serif;font-size:18px;font-weight:300}.white-by-jatMainBanner__cta:hover .white-by-jatMainBanner__ctaIcon img{transition:transform .25s;transform:scale(1.08)}@media (max-width:1024px){.white-by-jatMainBanner__inner{grid-template-columns:1fr;width:min(900px,100% - 64px);min-height:auto;padding:100px 0 50px}.white-by-jatMainBanner__right{bottom:30px;right:20px}}@media (max-width:600px){.white-by-jatMainBanner__bucketImage{width:170px}.white-by-jatMainBanner__productSection{flex:0 0 150px;margin-bottom:0;position:relative}.white-by-jatMainBanner__subCard{height:130px;margin:0 auto;position:relative;top:0;left:0}.white-by-jatMainBanner__contentSection{align-items:center;width:100%}.white-by-jatMainBanner__cardText{text-align:center;border-bottom:1px solid #fff3;width:100%;padding-bottom:15px;font-size:20px}.white-by-jatMainBanner__cta{align-self:center}}
@font-face{font-family:Calibri;src:url(../media/Calibrilight.89acdafd.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(../media/DaxRegular.6a06b6e2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.white-by-jat-container{flex-direction:column;gap:90px;width:100%;margin:0 auto;padding:100px 97px;display:flex}.white-by-jat-text h2{color:#1d1d1d;margin-top:10px;margin-bottom:20px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:400}.white-by-jat-text h2 span{color:#7e8385}.white-by-jat-text p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;text-align:justify;margin-bottom:12px;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5}@media (min-width:1600px){.white-by-jat-text h3{font-size:18px}.white-by-jat-text p{font-size:24px}}@media (max-width:640px){.white-by-jat-container{gap:60px;padding:50px 20px}.white-by-jat-text h3{font-size:14px}.white-by-jat-text p{font-size:18px}}.white-by-jat-sec1{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.white-by-jat-sec1-img img{object-fit:cover;border-radius:12px;width:100%}.white-by-jat-subtitle{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:2px;color:#7e8385;text-transform:uppercase;align-items:center;gap:10px;font-family:Calibri,sans-serif;font-size:18px;font-weight:300;display:flex}.white-by-jat-subtitle:before{content:"";background:#fd741f;width:8px;height:8px}.white-by-jat-sec2{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.white-by-jat-sec2-img img{object-fit:cover;border-radius:12px;width:100%}.white-by-jat-sec3{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.white-by-jat-sec3-img img{object-fit:cover;border-radius:12px;width:100%}.white-by-jat-sec4{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.white-by-jat-sec4-img img{object-fit:cover;border-radius:12px;width:100%}.content-life-wood-btn{cursor:pointer;background-color:#f2f2f2;border-radius:25px;align-items:center;gap:12px;width:fit-content;margin-top:40px;padding:5px 24px 5px 5px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.content-life-wood-btn:before{content:"";z-index:1;background:#ff7832;border-radius:20px;width:45px;transition:width .4s,background .3s;position:absolute;top:5px;bottom:5px;left:5px}a.content-life-wood-btn{transition:all .3s}.content-life-wood-btn:hover:before{background:#ff7832;width:calc(100% - 10px)}.content-life-wood-btn:hover{background-color:#ebebeb}.content-life-wood-btn:hover .life-wood-btn-label{color:#fff}.content-life-wood-btn:hover .life-wood-btn-icon{transform:scale(1.15)}.life-wood-btn-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;z-index:2;white-space:nowrap;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5;transition:color .3s}.life-wood-btn-icon{color:#fff;z-index:2;background-color:#0000;border-radius:17px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:300;transition:transform .25s;display:flex}@media (min-width:1600px){.life-wood-btn-label{font-size:24px}.life-wood-btn-icon{width:50px;height:50px}.content-life-wood-btn:before{width:50px}}@media (max-width:900px){.white-by-jat-sec1,.white-by-jat-sec2,.white-by-jat-sec3,.white-by-jat-sec4{grid-template-columns:1fr}.white-by-jat-sec2-text{order:1}.white-by-jat-sec2-img{order:2}.white-by-jat-sec4-text{order:1}.white-by-jat-sec4-img{order:2}}@media (max-width:600px){.white-by-jat-subtitle,.white-by-jat-text h3{font-size:16px}}
@font-face{font-family:Calibri;src:url(../media/Calibrilight.89acdafd.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax-light;src:url("../media/Dax Light.6de6273b.ttf")format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(../media/DaxRegular.6a06b6e2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.whitebyjatItems-container{flex-direction:column;width:100%;margin:0 auto;padding:100px 97px;display:flex}.whitebyjatItems-header h2{color:#1d1d1d;margin-bottom:40px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:300}.whitebyjatItems-header h2 span{color:#7e8385}.whitebyjatItems-text p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;text-align:justify;margin-bottom:20px;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5}.whitebyjatItems-text p:last-child{margin-bottom:0}.content-pill{cursor:pointer;background-color:#f2f2f2;border:0;border-radius:25px;align-items:center;gap:12px;width:fit-content;margin-top:40px;padding:5px 20px 5px 5px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.content-pill:before{content:"";z-index:1;background:#ff7832;border-radius:20px;width:45px;transition:width .4s,background .3s;position:absolute;top:5px;bottom:5px;left:5px}a.content-pill{transition:all .3s}.content-pill:hover:before{background:#ff7832;width:calc(100% - 10px)}.content-pill:hover{background-color:#ebebeb}.content-pill:hover .pill-label{color:#fff}.content-pill:hover .pill-icon{transform:scale(1.15)}.pill-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d1d1d;z-index:2;white-space:nowrap;font-family:Calibri,sans-serif;font-size:20px;transition:color .3s}.pill-icon{color:#fff;z-index:2;background-color:#0000;border-radius:20px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:300;transition:transform .25s;display:flex}@media (min-width:1600px){.pill-label{font-size:24px}.pill-icon{width:50px;height:50px}.content-pill:before{width:50px}}.whitebyjatItems-tabs{border-bottom:1px solid #e5e5e5;flex-wrap:wrap;gap:30px 80px;margin-bottom:60px;padding-bottom:0;display:flex}.whitebyjatItems-tabs button{cursor:pointer;-webkit-font-smoothing:antialiased;color:#7e8385;white-space:normal;text-align:left;background:0 0;border:none;align-items:center;height:auto;min-height:64px;padding:10px 0;font-family:Dax-light,sans-serif;font-size:32px;font-weight:300;transition:color .3s;display:flex;position:relative}.whitebyjatItems-tabs button.active{color:#1d1d1d}.whitebyjatItems-tabs button span{display:inline-block;position:relative}.whitebyjatItems-tabs button.active:after{content:"";z-index:2;background-color:#fd741f;width:100%;height:4px;position:absolute;bottom:-1px;left:0}.whitebyjatItems-sec2{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.whitebyjatItems-sec2-img img{object-fit:cover;border-radius:40px;width:100%}@media (min-width:1600px){.whitebyjatItems-text h3{font-size:18px}.whitebyjatItems-text p{font-size:24px}}@media (max-width:1024px){.whitebyjatItems-container{padding:60px 24px}.whitebyjatItems-header h2{font-size:36px}.whitebyjatItems-tabs button{font-size:24px}}@media (max-width:600px){.whitebyjatItems-tabs{border-bottom:none;border-left:2px solid #e5e5e5;flex-direction:column;gap:15px;padding-left:20px}.whitebyjatItems-tabs button{max-width:100%;min-height:auto;font-size:22px}.whitebyjatItems-tabs button.active:after{width:4px;height:100%;top:0;left:-22px}.whitebyjatItems-sec2{grid-template-columns:1fr;gap:30px}.whitebyjatItems-sec2-img{order:-1}.whitebyjatItems-container{padding:0 24px}.whitebyjatItems-text p,.pill-label{font-size:18px}}
.gallery-white-by-jat-container{flex-direction:column;width:100%;margin:0 auto;padding:80px 97px 50px;display:flex}.gallery-white-by-jat-title{color:#1d1d1d;margin-top:10px;margin-bottom:20px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:400}.white-by-jat-scroll-container{white-space:nowrap;cursor:grab;touch-action:pan-y;margin-bottom:100px;display:flex;overflow-x:hidden}.white-by-jat-scroll-container::-webkit-scrollbar{display:none}.white-by-jat-scroll-container:active{cursor:grabbing}.white-by-jat-scroll-container img{border:1px solid #94949419;border-radius:25px;flex-shrink:0;width:auto;height:300px;margin-left:30px}@media (max-width:640px){.white-by-jat-scroll-container{margin-top:50px}.gallery-white-by-jat-container{gap:60px;padding:50px 20px}.gallery-white-by-jat-title h2{font-size:45px}}@media (max-width:600px){.white-by-jat-scroll-container img{height:230px;margin-left:40px}.white-by-jat-scroll-container{margin-bottom:70px}}