@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}.text-touch{margin-left:1px}.hydro-plusMainBanner{isolation:isolate;width:100%;min-height:100vh;position:relative;overflow:hidden}.hydro-plusMainBanner__bg{z-index:0;background:url(https://cdn.jatholdings.com/our-brands/paints/hydro-plus/Main%20Banner%20-%20Hydro.webp) 50%/cover no-repeat;position:absolute;inset:0}@media (max-width:600px){.hydro-plusMainBanner__bg{background:url(https://cdn.jatholdings.com/our-brands/paints/hydro-plus/hydro-plus-banner-mobile.webp) 50%/cover no-repeat}}.hydro-plusMainBanner__bg:before{content:"";z-index:1;background-color:#00000027;position:absolute;inset:0}.hydro-plusMainBanner__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}.hydro-plusMainBanner__left{align-items:flex-end;padding-bottom:clamp(40px,7vh,90px);display:flex}.hydro-plusMainBanner__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)}}.hydro-plusMainBanner__right{z-index:1000;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:30px;right:97px}.hydro-plusMainBanner__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)}}.hydro-plusMainBanner__logoBox{background:#fff;border-radius:25px;justify-content:center;align-items:center;width:190px;height:150px;padding:10px;display:flex}.hydro-plusMainBanner__logoInner{width:100%;height:100%;position:relative}.hydro-plusMainBanner__logoImg{object-fit:contain}.hydro-plusMainBanner__itemSlider{background:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;width:200px;height:200px;position:relative;overflow:hidden}.hydro-plusMainBanner__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}.hydro-plusMainBanner__itemCard--active{opacity:1;transform:translateY(0)}.hydro-plusMainBanner__itemCard--prev{transform:translateY(-100%)}.hydro-plusMainBanner__itemCard--next{transform:translateY(100%)}.hydro-plusMainBanner__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){.hydro-plusMainBanner__card{gap:15px;padding:15px}.hydro-plusMainBanner__logoBox{width:150px;height:120px}.hydro-plusMainBanner__itemSlider{width:180px;height:180px}.hydro-plusMainBanner__itemSlider img{padding:20px}}@media (max-width:1024px){.hydro-plusMainBanner__inner{grid-template-columns:1fr;width:min(900px,100% - 64px);min-height:auto;padding:100px 0 350px}.hydro-plusMainBanner__right{justify-content:center;margin-top:0;position:absolute;bottom:30px;left:0;right:0;transform:none}}@media (max-width:600px){.hydro-plusMainBanner__card{text-align:center;flex-direction:column;width:75%;margin:0 auto 20px;padding:30px 20px}.hydro-plusMainBanner__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}.hydro-plus-badge{margin-bottom:8px;padding-left:20px;position:relative}.hydro-plus-icon{background-color:#f37021;width:8px;height:8px;display:inline-block;position:absolute;top:7px;left:0}@media (max-width:640px){.hydro-plus-subtitle{font-size:16px}.hydro-plus-icon{top:6px}}.hydro-plus-container{flex-direction:column;gap:90px;width:100%;margin:0 auto;padding:100px 97px;display:flex}.hydro-plus-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}.hydro-plus-text h2 span{color:#7e8385}.hydro-plus-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){.hydro-plus-text h3{font-size:18px}.hydro-plus-text p{font-size:24px}}@media (max-width:640px){.hydro-plus-container{gap:50px;padding:50px 20px}.hydro-plus-text h3{font-size:14px}.hydro-plus-text p{font-size:18px}}.hydro-plus-sec1{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hydro-plus-sec1-img img{object-fit:cover;border-radius:12px;width:100%}.hydro-plus-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}.hydro-plus-sec2{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hydro-plus-sec2-img img{object-fit:cover;border-radius:12px;width:100%}.hydro-plus-sec3{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hydro-plus-sec3-img img{object-fit:cover;border-radius:12px;width:100%}.hydro-plus-sec4{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.hydro-plus-sec4-img img{object-fit:cover;border-radius:12px;width:100%}.hydro-plus-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}.hydro-plus-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.hydro-plus-wood-btn{transition:all .3s}.hydro-plus-wood-btn:hover:before{background:#ff7832;width:calc(100% - 10px)}.hydro-plus-wood-btn:hover{background-color:#ebebeb}.hydro-plus-wood-btn:hover .hydro-plus-btn-label{color:#fff}.hydro-plus-wood-btn:hover .hydro-plus-btn-icon{transform:scale(1.15)}.hydro-plus-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}.hydro-plus-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){.hydro-plus-btn-label{font-size:24px}.hydro-plus-btn-icon{width:50px;height:50px}.hydro-plus-wood-btn:before{width:50px}}@media (max-width:900px){.hydro-plus-sec1,.hydro-plus-sec2,.hydro-plus-sec3,.hydro-plus-sec4{grid-template-columns:1fr}.hydro-plus-sec2-text{order:1}.hydro-plus-sec2-img{order:2}.hydro-plus-sec4-text{order:1}.hydro-plus-sec4-img{order:2}}@media (max-width:600px){.hydro-plus-subtitle,.hydro-plus-text h3{font-size:16px}}