.awsm-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem; /* optional: adds clean spacing */
}

.awsm-grid-card {
  box-sizing: border-box;
  flex: 1 1 calc(25% - 1rem);
  max-width: calc(25% - 1rem);
}

@media (max-width: 1200px) {
  .awsm-grid-card {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
}

@media (max-width: 900px) {
  .awsm-grid-card {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

@media (max-width: 640px) {
  .awsm-grid-card {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .awsm-grid-card img {
    width: 250px !important;
    margin-left: auto !important; 
    margin-right: auto !important; 
  }
}

.header-wrapper {
  display: none !important;
}

.i2c-hero {
  position: relative;
  width: 100%;
  height: 30vh; /* adjustable */
  display: flex;
  align-items: center;
  justify-content: center;

  background-image: url("/wp-content/uploads/2022/12/STARTacademy-background-e1680608061340.png");
  background-size: cover;
  background-position: center;
  overflow: hidden;
  margin-top: 100px;
  min-height: 200px;
}

.i2c-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(44.4deg, #00153CD9 0%, #FFDB00B0 100%);
  z-index: 1;
}

.i2c-hero__content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.i2c-hero__logo {
  max-width: 50%;
  height: auto;
}

@media (min-width: 2000px) {
  .i2c-hero {
    height: 20vh !important;
  }
}

/* @media (max-width: 768px) {
  .i2c-hero {
    height: 40vh !important;
  }
} */

@media (max-width: 440px) {
  .i2c-hero {
    height: 20vh !important;
  }

  .i2c-hero__logo {
    max-width: 70%;
    height: auto;
  }
}