.image-right-hero{background:#a2a2a2;position:relative;padding:230px 0 150px 0}@media screen and (max-width:1024px){.image-right-hero{padding:200px 0 64px 0}}@media screen and (max-width:768px){.image-right-hero{padding:150px 0 64px 0}}.image-right-hero h1,.image-right-hero h2,.image-right-hero h3,.image-right-hero h4,.image-right-hero h5,.image-right-hero h6,.image-right-hero p{color:#fff}.image-right-hero h1 span{color:var(--www-esspo-lt-yellow)}.image-right-hero [data-scroll-down]{column-gap:10px;cursor:pointer}.image-right-hero [data-scroll-down] p{font-size:18px;font-style:normal;font-weight:600;line-height:34px}.image-right-hero .container{position:relative;z-index:5}@media screen and (max-width:1024px){.image-right-hero .container .content{flex-direction:column;row-gap:40px}}.image-right-hero .container .content .left{width:calc(50% - 50px)}@media screen and (max-width:1024px){.image-right-hero .container .content .left{width:100%}}.image-right-hero .container .content .left h5{font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:var(--www-esspo-lt-yellow)}.image-right-hero .container .content .left h5 a{color:inherit;font-size:inherit;line-height:inherit;text-decoration:none;color:#fff}.image-right-hero .container .content .left h5 a:hover{color:var(--www-esspo-lt-yellow)}.image-right-hero .container .content .left .sub-title h5 a{color:inherit;font-size:inherit;line-height:inherit;text-decoration:none}.image-right-hero .container .content .right{width:calc(50% - 50px);min-height:670px;position:relative;border-radius:16px;overflow:hidden;padding:60px}@media screen and (max-width:1024px){.image-right-hero .container .content .right{width:100%;min-height:400px}}@media screen and (max-width:768px){.image-right-hero .container .content .right{padding:40px 30px}}@media screen and (max-width:500px){.image-right-hero .container .content .right{padding:40px 20px}}.image-right-hero .container .content .right img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-right-hero .container .content .right .flx{position:relative}.image-right-hero .grid-lines-box{height:248px;width:100%;left:0;bottom:0;position:absolute;overflow:hidden}.image-right-hero .grid-lines{border-bottom:1px solid #bbb;border-top:1px solid #bbb;position:absolute;left:0;right:0;top:0;bottom:-1px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="72.717px" height="72.717px"><path d="M1 71.717V0H0v72.717h72.717v-1z" fill="%23BBBBBB"/></svg>') repeat 50% 0;border-color:#fff;width:100vw;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="62px" height="62px"><path d="M1 61V0H0v62h62v-1z" fill="%23fff"/></svg>')}