@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}.kolorzMainBanner{isolation:isolate;width:100%;min-height:100vh;position:relative;overflow:hidden}.kolorzMainBanner__bg{z-index:0;background:url(https://cdn.jatholdings.com/our-brands/paints/kolorz/Banner%20Image%20-%20Kolorz.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (max-width:600px){.kolorzMainBanner__bg{background:url(https://cdn.jatholdings.com/our-brands/paints/kolorz/kolorz-banner-mobile.webp) 50%/cover no-repeat}}.kolorzMainBanner__bg:before{content:"";z-index:1;background-color:#00000027;position:absolute;inset:0}.kolorzMainBanner__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}.kolorzMainBanner__left{align-items:flex-end;padding-bottom:clamp(40px,7vh,90px);display:flex}.kolorzMainBanner__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)}}.kolorzMainBanner__right{z-index:1000;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:30px;right:97px}.kolorzMainBanner__card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#ffffff1a;border-radius:40px;align-items:center;gap:25px;padding:25px;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)}}.kolorzMainBanner__logoBox{background:#fff;border-radius:25px;justify-content:center;align-items:center;width:190px;height:150px;padding:10px;display:flex}.kolorzMainBanner__logoInner{width:100%;height:100%;position:relative}.kolorzMainBanner__logoImg{object-fit:contain}.kolorzMainBanner__itemSlider{background:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;width:200px;height:200px;position:relative;overflow:hidden}.kolorzMainBanner__itemCard{opacity:0;justify-content:center;align-items:center;transition:transform 1.2s cubic-bezier(.4,0,.2,1),opacity .8s;display:flex;position:absolute;inset:0}.kolorzMainBanner__itemCard--active{opacity:1;transform:translateY(0)}.kolorzMainBanner__itemCard--prev{transform:translateY(-100%)}.kolorzMainBanner__itemCard--next{transform:translateY(100%)}.kolorzMainBanner__productImage{object-fit:contain;filter:drop-shadow(0 15px 30px #0006);animation:4s ease-in-out infinite bucketFloat}@keyframes bucketFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1281px){.kolorzMainBanner__card{gap:15px;padding:15px}.kolorzMainBanner__logoBox{width:150px;height:120px}.kolorzMainBanner__itemSlider{width:180px;height:180px}.kolorzMainBanner__itemSlider img{padding:20px}}@media (max-width:1024px){.kolorzMainBanner__inner{grid-template-columns:1fr;width:min(900px,100% - 64px);min-height:auto;padding:100px 0 350px}.kolorzMainBanner__right{justify-content:center;margin-top:0;position:absolute;bottom:30px;left:0;right:0;transform:none}}@media (max-width:600px){.kolorzMainBanner__card{text-align:center;flex-direction:column;width:75%;margin:0 auto 20px;padding:30px 20px}.kolorzMainBanner__logoBox{width:200px;height:120px}}
@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}@font-face{font-family:Dax-light;src:url("../media/Dax Light.6de6273b.ttf")format("truetype");font-weight:400;font-style:normal;font-display:swap}.kolorz-container{flex-direction:column;gap:90px;width:100%;margin:0 auto;padding:100px 97px;display:flex}.kolorz-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}.kolorz-text h2 span{color:#7e8385}.kolorz-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){.kolorz-text h3{font-size:18px}.kolorz-text p{font-size:24px}}@media (max-width:640px){.kolorz-container{gap:60px;padding:50px 20px}.kolorz-text h3{font-size:14px}.kolorz-text p{font-size:18px}}.kolorz-sec1{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.kolorz-sec1-img img{object-fit:cover;border-radius:12px;width:100%}.kolorz-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:16px;font-weight:300;display:flex}.kolorz-subtitle:before{content:"";background:#fd741f;width:8px;height:8px}.kolorz-sec2{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.kolorz-sec2-img img{object-fit:cover;border-radius:12px;width:100%}.kolorz-sec3{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.kolorz-sec3-img img{object-fit:cover;border-radius:12px;width:100%}.kolorz-sec4{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.kolorz-sec4-img img{object-fit:cover;border-radius:12px;width:100%}@media (max-width:900px){.kolorz-sec1,.kolorz-sec2,.kolorz-sec3,.kolorz-sec4{grid-template-columns:1fr}.kolorz-sec2-text{order:1}.kolorz-sec2-img{order:2}.kolorz-sec4-text{order:1}.kolorz-sec4-img{order:2}}@media (max-width:600px){.kolorz-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;src:url(../media/DaxRegular.6a06b6e2.ttf)format("truetype");font-weight:400;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}.kolorzItems-container{flex-direction:column;width:100%;margin:0 auto;padding:0 97px 100px;display:flex}.kolorzItems-header h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d1d1d;margin-bottom:40px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:400}.kolorzItems-header h2 span{color:#7e8385}.kolorzItems-text p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;text-align:justify;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5}.kolorzItems-tabs{border-bottom:1px solid #e5e5e5;flex-wrap:wrap;gap:30px 80px;margin-bottom:60px;padding-bottom:0;display:flex}.kolorzItems-tabs button{cursor:pointer;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:400;transition:color .3s;display:flex;position:relative}.kolorzItems-tabs button.active{color:#1d1d1d}.kolorzItems-tabs button span{display:inline-block;position:relative}.kolorzItems-tabs button.active:after{content:"";z-index:2;background-color:#fd741f;width:100%;height:4px;position:absolute;bottom:-1px;left:0}.kolorzItems-sec2{object-fit:cover;grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.kolorzItems-sec2-img img{border:1px solid #e5e5e5;border-radius:40px;width:100%}@media (min-width:1600px){.kolorzItems-text h3{font-size:18px}.kolorzItems-text h2{font-size:58px}.kolorzItems-text p{font-size:24px}}@media (max-width:1024px){.kolorzItems-container{padding:0 24px 100px}.kolorzItems-header h2{font-size:36px}.kolorzItems-tabs button{font-size:24px}}@media (max-width:600px){.kolorzItems-tabs{border-bottom:none;border-left:2px solid #e5e5e5;flex-direction:column;gap:15px;padding-left:20px}.kolorzItems-tabs button{max-width:100%;min-height:auto;font-size:22px}.kolorzItems-tabs button.active:after{width:4px;height:100%;top:0;left:-22px}.kolorzItems-sec2{grid-template-columns:1fr;gap:30px}.kolorzItems-sec2-img{order:-1}.kolorzItems-container{padding:0 24px 50px}.kolorzItems-text p{font-size:18px}.kolorzItems-header h2{font-size:38px}}