.resources{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:50px;display:flex}.resources .heading{width:55%;margin-top:50px;font-size:25px}.resources .resourcesContainer{grid-template-columns:repeat(2,1fr);gap:30px;width:55%;display:grid}.type{color:var(--cyan);border:3px solid var(--cyan);text-align:center;border-radius:20px;width:fit-content;margin-left:20px;padding:0 20px;font-weight:600}@media (width<768px){.resources .heading{justify-content:center;align-items:center;width:100%;font-size:20px;display:flex}.resources .resourcesContainer{flex-direction:column;grid-template-columns:repeat(1,1fr);justify-content:center;align-items:center;width:100%;display:flex}}.card{background:#efefef;border-radius:10px;outline:2px solid #dfdfdf;width:500px;height:600px;transition:outline .2s}.card:hover{outline:2px solid #b9b9b9}.img{align-items:top;border-radius:10px;justify-content:center;width:100%;height:50%;display:flex;overflow:hidden}.img img{object-fit:cover;border-radius:10px;width:100%;transition:transform .5s}.card:hover img{transform:scale(1.1)}.text{align-items:space-around;flex-direction:column;margin:20px;display:flex}.icon-box svg{width:17px}.text .h3{font-size:24px;font-weight:600}.text .p{color:#222;font-size:16px}.card:hover{cursor:pointer}@media (width<768px){.card{width:90vw;height:fit-content}}