.hmo-register { position: relative; } @media (min-width:1200px){ .hmo-register--inner { position: absolute; bottom: -50%; transform: translateY(80%); } .hmo-register-banner { padding: 280px 0px; } } .hmo-register--inner { background: rgb(191 191 191 / 60%); backdrop-filter: blur(10px); padding: 1.25rem; border-radius: 1.5rem; width: 100%; border: 1px solid #ddd; } .hmo-register-banner { background-size: cover!important; background-repeat: no-repeat!important; } .benefits-list__item { padding-left: 2rem; display: inline-flex; position: relative; } .benefits-list { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; font-size: 1.125rem; } .benefits-list__item:before { content: ''; width: 1.25rem; height: 1.25rem; display: block; position: absolute; top: 0.25rem; left: 0; background: var(--brand-color); border-radius: 50%; } .benefits-list__item:after { content: ''; border: 2px solid #fff; display: block; width: 6px; height: 12px; transform: rotate(45deg); position: absolute; left: 7px; top: 7px; border-left: 0; border-top: 0; } .errorlist { border-radius: 0.5rem; max-width: 98%; margin: 0.5rem auto; } .hmo { display: flex; flex-direction: column; justify-content: center; align-items: center; } .hmo__body { position: relative; padding-bottom: 56.25%; width: 100%; } .hmo__logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .hmo__logo img {width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;object-fit: contain;} .hmo__footer { padding: 1rem; } .hmo__footer .hmo__name { font-size: 1rem; font-weight: 600; text-transform: capitalize; }