.elementor-397 .elementor-element.elementor-element-f3271b1:not(.elementor-motion-effects-element-type-background), .elementor-397 .elementor-element.elementor-element-f3271b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-397 .elementor-element.elementor-element-f3271b1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-397 .elementor-element.elementor-element-f3271b1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-23b115a *//* Background */
body {
  background-color: #f1ebe1;
}

/* Toggle Buttons */
.media-toggle {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 20px auto;
}

.toggle-btn {
  padding: 10px 20px;
  border: none;
  background: #d2c7ba;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
}

.toggle-btn.active {
  background: #b39e85;
  color: #fff;
}

/* Gallery Grid */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 18px;
  padding: 15px;
}

/* Gallery Card */
.gallery-card {
  text-align: center;
}

.gallery-card img {
  width: 100%;
  border-radius: 12px;
  transition: 0.4s ease;
  box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.15);
}

/* Book Lift Hover Effect */
.gallery-card img:hover {
  transform: scale(1.05) rotateY(-8deg);
  box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.25);
}

/* Text */
.gallery-card p {
  margin-top: 8px;
  font-weight: 600;
  color:#ddd;
}

/* Mobile Friendly */
@media (max-width: 480px) {
  .media-toggle {
    flex-direction: column;
  }
}/* End custom CSS */