.elementor-6 .elementor-element.elementor-element-8a689b4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-8e318ba{padding:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-8e318ba img{max-width:200px;transition-duration:1s;}.elementor-6 .elementor-element.elementor-element-43c43f6{padding:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-43c43f6 img{max-width:200px;transition-duration:1s;}.elementor-6 .elementor-element.elementor-element-a1233b8{padding:30px 30px 30px 30px;}.elementor-6 .elementor-element.elementor-element-a1233b8 img{max-width:200px;transition-duration:1s;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-8a689b4 *//* Ana zemin */
#MainBG {
  position: relative;
  overflow: hidden;
  background-image: url("/wp-content/uploads/sites/7/2025/12/beach-hotel.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transition: background-image 1s ease-in-out;
}

/* %20 siyah overlay */
#MainBG::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFF;
  pointer-events: none;
  z-index: 2;
  opacity: .5;
}

/* İçerik overlay'in üstünde */
#MainBG > * {
  position: relative;
  z-index: 3;
}

/* Hover durumları */
#MainBG:has(#BeachHotel:hover) {
  background-image: url("/wp-content/uploads/sites/7/2025/12/beach-hotel.webp");
}

#MainBG:has(#KrizantemHotel:hover) {
  background-image: url("/wp-content/uploads/sites/7/2025/12/kaila-krizantem.jpg");
}

#MainBG:has(#CityHotel:hover) {
  background-image: url("/wp-content/uploads/sites/7/2025/12/kalia-city.jpeg");
}/* End custom CSS */