@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{--text-color:#000;--bg-color:#282828;--body-font:"Poppins",sans-serif;--normal-font-size:0.938rem}@media screen and (min-width:968px){:root{--normal-font-size:1rem}}*,:after,:before{padding:0;margin:0;box-sizing:border-box}body{font-size:var(--normal-font-size);background-color:var(--bg-color);color:var(--text-color);font-weight:400;font-family:var(--body-font);transition:all .2s ease}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin:10px 10px 1rem;text-align:center;width:100%;color:#fff}.container{max-width:1140px;width:100%;margin:0 auto;padding:3rem 0;min-height:100vh;display:grid;place-items:center}.card__container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%;max-width:90%;margin:40px auto}.card__bx{--bg-clr:#282828;--txt-clr:#fff;--btn-txt-clr:#333;--transition:all 0.5s;font-family:Poppins,sans-serif;height:400px;width:300px;border-radius:20px;border-top-left-radius:70px;position:relative;overflow:hidden;background:var(--clr);transition:var(--transition)}.card__1{--clr:#249eff;--clr-light:#66b3ff;--clr-dark:#0d6efd;--clr-accent:#0af;--clr-background:#cce7ff}.card__2{--clr:#ff1f6b;--clr-light:#ff66a1;--clr-dark:#cc0047;--clr-accent:#ff4773;--clr-background:#ffd1e0}.card__3{--clr:#98ff21;--clr-light:#b6ff66;--clr-dark:#7ac800;--clr-accent:#d4ff00;--clr-background:#f0ffcc}.card__4{--clr:#ff9f1f;--clr-light:#ffb347;--clr-dark:#e68900;--clr-accent:#ffb84d;--clr-background:#ffe6cc}.card__5{--clr:#24ff92;--clr-light:#66ffb8;--clr-dark:#00e67f;--clr-accent:#4dffac;--clr-background:#ccffec}.card__6{--clr:#9f24ff;--clr-light:#b847ff;--clr-dark:#8900e6;--clr-accent:#ac4dff;--clr-background:#e6ccff}.card__7{--clr:#ff2461;--clr-light:#ff6691;--clr-dark:#e60044;--clr-accent:#ff4d7a;--clr-background:#ffccdf}.card__8{--clr:#249eff;--clr-light:#66b3ff;--clr-dark:#0d6efd;--clr-accent:#0af;--clr-background:#cce7ff}.card__9{--clr:#ff2480;--clr-light:#ff66a3;--clr-dark:#e60066;--clr-accent:#ff4d92;--clr-background:#ffccd9}.card__10{--clr:#1fff24;--clr-light:#6f6;--clr-dark:#00e600;--clr-accent:#4dff4d;--clr-background:#cfc}.card__bx .card__data{position:absolute;inset:10px;border-radius:10px;background:var(--bg-clr)}.card__bx .card__data .card__icon{position:absolute;top:0;left:0;border-bottom-right-radius:50%;height:140px;width:140px;background:var(--clr)}.card__bx .card__data .card__icon:before{bottom:-30px;left:0}.card__bx .card__data .card__icon:after,.card__bx .card__data .card__icon:before{content:"";position:absolute;height:30px;width:30px;border-top-left-radius:30px;background:transparent;box-shadow:-5px -5px 0 5px var(--clr)}.card__bx .card__data .card__icon:after{right:-30px;top:0}.card__bx .card__data .card__icon .card__icon-bx{position:absolute;inset:10px;border-radius:10px;border-top-left-radius:50%;border-bottom-right-radius:50%;display:flex;justify-content:center;align-items:center;font-size:60px;background:var(--bg-clr);color:var(--clr)}.card__bx:hover .card__data .card__icon .card__icon-bx{background:var(--clr);color:var(--txt-clr);transition:var(--transition)}.card__bx .card__data .card__content{position:absolute;top:150px;padding:20px;text-align:center;display:flex;justify-content:center;flex-direction:column;gap:15px;color:var(--txt-clr)}.card__bx .card__data .card__content h3{font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.card__bx .card__data .card__content p{font-size:14px;opacity:.75}.card__bx .card__data .card__content a{display:inline-flex;align-self:center;padding:10px 25px;text-decoration:none;text-transform:uppercase;font-size:16px;font-weight:600;border-radius:30px;border:2px solid var(--clr);color:var(--btn-txt-clr);background:var(--clr);transition:var(--transition)}.card__bx .card__data .card__content a:hover{background:transparent;color:var(--clr)}