.codingkey-solutions-grid { display: flex; flex-wrap: wrap; gap: 40px;justify-content: center;transition: all 300ms ease; }
.codingkey-main-card { position: relative; width: 500px; height: 400px;background-repeat: no-repeat;border-radius: 20px; overflow: hidden; padding: 32px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 0;  }

/* .codingkey-main-card { position: relative; width: 500px; height: 400px;background-position: top right !important;background-repeat: no-repeat;background-size: contain; border-radius: 20px; overflow: hidden; padding: 32px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 0;  } */


.codingkey-main-card::before {content: '';position: absolute;inset: 0;border-radius: 20px;pointer-events: none;z-index: -1;transition: all 300ms ease;}
.codingkey-main-card:nth-child(odd){outline: 1px solid rgba(80, 81, 117, 1);}
.codingkey-main-card:nth-child(even){outline: 1px solid rgba(85, 139, 155, 1);}
/* Odd cards: 1st, 3rd, 5th, 7th, 9th, etc. */
.codingkey-main-card:nth-child(odd)::before {background: linear-gradient(180deg, rgba(80, 81, 117, 0) 43.75%, #505175 80%);}
/* Even cards: 2nd, 4th, 6th, 8th, etc. */
.codingkey-main-card:nth-child(even)::before {background: linear-gradient(180deg, rgba(85, 139, 155, 0) 43.75%, #558B9B 80%);}
.codingkey-main-content { display: flex; flex-direction: column; color: #fff; }
.codingkey-main-card h3 { font-family: Geist; font-weight: 600; font-size: 32px; color: #fff; margin: 10px 0 0; }
.codingkey-main-card .main-icon { width: 64px; height: 64px; }
.codingkey-inner-card { position: absolute; left: 0; right: 0; bottom: -320px; background: #fff; border-radius: 12px; margin: 16px; padding: 15px 20px; height: 300px; transition: bottom 0.3s ease; display: flex; flex-direction: column; justify-content: flex-start; }
.codingkey-inner-card.active { bottom: 0; }
.codingkey-inner-card .inner-icon { width: 64px; height: 64px; }
.codingkey-inner-card h4 { font-family: Geist; font-weight: 600; font-size: 24px; color: #13111E;margin: 0;} 
.codingkey-inner-card p { font-family: Geist; font-weight: 400; font-size: 18px; color: #6A6F81;}