.CardsComponentWrapper{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-top:100px}.CardsComponentWrapper .CardsComponent{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.CardsComponentWrapper .CardsComponent .CardsComponentCards{display:flex;flex-direction:column;gap:10px;grid-row:auto;justify-content:center;margin-left:1rem;margin-right:1rem;padding-bottom:10px}@media (min-width:992px){.CardsComponentWrapper .CardsComponent .CardsComponentCards{flex-direction:row;gap:40px;padding-bottom:100px}}.CardsComponentWrapper .CardsComponent .CardsComponentCard{margin-bottom:2rem;padding:25px .5rem;position:relative;text-align:left;width:100%}@media (min-width:992px){.CardsComponentWrapper .CardsComponent .CardsComponentCard{width:25%}}.CardsComponentWrapper .CardsComponent .CardsComponentCard{background:#1e1e1e;border-radius:20px;box-shadow:0 2px 4px #0000001f;transition:.3s}.CardsComponentWrapper .CardsComponent .CardsComponentCard:after{background:linear-gradient(180deg,#f65824,#f78147);border-radius:20px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%;z-index:10}.CardsComponentWrapper .CardsComponent .CardsComponentCard:hover:after{opacity:1}.CardsComponentWrapper .CardsComponent .CardsComponentCard .CardsComponentCardIcon{font-size:40px;margin-left:1rem;position:relative;text-align:left;z-index:50}.CardsComponentWrapper .CardsComponent .CardsComponentCard .CardsComponentCardContent{margin-left:1rem;position:relative;text-align:left;z-index:50}.CardsComponentWrapper .CardsComponent .CardsComponentCard .CardsComponentCardContent h3{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:600}
