.cardarea{align-content:space-around;align-items:space-around;display:flex;flex-direction:row;flex-wrap:wrap;flex-flow:row wrap;gap:20px 20px;justify-content:space-around}.card5{align-self:flex-start;background-color:#fff;flex-basis:16rem;flex-grow:1;width:100%}.header-component-card5{align-items:center;background-color:#0c172c;display:flex;height:72px;position:relative;top:0;width:100%}.left-header-component-card5{background-color:#4dc9f2;height:100%;left:0;width:5%}.header-component-card5 p{color:#fff;font-family:sans-serif;font-weight:700;margin:0;padding-left:5%;word-wrap:break-word;width:80%}.component-inner-card5{background-color:#fff;padding:5%}.triangle{background-color:#fff;border-bottom:36px solid transparent;border-left:15px solid #0c172c;border-top:36px solid transparent;height:0;position:absolute;right:0;top:0;z-index:1}p.content-card5{font-family:sans-serif}@media screen and (max-width:477px){.card5{background-color:#fff;width:100%}}