.elementor-9574 .elementor-element.elementor-element-29354f82{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-ucaddon_card_carousel .card_carousel_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_card_carousel .card_carousel_text,.elementor-widget-ucaddon_card_carousel .card_carousel_text > *{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_card_carousel .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9574 .elementor-element.elementor-element-60e553c .ue-carousel-item{text-align:center;transform:scale(1,1);}.elementor-9574 .elementor-element.elementor-element-60e553c .uc_classic_carousel_content{justify-content:start;padding:10px 6px 10px 10px;}.elementor-9574 .elementor-element.elementor-element-60e553c .uc-active-item .ue-carousel-item{transform:scale(1,1);}.elementor-9574 .elementor-element.elementor-element-60e553c .uc_classic_carousel_border{background-color:#000000;width:50px;height:3px;}.elementor-9574 .elementor-element.elementor-element-60e553c .uc_classic_carousel_placeholder img{height:453px;object-fit:cover;object-position:center;}.elementor-9574 .elementor-element.elementor-element-60e553c .ue-item-icon{width:60px;height:60px;font-size:20px;color:#ffffff;background-color:#6e6e6e;border-radius:100px 100px 100px 100px;margin-top:0px;}.elementor-9574 .elementor-element.elementor-element-60e553c .ue-item-icon svg{fill:#ffffff;}.elementor-9574 .elementor-element.elementor-element-60e553c .ue-item-icon-wrapper{justify-content:center;}.elementor-9574 .elementor-element.elementor-element-60e553c .card_carousel_title{margin-top:0px;color:#000000;}.elementor-9574 .elementor-element.elementor-element-60e553c .card_carousel_text{margin-top:10px;color:#8a8a8a;}.elementor-9574 .elementor-element.elementor-element-60e553c .uc_more_btn{padding:10px 20px 10px 20px;border-radius:0px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-9574 .elementor-element.elementor-element-60e553c .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-nav .owl-prev{left:16px;right:auto;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-nav .owl-next{right:16px;left:auto;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-carousel .owl-nav .owl-next,.elementor-9574 .elementor-element.elementor-element-60e553c .owl-carousel .owl-nav .owl-prev{top:109px;border-radius:100px;width:62px;height:62px;line-height:62px;font-size:31px;background-color:#FFFFFF;color:#F4C259;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-carousel .owl-nav .owl-next:hover,.elementor-9574 .elementor-element.elementor-element-60e553c .owl-carousel .owl-nav .owl-prev:hover{background-color:#F4C259;color:#ffffff;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-dot.active{background-color:#000000;}.elementor-9574 .elementor-element.elementor-element-60e553c .owl-dots{margin-top:20px;}/* Start custom CSS for ucaddon_card_carousel, class: .elementor-element-60e553c *//* ===== TOP-RIGHT NAV ARROWS (anchored to the whole section) ===== */
#mf-cards {
  position: relative;      /* anchor for absolutely-positioned arrows  */
  padding-top: 52px;       /* space above the carousel for the arrows  */
  z-index: 1;
}

/* Make inner swiper container NOT positioned so arrows anchor to #mf-cards */
#mf-cards .swiper,
#mf-cards .swiper-container,
#mf-cards .elementor-swiper,
#mf-cards .ue-swiper-container {
  position: static !important;
  overflow: visible;        /* let arrows sit outside slide area if needed */
}

/* Target ALL common arrow class names */
#mf-cards .swiper-button-prev,
#mf-cards .swiper-button-next,
#mf-cards .elementor-swiper-button-prev,
#mf-cards .elementor-swiper-button-next,
#mf-cards .ue-swiper-button-prev,
#mf-cards .ue-swiper-button-next {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;     /* NEXT sits at the far right */
  left: auto !important;
  transform: none !important;
  z-index: 100 !important;

  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);

  background: #fff;
  color: #111;
  border: 1px solid #e6e6e6;
}

/* Put PREV just to the left of NEXT */
#mf-cards .swiper-button-prev,
#mf-cards .elementor-swiper-button-prev,
#mf-cards .ue-swiper-button-prev {
  right: 64px !important;
}

/* Make NEXT yellow like your reference */
#mf-cards .swiper-button-next,
#mf-cards .elementor-swiper-button-next,
#mf-cards .ue-swiper-button-next {
  background: #f5b93f !important;
  border-color: #f5b93f !important;
  color: #fff !important;
}

/* Icon size (the built-in arrow glyphs) */
#mf-cards .swiper-button-prev::after,
#mf-cards .swiper-button-next::after,
#mf-cards .elementor-swiper-button-prev::after,
#mf-cards .elementor-swiper-button-next::after,
#mf-cards .ue-swiper-button-prev::after,
#mf-cards .ue-swiper-button-next::after {
  font-size: 18px !important;
  font-weight: 700;
}

/* Hover polish */
#mf-cards .swiper-button-prev:hover,
#mf-cards .elementor-swiper-button-prev:hover,
#mf-cards .ue-swiper-button-prev:hover {
  background: #fff !important;
  border-color: #d8d8d8 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
#mf-cards .swiper-button-next:hover,
#mf-cards .elementor-swiper-button-next:hover,
#mf-cards .ue-swiper-button-next:hover {
  background: #f2a81a !important;
  border-color: #f2a81a !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* If the widget also renders slide-level arrows inside each CARD, hide those */
#mf-cards .ue-card .swiper-button-prev,
#mf-cards .ue-card .swiper-button-next,
#mf-cards .ue-card .elementor-swiper-button-prev,
#mf-cards .ue-card .elementor-swiper-button-next {
  display: none !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  #mf-cards { padding-top: 46px; }
  #mf-cards .swiper-button-prev,
  #mf-cards .swiper-button-next,
  #mf-cards .elementor-swiper-button-prev,
  #mf-cards .elementor-swiper-button-next,
  #mf-cards .ue-swiper-button-prev,
  #mf-cards .ue-swiper-button-next {
    width: 40px; height: 40px; top: 8px !important;
  }
  #mf-cards .swiper-button-prev,
  #mf-cards .elementor-swiper-button-prev,
  #mf-cards .ue-swiper-button-prev {
    right: 60px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29354f82 *//* ----- TOP-RIGHT NAV ARROWS FOR THE WHOLE CAROUSEL ----- */
/* Scope to your section */
#mf-cards {
  position: relative;              /* anchor for absolutely-positioned arrows  */
  padding-top: 48px;               /* space above the carousel for the arrows  */
}

/* Ensure the swiper container can show arrows outside the slides */
#mf-cards .swiper {
  overflow: visible;
}

/* Base arrow styles (both) */
#mf-cards .swiper-button-prev,
#mf-cards .swiper-button-next {
  position: absolute;
  top: 10px;                       /* place at the top */
  right: 10px;                     /* right edge; we’ll offset prev below */
  transform: none;
  z-index: 50;

  width: 44px;
  height: 44px;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
  display: grid;
  place-items: center;

  /* icon cleanup */
  color: #111;
  background: #fff;
  border: 1px solid #e6e6e6;
}
#mf-cards .swiper-button-prev::after,
#mf-cards .swiper-button-next::after {
  font-size: 18px;                 /* arrow glyph size */
  font-weight: 700;
}

/* Put PREV to the left of NEXT */
#mf-cards .swiper-button-prev { right: 64px; }

/* Style for the “active” (NEXT) look like your reference */
#mf-cards .swiper-button-next {
  background: #f5b93f;             /* amber */
  border-color: #f5b93f;
  color: #fff;
}

/* Hover effects */
#mf-cards .swiper-button-prev:hover {
  background: #fff;
  border-color: #d8d8d8;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
#mf-cards .swiper-button-next:hover {
  background: #f2a81a;
  border-color: #f2a81a;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

/* Optional: if your widget also renders slide-level arrows over images, hide those */
#mf-cards .ue-card .swiper-button-prev,
#mf-cards .ue-card .swiper-button-next {
  display: none !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  #mf-cards { padding-top: 42px; }
  #mf-cards .swiper-button-prev,
  #mf-cards .swiper-button-next {
    width: 40px; height: 40px; top: 8px;
  }
  #mf-cards .swiper-button-prev { right: 60px; }
  #mf-cards .swiper-button-prev::after,
  #mf-cards .swiper-button-next::after { font-size: 16px; }
}












/* ===== Mocha Fest Card Styling (final refined) ===== */
.elementor-9574 .elementor-element.elementor-element-29354f82 { 
  --mf-accent: #f1b64b; 
  --mf-text: #1f2937; 
  --mf-muted: #6b7280; 
  --mf-star: #FFC700; 
  font-family: "Poppins", "Segoe UI", Roboto, sans-serif;
}

/* Badge placed above Elementor image */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-card-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 30;
  background: #E83F3F;
  color: #fff;
  padding: 7px 16px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
}

/* Card container */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-card {
  background: #fff;
  border-radius: 22px;
  margin-top: 14px;
  padding: 24px 26px 24px;
  box-shadow: 0 10px 28px rgba(0,0,0,.07);
  line-height: 1.75; /* improved readability */
  color: var(--mf-text);
}

/* Top row: rating & days left */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-toprow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-stars {
  color: var(--mf-star);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-count {
  color: var(--mf-muted);
  font-size: 14px;
  margin-left: 5px;
}
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-days {
  color: var(--mf-muted);
  font-weight: 600;
  font-size: 15px;
}

/* Meta info */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-loc {
  color: var(--mf-muted);
  font-size: 15px;
  margin-bottom: 4px;
}
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-dates {
  color: var(--mf-text);
  font-size: 16px;
  font-weight: 600;
}

/* Divider */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-divider {
  border: 0;
  height: 1px;
  background: #eee;
  margin: 16px 0;
}

/* Title */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-title {
  font-size: 28px;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 10px;
}

/* Price */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-price {
  color: var(--mf-muted);
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 18px;
}
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-price strong {
  color: #D18F00;
  font-weight: 800;
}

/* Book Now Button */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-cta {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 999px;
  border: 2px solid var(--mf-accent);
  background: #fff8ec;
  color: #c78000;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.3px;
  transition: all 0.2s ease;
  margin-top: 10px;
}
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-cta:hover {
  background: #fff1d7;
  box-shadow: 0 5px 14px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

/* Responsive tweaks */
@media (max-width: 1024px) {
  .elementor-9574 .elementor-element.elementor-element-29354f82 .mf-title { font-size: 24px; }
}
@media (max-width: 640px) {
  .elementor-9574 .elementor-element.elementor-element-29354f82 .mf-card { padding: 18px; }
  .elementor-9574 .elementor-element.elementor-element-29354f82 .mf-title { font-size: 22px; }
}



/* Hide the widget's built-in button(s) only inside this section */
.elementor-9574 .elementor-element.elementor-element-29354f82 .elementor-button-wrapper,
.elementor-9574 .elementor-element.elementor-element-29354f82 a.elementor-button { display:none !important; }

.elementor-9574 .elementor-element.elementor-element-29354f82 a.elementor-button:not(.mf-cta),
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .ue-button,
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .ue_read_more,
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .ue-link-btn,
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .ue-card-btn,
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .elementor-widget-button {
  display: none !important;
}

/* Remove leftover spacing where that button used to live */
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .elementor-button-wrapper,
.elementor-9574 .elementor-element.elementor-element-29354f82 .ue-card .elementor-widget-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep our custom Book Now visible and styled */
.elementor-9574 .elementor-element.elementor-element-29354f82 .mf-cta {
  display: block !important;
}


/* Move navigation arrows to top right */
#mf-cards .swiper-button-next,
#mf-cards .swiper-button-prev {
  position: absolute;
  top: 10px;
  transform: none;
  background: #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  color: #000;
  transition: all 0.2s ease;
  z-index: 25;
}

#mf-cards .swiper-button-next:hover,
#mf-cards .swiper-button-prev:hover {
  background: #f9b938;
  color: #fff;
}

#mf-cards .swiper-button-prev {
  right: 60px;
  left: auto;
}

#mf-cards .swiper-button-next {
  right: 10px;
}

/* Optional – make icons cleaner */
#mf-cards .swiper-button-next::after,
#mf-cards .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 700;
}/* End custom CSS */