.herobanner{background:#a9a9a9;color:#fff;display:grid;grid-template-columns:50% 50%;height:auto;overflow:hidden;position:relative;width:100%;z-index:1}@media screen and (max-width:991px){.herobanner{grid-template-columns:70% 30%}}@media screen and (max-width:767px){.herobanner{display:flex;flex-direction:column}}.herobanner__image{grid-column:2/3;height:100%;margin:0;mix-blend-mode:luminosity;position:relative;width:100%;z-index:1}@media screen and (max-width:767px){.herobanner__image{height:250px;order:-1}}.herobanner__image-image{display:block;height:100%!important;left:0;object-fit:cover;position:absolute;top:0;width:100%}.herobanner__image-corner{height:auto;mix-blend-mode:overlay;position:absolute;right:48px;top:48px;transform:rotate(90deg);width:60px}@media screen and (max-width:767px){.herobanner__image-corner{right:2rem;top:2rem}}.herobanner__body{align-items:center;display:flex;grid-column:1/2;justify-content:center;padding:80px;position:relative;z-index:3}@media screen and (max-width:767px){.herobanner__body{padding:80px 2rem}}.herobanner__body-content{max-width:100%;width:500px}.herobanner__title{color:inherit;font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin:0 0 32px;position:relative}@media screen and (max-width:767px){.herobanner__title{font-size:30px}}.herobanner__title>b{color:red;font-weight:700}.herobanner__description{font-size:1rem;font-weight:400;line-height:1.7;margin:0 0 48px;position:relative;z-index:1}@media screen and (max-width:767px){.herobanner__description{margin:0 0 24px}}.herobanner__description p{font-size:inherit}.herobanner__actions{align-items:center;display:flex;gap:16px;position:relative;width:auto;z-index:1}