/* Wrapper grid */
.custom-block-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 1.5rem; /* default gap */
}
.custom-block-wrapper > .w-full:nth-child(1) {
    grid-column: 1 / 2; /* first column */
    grid-row: 1 / 3;    /* span 2 rows */
  }
.counter-wrapper {
    display: flex;
    align-items: center;
}

.counter-wrapper .content-holder {
    flex: 1;
    text-align: left;
}

.counter-wrapper .countdown-holder {
    flex: 1;
}

.counter-wrapper .content-holder .button-wrap {
    width: auto;
    display: inline-block;
}

.counter-wrapper .countdown-holder .time-box {
    display: block;
   text-align:center;
}

.counter-wrapper .countdown-holder .time-box .time-number {
    display: block;
    background: rgba(255,255,255,0.1);
    padding: 10px;
    border-radius: 5px;
  font-size:30px; 
  color:#fff;
}
.counter-wrapper .countdown-holder .time-box .time-label{text-align:center; font-size:14px;}
/* Desktop Layout */
@media (min-width: 1024px) {
  .custom-block-wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
    gap: 2rem; /* desktop gap */
  }

  /* Place content block in the center top */
  .custom-block-wrapper > .content_block:nth-child(1) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  /* Other images/videos automatically fill remaining cells */
}

/* Mobile Layout */
@media (max-width: 1023px) {
  .custom-block-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem; /* mobile gap */
  }

  .custom-block-wrapper > div {
    width: 100%;
  }
}

/* Content Styling */
.content_block h2 {
  @apply text-2xl lg:text-4xl font-bold text-black mb-2;
}

.content_block p {
  @apply text-base lg:text-lg text-gray-700;
}

/* Image & Video Styling */
.custom-block-wrapper img,
.custom-block-wrapper video {
  @apply w-full h-full object-cover rounded-lg;
}

/* Optional: Adjust aspect ratios */
.aspect-square { aspect-ratio: 1/1; }
.aspect-video { aspect-ratio: 16/9; }
.aspect-[4/5] { aspect-ratio: 4/5; }
.aspect-[3/2] { aspect-ratio: 3/2; }
.aspect-auto { aspect-ratio: auto; }