*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}div.container{display:grid;place-items:center;text-align:center;height:100vh}div.home{height:300px}div.img-wrapper{position:relative}div.img-wrapper:hover:after{content:"Click";color:#fff;font-family:inherit;font-weight:500;border-radius:8px;background-color:#007e00c7;position:absolute;padding:86px 132px;left:0}img.main-img{width:300px}h1{margin-top:0;color:#007e00;font-weight:600}img.card{width:290px;background-color:#007e003d;padding-right:4em;border-radius:20px;margin-bottom:1em}div.card-wrapper{display:flex;gap:.5em;flex-direction:column;justify-content:space-around;align-items:center;box-shadow:6px 6px 40px -2px #0000001a;border-radius:20px;padding-bottom:1.25em;position:relative}div.card-wrapper input{padding:.75em 0 .79em .8em;border-radius:6px;border:1px solid #007E00CC;width:85%}div.card-wrapper input::placeholder{font-size:.75rem;color:#007e00cc}div.card-wrapper button{width:85%;background-color:#007e00;border:none;border-radius:6px;color:#fff;padding-block:.75em;cursor:pointer;opacity:.9}div.card-wrapper button:hover{opacity:1}div.card-wrapper button.close-btn{all:unset;background-color:#ffffff87;position:absolute;top:3%;right:3%;padding:.2em .5em;border-radius:50%;cursor:pointer;opacity:60%}div.card-wrapper button.close-btn:hover{opacity:100%}div.card-wrapper button.close-btn img{width:10px;opacity:60%}div.box{background-color:#007e000f;width:85%;padding:.5em 0 .75em .875em;border-radius:6px}div.box span{display:block;font-weight:500;text-align:left}div.box span:first-child{color:#4e4e4e;font-size:.625rem}div.box span:last-child{color:#007e00;font-size:.875rem}