.what-is-hcl{padding:0 50px}.hcl-txt-container{width:55%;padding:80px 50px}.hcl-txt-container-inner{max-width:510px}.hcl-image-container{width:45%;padding-right:80px}.hcl-txt-container h3{font-size:36px}.hcl-txt-container p{font-size:16px;line-height:1.4;margin:30px 0 50px}.hcl-video-container a{gap:50px}.hcl-video-container span{font-size:16px}.hcl-video-container video{border-radius:4px}.video-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:70px;background:#303033cc}.video-container{position:relative;aspect-ratio:16 / 9;width:min(1500px,calc(100vw - 140px));max-height:calc(100vh - 140px)}.video-container iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.hcl-strengths{padding:200px 50px 220px}.hcl-strengths h4{font-size:48px;letter-spacing:-1.8px}.hcl-strengths-desc{font-size:24px;line-height:1.6;max-width:677px;margin:25px auto 110px}.hcl-strengths-fact-title,.hcl-strengths-fact-desc{font-size:16px}.hcl-strengths-fact-desc{line-height:1.5}.hcl-strengths-fact-title{padding:12px 0 0;margin:40px 0 3px;border-top:1px dashed #000}.hcl-strengths-facts{justify-content:space-between;gap:2%;display:grid;grid-template-columns:26% 31% 26%}.hcl-uses{padding:0 50px}.hcl-uses .swiper-slide img{border-radius:4px}.hcl-uses .swiper-slide p{font-size:16px;line-height:1.4;color:#ffffffb3;max-width:470px;bottom:0;padding:0 40px 20px;min-height:120px;z-index:1}.hcl-uses .swiper-slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;background:linear-gradient(180deg,#0000 45%,#000c);opacity:.2}.banner-hcl-contact{padding:80px 0 0}.banner-hcl-contact-container{border-radius:0}.banner-hcl-contact-image-container{width:50%}.banner-hcl-contact-txt-container{width:50%;padding:80px 50px}.banner-hcl-contact-txt-container>div{max-width:680px;margin-left:auto}.banner-hcl-contact-txt-container h4{font-size:48px;line-height:1.3}.banner-hcl-contact-txt-container p{font-size:16px;line-height:1.4;max-width:410px;margin:30px 0}@media (max-width: 1130px){.container-fixed img{-o-object-position:-10px;object-position:-10px}.what-is-hcl{padding:0 40px}.hcl-txt-container,.hcl-image-container,.banner-hcl-contact-txt-container,.banner-hcl-contact-image-container{width:100%}.hcl-txt-container{padding:80px 40px}.hcl-txt-container-inner{margin-left:0;margin-right:auto}.hcl-image-container{padding:0 40px}.hcl-strengths{padding:150px 40px}.hcl-strengths h4,.banner-hcl-contact-txt-container h4{font-size:32px}.hcl-strengths-desc{font-size:18px;max-width:650px}.hcl-strengths-fact img{width:100px}.hcl-strengths-facts{gap:20px}.hcl-strengths-fact-title,.hcl-strengths-fact-desc{font-size:15px}.hcl-uses{padding:0 40px 80px}.hcl-uses .swiper-slide p{padding:0 30px 20px;font-size:15px}.banner-hcl-contact{padding:0}.banner-hcl-contact-container{flex-direction:column}.banner-hcl-contact-txt-container>div{max-width:100%;margin-left:0}.banner-hcl-contact-txt-container{padding:80px 40px 60px;text-align:center;align-items:center}.banner-hcl-contact-txt-container h4{max-width:500px}.banner-hcl-contact-txt-container p{margin:30px auto}}@media (max-width: 767px){.sub-title-container h2{max-width:250px}.sub-text.sub-text-two{display:none}.what-is-hcl{padding:0}.what-is-hcl-container{flex-direction:column-reverse;border-radius:0}.hcl-txt-container{padding:60px 20px 80px}.hcl-txt-container h3{font-size:32px}.hcl-txt-container p{margin:20px 0 60px}.hcl-video-container a{gap:20px}.hcl-video-container span{font-size:15px}.hcl-video-container img{width:180px}.hcl-image-container{padding:40px 40px 0}.hcl-strengths{padding:120px 20px}.hcl-strengths h4{max-width:280px;margin:0;text-align:left}.hcl-strengths-desc{font-size:16px;max-width:350px;margin:25px 0 110px;text-align:left}.hcl-strengths-facts{grid-template-columns:1fr;gap:80px}.hcl-strengths-fact.one,.hcl-strengths-fact.two,.hcl-strengths-fact.three{width:100%}.hcl-strengths-fact img{width:60px}.hcl-strengths-fact-title{margin:20px 0 3px}.hcl-uses{padding:0 20px 70px}.hcl-uses .swiper-slide p{font-size:12px;padding:0 20px 20px}.banner-hcl-contact{padding:80px 0 0}.banner-hcl-contact-container{border-radius:0}.banner-hcl-contact-txt-container{padding:80px 20px 60px}.banner-hcl-contact-txt-container>div{text-align:left}.video-popup{padding:20px}.video-container{width:100%}}