*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:urbanist}p,li,a,button{font-size:1.7rem;letter-spacing:.1rem;text-decoration:none}li{list-style:none;align-items:center}a{color:#000}a:hover{color:#2e86c1;text-decoration:underline}header{height:10rem;box-shadow:#2123261a 0 10px 10px -10px;background-color:#d4e6f1}.container{max-width:132rem;margin-inline:auto;height:10rem}.grid{display:flex;align-items:center;justify-content:space-between;height:inherit;margin:0 3rem}nav ul{display:flex;justify-content:flex-end;gap:3.4rem;height:100%}.ham-menu-bar{width:100px;border:1px solid;height:100px;display:flex;flex-direction:column;gap:1rem;align-items:center;position:absolute;background-color:#fff}.input-container{background-color:#ddd;display:flex;align-items:center;justify-content:space-evenly;margin-top:50px;max-width:1200px;margin-inline:auto;height:600px}input[type=text]{width:500px;padding:10px;font-size:16px;border:2px solid #ccc;border-radius:5px;outline:none;transition:border-color .3s}input[type=text]:focus{border-color:#b82b71}.qr-code-container{margin-top:20px;padding:20px;border:1px solid #931c5c;border-radius:8px;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem}.logo{display:flex;align-items:center}.hero-section{height:500px;margin-top:5rem}.hero-section .container{background-color:#fff;padding:3.2rem}.banner-column{display:flex;justify-content:space-between;align-items:center;gap:6.4rem}.banner-image{display:block;max-width:150rem;height:auto;object-fit:cover;margin-left:auto;width:70%}.banner-inner{display:flex;flex-direction:column;align-items:flex-start;row-gap:1.5rem;flex:1}.paragraph{margin:3.2rem 0}.heading-xl{font-family:inherit;font-size:clamp(2.648rem,6vw,4.241rem);font-weight:700;line-height:1.15;letter-spacing:-1px}button{display:inline-block;font-family:inherit;font-weight:500;line-height:1.5;padding:.6rem 2.4rem;text-align:center;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;border:none;border-radius:.25rem;text-transform:unset;transition:all .3s ease-in-out;background:#000;color:#fff;cursor:pointer}.banner-img{display:flex;justify-content:flex-end;align-items:center;flex:1}.container .banner-image{width:100%}.container{border-color:#0ff;border-radius:5px}.generate-qr-ancor{color:inherit}@media screen and (max-width: 990px){.banner-column{flex-direction:column}.banner-inner{order:1}.container .banner-image{width:100%;order:0}}