/*-----------------------------------*\
  #special-dish.css
\*-----------------------------------*/

/**
 * copyright 2022 codewithsadee
 */

/*-----------------------------------*\
  #SPECIAL DISH
\*-----------------------------------*/

.special-dish-content {
  padding-block: 70px;
}

.special-dish .abs-img {
  margin-inline: auto;
  margin-block-end: 12px;
}

.special-dish .section-text {
  margin-block: 0px 10px;
}

.special-dish-content .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-block-end: 40px;
}

.special-dish-content .del {
  text-decoration: none;
  color: var(--davys-grey);
}

.special-dish-content .span {
  color: var(--gold-crayola);
}

.special-dish .btn {
  margin-inline: auto;
}

.special-dish-banner {
  position: relative;
  overflow: hidden;
}

.special-dish-banner img[data-scroll] {
  will-change: transform;
  transition: transform 0.1s linear;
}

.special-dish-banner img[data-scroll] {
  transform: translateZ(0);
}

/* Add subtle scale effect on hover */
.special-dish-banner:hover img[data-scroll] {
  transform: scale(1.05);
}