/* Full screen overlay */

.ar-fp-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

/* Center content */

.ar-fp-overlay-content {
  text-align: center;
  width: 480px;
}

.ar-fp-overlay-title {
  font-size: 30px;
  margin-bottom: 40px;
  font-weight: bold;
}

/* Grid layout */
.ar-fp-tile-grid {
display: grid;
    align-items: center;
    justify-content: center;
    gap: 16px;
    /* flex-wrap: wrap; */
    grid-template-columns: repeat(3, 150px);
}


/* Tile button */

.ar-fp-tile-btn {
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: linear-gradient(to bottom, #ffffff 25%, #3c434b 380%);
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.25s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ar-fp-tile-btn img {
  margin-bottom: 15px;
}
.ar-fp-tile-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* Second row alignment */

.ar-fp-tile-row2 {
  grid-column: span 3;
  display: flex;
  justify-content: center;
  gap: 25px;
}


@media (max-width: 768px) {
  .ar-fp-tile-grid {
      grid-template-columns: repeat(2, 150px);
      justify-content: center;
  }

  .ar-fp-tile-row2 {
      display: contents;
  }
}