/* ==========================================================================
   ASTROLOGER FRONTEND RESPONSIVE STYLESHEET
   Desktop, Tablet, and Mobile Adaptive Engine
   ========================================================================== */

/* Universal Image & Layout Scaling */
img {
  max-width: 100%;
  height: auto;
}

/* Prevent unwanted horizontal overflow without breaking sticky */
html,
body {
  overflow-x: clip;
}

/* Responsive Table Horizontal Scroll */
table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Container Paddings: Desktop Default */
.max-w-7xl {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Header Height & Navigation on Smaller Screens */
@media (max-width: 768px) {
  header.w-full {
    min-height: 64px;
  }

  .header-nav {
    flex-direction: column;
  }
}

/* Responsive Theme Buttons */
@media (max-width: 640px) {

  .btn-theme-primary,
  .btn-theme-dynamic,
  .btn-theme-main,
  .btn-theme,
  .admin-theme-btn {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}

/* ==========================================================================
   PAGE BUILDER CONTAINER & SECTION SPACING ISOLATION
   Desktop margin and side padding must NEVER bleed into tablet/mobile
   ========================================================================== */

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .pb-elementor-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: var(--sec-mt-t, 0px) !important;
    margin-bottom: var(--sec-mb-t, 0px) !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: var(--sec-pl-t, 15px) !important;
    padding-right: var(--sec-pr-t, 15px) !important;
    padding-top: var(--sec-pt-t, 15px) !important;
    padding-bottom: var(--sec-pb-t, 15px) !important;
    --sec-pr: var(--sec-pr-t, 15px) !important;
    --sec-pl: var(--sec-pl-t, 15px) !important;
    --sec-pt: var(--sec-pt-t, 15px) !important;
    --sec-pb: var(--sec-pb-t, 15px) !important;
    --sec-mr: var(--sec-mr-t, 0px) !important;
    --sec-ml: var(--sec-ml-t, 0px) !important;
    --sec-mt: var(--sec-mt-t, 0px) !important;
    --sec-mb: var(--sec-mb-t, 0px) !important;
  }

  .pb-col-wrapper,
  .pb-col-wrapper * {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* Mobile (<= 767px) */
@media (max-width: 767px) {
  .pb-elementor-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: var(--sec-mt-m, 0px) !important;
    margin-bottom: var(--sec-mb-m, 0px) !important;
    padding-left: var(--sec-pl-m, 12px) !important;
    padding-right: var(--sec-pr-m, 12px) !important;
    padding-top: var(--sec-pt-m, 12px) !important;
    padding-bottom: var(--sec-pb-m, 12px) !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    --sec-pr: var(--sec-pr-m, 12px) !important;
    --sec-pl: var(--sec-pl-m, 12px) !important;
    --sec-pt: var(--sec-pt-m, 12px) !important;
    --sec-pb: var(--sec-pb-m, 12px) !important;
    --sec-mr: 0px !important;
    --sec-ml: 0px !important;
    --sec-mt: 0px !important;
    --sec-mb: 0px !important;
  }

  .pb-inner-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .pb-inner-grid>* {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .pb-col-wrapper,
  .pb-col-wrapper * {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* ==========================================================================
   SLIDER RESPONSIVE HEIGHT & ZERO TOP/BOTTOM SPACE
   ========================================================================== */

/* Slider Navigation Arrows & Dots - Robust Positioning & Fixed Dimensions */
.pb-slider-btn-prev,
.pb-slider-btn-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 25 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  border-radius: 9999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pb-slider-btn-prev {
  left: 14px !important;
  right: auto !important;
}

.pb-slider-btn-next {
  right: 14px !important;
  left: auto !important;
}

/* Tablet (768px - 1024px): Slider & Banner Dimensions */
@media (min-width: 768px) and (max-width: 1024px) {

  /* Tablet Static Banner Dimensions (All Pages - 100% visible, zero crop) */
  .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame,
  .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame img,
  .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame,
  .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame img,
  .pb-img-frame:has(img[src*="/banners/"]):not(:has(.pb-slider-container)),
  .pb-img-frame:has(img[src*="/banners/"]):not(:has(.pb-slider-container)) img {
    height: var(--pb-h-t, auto) !important;
    max-height: none !important;
    min-height: 0 !important;
    width: var(--pb-w-t, 100%) !important;
    max-width: 100% !important;
    object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
    object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
    aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
    background: transparent !important;
    display: block !important;
  }

  /* Tablet Content Images (Photos, Award Images, About Us, Columns) */
  .pb-img-wrapper:not(:has(.pb-slider-container)) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])) {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])) img {
    width: 100% !important;
    max-width: 100% !important;
    height: var(--pb-h-t, auto) !important;
    max-height: none !important;
    display: block !important;
    object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
    object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
    aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
  }

  /* Tablet Banner Slider (1 per view) */
  .pb-img-frame:has(.pb-slider-container[data-per-view="1"]),
  .pb-slider-container[data-per-view="1"],
  #pb_slider_1789449080289 {
    height: var(--pb-h-t, clamp(320px, 45vw, 380px)) !important;
    max-height: 400px !important;
    overflow: hidden !important;
  }

  /* Tablet Multi-Image Carousel (3 per view) */
  .pb-slider-container[data-per-view-tablet="3"],
  .pb-slider-container:not([data-per-view="1"]),
  #pb_slider_1789560907169 {
    height: clamp(190px, 28vw, 230px) !important;
    max-height: 230px !important;
    overflow: hidden !important;
  }

  .pb-slider-container img,
  .pb-slider-track img,
  .pb-slide-item img,
  .pb-img-frame .pb-slider-container img,
  div.pb-slider-container div.pb-slider-track div.pb-slide-item img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
    object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
    aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .pb-section-has-slider,
  .pb-section-is-banner,
  .pb-elementor-container:has(.pb-slider-container),
  .pb-elementor-container:has(img[src*="/banners/"]),
  .pb-elementor-container:has(img[src*="banner"]),
  .pb-elementor-container:first-of-type:has(.pb-img-frame),
  #container-1141,
  #container-1144 {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pb-section-has-slider .pb-inner-grid,
  .pb-section-is-banner .pb-inner-grid,
  .pb-elementor-container:has(.pb-slider-container) .pb-inner-grid,
  .pb-elementor-container:has(img[src*="/banners/"]) .pb-inner-grid,
  .pb-elementor-container:has(img[src*="banner"]) .pb-inner-grid,
  .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-inner-grid,
  .pb-section-has-slider .pb-col-wrapper,
  .pb-section-is-banner .pb-col-wrapper,
  .pb-elementor-container:has(.pb-slider-container) .pb-col-wrapper,
  .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-wrapper,
  .pb-elementor-container:has(img[src*="banner"]) .pb-col-wrapper,
  .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-wrapper,
  .pb-section-has-slider .pb-col-widgets-stack,
  .pb-section-is-banner .pb-col-widgets-stack,
  .pb-elementor-container:has(.pb-slider-container) .pb-col-widgets-stack,
  .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-widgets-stack,
  .pb-elementor-container:has(img[src*="banner"]) .pb-col-widgets-stack,
  .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-widgets-stack,
  .pb-img-wrapper:has(.pb-slider-container),
  .pb-img-frame:has(.pb-slider-container),
  .pb-section-is-banner .pb-img-wrapper,
  .pb-section-is-banner .pb-img-frame,
  .pb-img-wrapper:has(img[src*="/banners/"]),
  .pb-img-frame:has(img[src*="/banners/"]),
  .pb-img-wrapper:has(img[src*="banner"]),
  .pb-img-frame:has(img[src*="banner"]) {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border: none !important;
  }

  /* Multi-Image Slider: 3 items visible on Tablet */
  .pb-slider-container[data-per-view-tablet="3"] .pb-slide-item,
  .pb-slider-container[data-per-view="5"] .pb-slide-item {
    flex: 0 0 calc((100% - var(--pb-slider-gap, 0px) * 2) / 3) !important;
    width: calc((100% - var(--pb-slider-gap, 0px) * 2) / 3) !important;
    max-width: calc((100% - var(--pb-slider-gap, 0px) * 2) / 3) !important;
  }

  .pb-slider-btn-prev,
  .pb-slider-btn-next {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  .pb-slider-btn-prev {
    left: 10px !important;
  }

  .pb-slider-btn-next {
    right: 10px !important;
  }
}

/* Mobile (<= 767px): Slider & Banner Dimensions (Zero Gap Above & Below) */
@media (max-width: 767px) {

  /* Mobile Static Banner Dimensions (All Pages - 100% visible, zero crop) */
  /* Mobile Static Banners (All Pages - Height Increased) */
  .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame,
  .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame img,
  .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame,
  .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame img,
  .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="banner"]) .pb-img-frame,
  .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="banner"]) .pb-img-frame img,
  .pb-img-frame:has(img[src*="/banners/"]):not(:has(.pb-slider-container)),
  .pb-img-frame:has(img[src*="/banners/"]):not(:has(.pb-slider-container)) img,
  .pb-img-frame:has(img[src*="banner"]):not(:has(.pb-slider-container)),
  .pb-img-frame:has(img[src*="banner"]):not(:has(.pb-slider-container)) img {
    height: var(--pb-h-m, clamp(150px, 40vw, 200px)) !important;
    min-height: 150px !important;
    max-height: 200px !important;
    width: var(--pb-w-m, 100%) !important;
    max-width: 100% !important;
    object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
    object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
    aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
    background: transparent !important;
    display: block !important;
  }

  /* Mobile Content Images (Photos, Award Images, About Us, Columns - Height Kept Perfect) */
  .pb-img-wrapper:not(:has(.pb-slider-container)) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])):not(:has(img[src*="banner"])) {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 340px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])):not(:has(img[src*="banner"])) img {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 340px !important;
    height: var(--pb-h-m, auto) !important;
    max-height: none !important;
    display: block !important;
    object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
    object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
    aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
  }

  /* Mobile Banner Slider (1 per view - Height Increased) */
  .pb-img-frame:has(.pb-slider-container[data-per-view="1"]),
  .pb-slider-container[data-per-view="1"],
  #pb_slider_1789449080289 {
    height: var(--pb-h-m, clamp(300px, 75vw, 380px)) !important;
    max-height: 400px !important;
    overflow: hidden !important;
  }

  /* Mobile Multi-Image Carousel (2 per view - Height Increased) */
  .pb-slider-container[data-per-view-mobile="2"],
  .pb-slider-container:not([data-per-view="1"]),
  #pb_slider_1789560907169 {
    height: clamp(180px, 48vw, 220px) !important;
    max-height: 230px !important;
    overflow: hidden !important;
  }

  .pb-slider-container img,
  .pb-slider-track img,
  .pb-slide-item img,
  .pb-img-frame .pb-slider-container img,
  div.pb-slider-container div.pb-slider-track div.pb-slide-item img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
    object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
    aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .pb-section-has-slider,
  .pb-section-is-banner,
  .pb-elementor-container:has(.pb-slider-container),
  .pb-elementor-container:has(img[src*="/banners/"]),
  .pb-elementor-container:has(img[src*="banner"]),
  .pb-elementor-container:first-of-type:has(.pb-img-frame),
  #container-1141,
  #container-1144 {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pb-section-has-slider .pb-inner-grid,
  .pb-section-is-banner .pb-inner-grid,
  .pb-elementor-container:has(.pb-slider-container) .pb-inner-grid,
  .pb-elementor-container:has(img[src*="/banners/"]) .pb-inner-grid,
  .pb-elementor-container:has(img[src*="banner"]) .pb-inner-grid,
  .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-inner-grid,
  .pb-section-has-slider .pb-col-wrapper,
  .pb-section-is-banner .pb-col-wrapper,
  .pb-elementor-container:has(.pb-slider-container) .pb-col-wrapper,
  .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-wrapper,
  .pb-elementor-container:has(img[src*="banner"]) .pb-col-wrapper,
  .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-wrapper,
  .pb-section-has-slider .pb-col-widgets-stack,
  .pb-section-is-banner .pb-col-widgets-stack,
  .pb-elementor-container:has(.pb-slider-container) .pb-col-widgets-stack,
  .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-widgets-stack,
  .pb-elementor-container:has(img[src*="banner"]) .pb-col-widgets-stack,
  .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-widgets-stack,
  .pb-img-wrapper:has(.pb-slider-container),
  .pb-img-frame:has(.pb-slider-container),
  .pb-section-is-banner .pb-img-wrapper,
  .pb-section-is-banner .pb-img-frame,
  .pb-img-wrapper:has(img[src*="/banners/"]),
  .pb-img-frame:has(img[src*="/banners/"]),
  .pb-img-wrapper:has(img[src*="banner"]),
  .pb-img-frame:has(img[src*="banner"]) {
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border: none !important;
  }

  /* Multi-Image Slider: 2 items visible on Mobile */
  .pb-slider-container[data-per-view-mobile="2"] .pb-slide-item,
  .pb-slider-container[data-per-view="5"] .pb-slide-item {
    flex: 0 0 calc((100% - var(--pb-slider-gap, 0px)) / 2) !important;
    width: calc((100% - var(--pb-slider-gap, 0px)) / 2) !important;
    max-width: calc((100% - var(--pb-slider-gap, 0px)) / 2) !important;
  }

  .pb-slider-btn-prev,
  .pb-slider-btn-next {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }

  .pb-slider-btn-prev {
    left: 8px !important;
    right: auto !important;
  }

  .pb-slider-btn-next {
    right: 8px !important;
    left: auto !important;
  }

  .pb-slider-btn-prev i,
  .pb-slider-btn-next i {
    font-size: 11px !important;
  }
}

/* ==========================================================================
   PAGE BUILDER CANVAS PREVIEW OVERRIDES (body[data-device-mode])
   ========================================================================== */
body[data-device-mode="tablet"] .pb-elementor-container:not(.pb-section-is-banner):not(.pb-section-has-slider) {
  margin-left: var(--sec-ml-t, 0px) !important;
  margin-right: var(--sec-mr-t, 0px) !important;
  margin-top: var(--sec-mt-t, 0px) !important;
  margin-bottom: var(--sec-mb-t, 0px) !important;
  padding-left: var(--sec-pl-t, 15px) !important;
  padding-right: var(--sec-pr-t, 15px) !important;
  padding-top: var(--sec-pt-t, 15px) !important;
  padding-bottom: var(--sec-pb-t, 15px) !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Canvas Tablet Static Banner Dimensions (All Pages - 100% Full view) */
body[data-device-mode="tablet"] .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame,
body[data-device-mode="tablet"] .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame img:not(.pb-slide-item img),
body[data-device-mode="tablet"] .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame,
body[data-device-mode="tablet"] .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame img:not(.pb-slide-item img),
body[data-device-mode="tablet"] .pb-img-frame:has(img[src*="/banners/"]):not(:has(.pb-slider-container)),
body[data-device-mode="tablet"] .pb-img-frame:not(:has(.pb-slider-container)) img[src*="/banners/"],
body[data-device-mode="tablet"] .pb-img-frame:has(img[src*="banner"]):not(:has(.pb-slider-container)),
body[data-device-mode="tablet"] .pb-img-frame:not(:has(.pb-slider-container)) img[src*="banner"] {
  height: var(--pb-h-t, auto) !important;
  max-height: none !important;
  min-height: 0 !important;
  width: var(--pb-w-t, 100%) !important;
  max-width: 100% !important;
  object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
  object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
  aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
  background: transparent !important;
  display: block !important;
}

body[data-device-mode="tablet"] .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])):not(:has(img[src*="banner"])) img {
  width: 100% !important;
  height: var(--pb-h-t, auto) !important;
  max-height: none !important;
  display: block !important;
  object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
  object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
  aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
}

/* Canvas Tablet Banner Slider (1 per view) */
body[data-device-mode="tablet"] .pb-img-frame:has(.pb-slider-container[data-per-view="1"]),
body[data-device-mode="tablet"] .pb-slider-container[data-per-view="1"],
body[data-device-mode="tablet"] #pb_slider_1789449080289 {
  height: var(--pb-h-t, clamp(320px, 45vw, 380px)) !important;
  max-height: 400px !important;
  overflow: hidden !important;
}

body[data-device-mode="tablet"] .pb-slider-container[data-per-view="1"] img,
body[data-device-mode="tablet"] .pb-slider-container[data-per-view="1"] .pb-slide-item img,
body[data-device-mode="tablet"] #pb_slider_1789449080289 img {
  height: 100% !important;
  max-height: none !important;
  width: 100% !important;
  object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
  object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
  aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
}

/* Canvas Tablet Multi-Image Carousel (3 per view) */
body[data-device-mode="tablet"] .pb-slider-container[data-per-view-tablet="3"],
body[data-device-mode="tablet"] .pb-slider-container:not([data-per-view="1"]),
body[data-device-mode="tablet"] #pb_slider_1789560907169 {
  height: clamp(190px, 28vw, 230px) !important;
  max-height: 230px !important;
  overflow: hidden !important;
}

body[data-device-mode="tablet"] .pb-slider-container:not([data-per-view="1"]) img,
body[data-device-mode="tablet"] .pb-slider-container:not([data-per-view="1"]) .pb-slide-item img,
body[data-device-mode="tablet"] .pb-slider-track img,
body[data-device-mode="tablet"] div.pb-slider-container div.pb-slider-track div.pb-slide-item img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain))) !important;
  object-position: var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center))) !important;
  aspect-ratio: var(--pb-aspect-t, var(--pb-aspect-d, auto)) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

body[data-device-mode="tablet"] .pb-section-has-slider,
body[data-device-mode="tablet"] .pb-section-is-banner,
body[data-device-mode="tablet"] .pb-elementor-container:has(.pb-slider-container),
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="/banners/"]),
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="banner"]),
body[data-device-mode="tablet"] .pb-elementor-container:first-of-type:has(.pb-img-frame),
body[data-device-mode="tablet"] #container-1141,
body[data-device-mode="tablet"] #container-1144 {
  padding-top: var(--sec-pt-t, 0px) !important;
  padding-right: var(--sec-pr-t, 0px) !important;
  padding-bottom: var(--sec-pb-t, 0px) !important;
  padding-left: var(--sec-pl-t, 0px) !important;
  margin-top: var(--sec-mt-t, 0px) !important;
  margin-right: var(--sec-mr-t, 0px) !important;
  margin-bottom: var(--sec-mb-t, 0px) !important;
  margin-left: var(--sec-ml-t, 0px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

body[data-device-mode="tablet"] .pb-section-has-slider .pb-inner-grid,
body[data-device-mode="tablet"] .pb-section-is-banner .pb-inner-grid,
body[data-device-mode="tablet"] .pb-elementor-container:has(.pb-slider-container) .pb-inner-grid,
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="/banners/"]) .pb-inner-grid,
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="banner"]) .pb-inner-grid,
body[data-device-mode="tablet"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-inner-grid,
body[data-device-mode="tablet"] #container-1141 .pb-inner-grid,
body[data-device-mode="tablet"] #container-1144 .pb-inner-grid,
body[data-device-mode="tablet"] .pb-section-has-slider .pb-col-wrapper,
body[data-device-mode="tablet"] .pb-section-is-banner .pb-col-wrapper,
body[data-device-mode="tablet"] .pb-elementor-container:has(.pb-slider-container) .pb-col-wrapper,
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-wrapper,
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="banner"]) .pb-col-wrapper,
body[data-device-mode="tablet"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-wrapper,
body[data-device-mode="tablet"] #container-1141 .pb-col-wrapper,
body[data-device-mode="tablet"] #container-1144 .pb-col-wrapper,
body[data-device-mode="tablet"] .pb-section-has-slider .pb-col-widgets-stack,
body[data-device-mode="tablet"] .pb-section-is-banner .pb-col-widgets-stack,
body[data-device-mode="tablet"] .pb-elementor-container:has(.pb-slider-container) .pb-col-widgets-stack,
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-widgets-stack,
body[data-device-mode="tablet"] .pb-elementor-container:has(img[src*="banner"]) .pb-col-widgets-stack,
body[data-device-mode="tablet"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-widgets-stack,
body[data-device-mode="tablet"] .pb-img-wrapper:has(.pb-slider-container),
body[data-device-mode="tablet"] .pb-img-frame:has(.pb-slider-container),
body[data-device-mode="tablet"] .pb-section-is-banner .pb-img-wrapper,
body[data-device-mode="tablet"] .pb-section-is-banner .pb-img-frame,
body[data-device-mode="tablet"] .pb-img-wrapper:has(img[src*="/banners/"]),
body[data-device-mode="tablet"] .pb-img-frame:has(img[src*="/banners/"]),
body[data-device-mode="tablet"] .pb-img-wrapper:has(img[src*="banner"]),
body[data-device-mode="tablet"] .pb-img-frame:has(img[src*="banner"]) {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  border: none !important;
}

/* Multi-Image Slider: 3 items visible on Tablet in Page Builder Canvas */
body[data-device-mode="tablet"] .pb-slider-container[data-per-view-tablet="3"] .pb-slide-item,
body[data-device-mode="tablet"] .pb-slider-container[data-per-view="5"] .pb-slide-item {
  flex: 0 0 calc((100% - var(--pb-slider-gap, 0px) * 2) / 3) !important;
  width: calc((100% - var(--pb-slider-gap, 0px) * 2) / 3) !important;
  max-width: calc((100% - var(--pb-slider-gap, 0px) * 2) / 3) !important;
}

body[data-device-mode="tablet"] .pb-slider-btn-prev,
body[data-device-mode="tablet"] .pb-slider-btn-next {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
}

body[data-device-mode="tablet"] .pb-slider-btn-prev {
  left: 10px !important;
}

body[data-device-mode="tablet"] .pb-slider-btn-next {
  right: 10px !important;
}

body[data-device-mode="mobile"] .pb-elementor-container:not(.pb-section-is-banner):not(.pb-section-has-slider) {
  margin-left: var(--sec-ml-m, 0px) !important;
  margin-right: var(--sec-mr-m, 0px) !important;
  margin-top: var(--sec-mt-m, 0px) !important;
  margin-bottom: var(--sec-mb-m, 0px) !important;
  padding-left: var(--sec-pl-m, 12px) !important;
  padding-right: var(--sec-pr-m, 12px) !important;
  padding-top: var(--sec-pt-m, 12px) !important;
  padding-bottom: var(--sec-pb-m, 12px) !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Canvas Mobile Static Banner Dimensions (All Pages - Height Increased) */
body[data-device-mode="mobile"] .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame,
body[data-device-mode="mobile"] .pb-section-is-banner:not(.pb-section-has-slider) .pb-img-frame img:not(.pb-slide-item img),
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame,
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="/banners/"]) .pb-img-frame img:not(.pb-slide-item img),
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="banner"]) .pb-img-frame,
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:not(.pb-section-has-slider):has(img[src*="banner"]) .pb-img-frame img:not(.pb-slide-item img),
body[data-device-mode="mobile"] .pb-img-frame:has(img[src*="/banners/"]):not(:has(.pb-slider-container)),
body[data-device-mode="mobile"] .pb-img-frame:not(:has(.pb-slider-container)) img[src*="/banners/"],
body[data-device-mode="mobile"] .pb-img-frame:has(img[src*="banner"]):not(:has(.pb-slider-container)),
body[data-device-mode="mobile"] .pb-img-frame:not(:has(.pb-slider-container)) img[src*="banner"] {
  height: var(--pb-h-m, clamp(150px, 40vw, 200px)) !important;
  min-height: 150px !important;
  max-height: 200px !important;
  width: var(--pb-w-m, 100%) !important;
  max-width: 100% !important;
  object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
  object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
  aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
  background: transparent !important;
  display: block !important;
}

body[data-device-mode="mobile"] .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])):not(:has(img[src*="banner"])) {
  width: var(--pb-w-m, 100%) !important;
  min-height: 340px !important;
}

body[data-device-mode="mobile"] .pb-img-frame:not(:has(.pb-slider-container)):not(:has(img[src*="/banners/"])):not(:has(img[src*="banner"])) img {
  width: 100% !important;
  min-height: 340px !important;
  height: var(--pb-h-m, auto) !important;
  object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
  object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
  aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
}

/* Canvas Mobile Banner Slider (1 per view - Height Increased) */
body[data-device-mode="mobile"] .pb-img-frame:has(.pb-slider-container[data-per-view="1"]),
body[data-device-mode="mobile"] .pb-slider-container[data-per-view="1"],
body[data-device-mode="mobile"] #pb_slider_1789449080289 {
  height: var(--pb-h-m, clamp(300px, 75vw, 380px)) !important;
  max-height: 400px !important;
  overflow: hidden !important;
}

body[data-device-mode="mobile"] .pb-slider-container[data-per-view="1"] img,
body[data-device-mode="mobile"] .pb-slider-container[data-per-view="1"] .pb-slide-item img,
body[data-device-mode="mobile"] #pb_slider_1789449080289 img {
  height: 100% !important;
  max-height: none !important;
  width: 100% !important;
  object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
  object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
  aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
}

/* Canvas Mobile Multi-Image Carousel (2 per view - Height Increased) */
body[data-device-mode="mobile"] .pb-slider-container[data-per-view-mobile="2"],
body[data-device-mode="mobile"] .pb-slider-container:not([data-per-view="1"]),
body[data-device-mode="mobile"] #pb_slider_1789560907169 {
  height: clamp(180px, 48vw, 220px) !important;
  max-height: 230px !important;
  overflow: hidden !important;
}

body[data-device-mode="mobile"] .pb-slider-container:not([data-per-view="1"]) img,
body[data-device-mode="mobile"] .pb-slider-container:not([data-per-view="1"]) .pb-slide-item img,
body[data-device-mode="mobile"] .pb-slider-track img,
body[data-device-mode="mobile"] div.pb-slider-container div.pb-slider-track div.pb-slide-item img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
  object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
  aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Enforce 100% Full View (Zero Crop) on Mobile Edit Mode Canvas */
body[data-device-mode="mobile"] .pb-section-is-banner img,
body[data-device-mode="mobile"] .pb-section-is-banner .pb-img-frame img,
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-img-frame img,
body[data-device-mode="mobile"] .pb-img-frame:has(img[src*="/banners/"]) img,
body[data-device-mode="mobile"] .pb-img-frame img[src*="/banners/"],
body[data-device-mode="mobile"] .pb-img-frame:has(img[src*="banner"]) img,
body[data-device-mode="mobile"] .pb-img-frame img[src*="banner"] {
  object-fit: var(--pb-fit-m, var(--pb-fit-t, var(--pb-fit-d, var(--pb-fit, contain)))) !important;
  object-position: var(--pb-pos-m, var(--pb-pos-t, var(--pb-pos-d, var(--pb-pos, center center)))) !important;
  aspect-ratio: var(--pb-aspect-m, var(--pb-aspect-t, var(--pb-aspect-d, auto))) !important;
  background: transparent !important;
}

body[data-device-mode="mobile"] .pb-section-has-slider,
body[data-device-mode="mobile"] .pb-section-is-banner,
body[data-device-mode="mobile"] .pb-elementor-container:has(.pb-slider-container),
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="/banners/"]),
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="banner"]),
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:has(.pb-img-frame),
body[data-device-mode="mobile"] #container-1141,
body[data-device-mode="mobile"] #container-1144 {
  padding-top: var(--sec-pt-m, 0px) !important;
  padding-right: var(--sec-pr-m, 0px) !important;
  padding-bottom: var(--sec-pb-m, 0px) !important;
  padding-left: var(--sec-pl-m, 0px) !important;
  margin-top: var(--sec-mt-m, 0px) !important;
  margin-right: var(--sec-mr-m, 0px) !important;
  margin-bottom: var(--sec-mb-m, 0px) !important;
  margin-left: var(--sec-ml-m, 0px) !important;
  width: 100% !important;
  max-width: 100% !important;
}

body[data-device-mode="mobile"] .pb-section-has-slider .pb-inner-grid,
body[data-device-mode="mobile"] .pb-section-is-banner .pb-inner-grid,
body[data-device-mode="mobile"] .pb-elementor-container:has(.pb-slider-container) .pb-inner-grid,
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="/banners/"]) .pb-inner-grid,
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="banner"]) .pb-inner-grid,
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-inner-grid,
body[data-device-mode="mobile"] #container-1141 .pb-inner-grid,
body[data-device-mode="mobile"] #container-1144 .pb-inner-grid,
body[data-device-mode="mobile"] .pb-section-has-slider .pb-col-wrapper,
body[data-device-mode="mobile"] .pb-section-is-banner .pb-col-wrapper,
body[data-device-mode="mobile"] .pb-elementor-container:has(.pb-slider-container) .pb-col-wrapper,
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-wrapper,
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="banner"]) .pb-col-wrapper,
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-wrapper,
body[data-device-mode="mobile"] #container-1141 .pb-col-wrapper,
body[data-device-mode="mobile"] #container-1144 .pb-col-wrapper,
body[data-device-mode="mobile"] .pb-section-has-slider .pb-col-widgets-stack,
body[data-device-mode="mobile"] .pb-section-is-banner .pb-col-widgets-stack,
body[data-device-mode="mobile"] .pb-elementor-container:has(.pb-slider-container) .pb-col-widgets-stack,
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="/banners/"]) .pb-col-widgets-stack,
body[data-device-mode="mobile"] .pb-elementor-container:has(img[src*="banner"]) .pb-col-widgets-stack,
body[data-device-mode="mobile"] .pb-elementor-container:first-of-type:has(.pb-img-frame) .pb-col-widgets-stack,
body[data-device-mode="mobile"] .pb-img-wrapper:has(.pb-slider-container),
body[data-device-mode="mobile"] .pb-img-frame:has(.pb-slider-container),
body[data-device-mode="mobile"] .pb-section-is-banner .pb-img-wrapper,
body[data-device-mode="mobile"] .pb-section-is-banner .pb-img-frame,
body[data-device-mode="mobile"] .pb-img-wrapper:has(img[src*="/banners/"]),
body[data-device-mode="mobile"] .pb-img-frame:has(img[src*="/banners/"]),
body[data-device-mode="mobile"] .pb-img-wrapper:has(img[src*="banner"]),
body[data-device-mode="mobile"] .pb-img-frame:has(img[src*="banner"]) {
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  border: none !important;
}

/* Multi-Image Slider: 2 items visible on Mobile in Page Builder Canvas */
body[data-device-mode="mobile"] .pb-slider-container[data-per-view-mobile="2"] .pb-slide-item,
body[data-device-mode="mobile"] .pb-slider-container[data-per-view="5"] .pb-slide-item {
  flex: 0 0 calc((100% - var(--pb-slider-gap, 0px)) / 2) !important;
  width: calc((100% - var(--pb-slider-gap, 0px)) / 2) !important;
  max-width: calc((100% - var(--pb-slider-gap, 0px)) / 2) !important;
}

body[data-device-mode="mobile"] .pb-slider-btn-prev,
body[data-device-mode="mobile"] .pb-slider-btn-next {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

body[data-device-mode="mobile"] .pb-slider-btn-prev {
  left: 8px !important;
}

body[data-device-mode="mobile"] .pb-slider-btn-next {
  right: 8px !important;
}

body[data-device-mode="mobile"] .pb-slider-btn-prev i,
body[data-device-mode="mobile"] .pb-slider-btn-next i {
  font-size: 11px !important;
}

body[data-device-mode="mobile"] .pb-inner-grid {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

body[data-device-mode="mobile"] .pb-inner-grid>* {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   PAGE BUILDER CANVAS SECTION TAB (+ ::: ×) - Identical across all devices
   ========================================================================== */
.is-builder-mode.pb-canvas-wrapper,
.is-builder-mode .pb-canvas-wrapper,
body[data-device-mode="desktop"] .is-builder-mode.pb-canvas-wrapper,
body[data-device-mode="tablet"] .is-builder-mode.pb-canvas-wrapper,
body[data-device-mode="mobile"] .is-builder-mode.pb-canvas-wrapper {
  padding-top: 32px !important;
  overflow: visible !important;
  overflow-x: visible !important;
}

.is-builder-mode .pb-elementor-container,
body[data-device-mode="desktop"] .is-builder-mode .pb-elementor-container,
body[data-device-mode="tablet"] .is-builder-mode .pb-elementor-container,
body[data-device-mode="mobile"] .is-builder-mode .pb-elementor-container {
  overflow: visible !important;
}

.is-builder-mode .pb-elementor-container:first-of-type,
.is-builder-mode #container-1141,
.is-builder-mode #container-1144,
.is-builder-mode [id^="container-"]:first-of-type,
body[data-device-mode="desktop"] .is-builder-mode .pb-elementor-container:first-of-type,
body[data-device-mode="desktop"] .is-builder-mode #container-1141,
body[data-device-mode="desktop"] .is-builder-mode #container-1144,
body[data-device-mode="tablet"] .is-builder-mode .pb-elementor-container:first-of-type,
body[data-device-mode="tablet"] .is-builder-mode #container-1141,
body[data-device-mode="tablet"] .is-builder-mode #container-1144,
body[data-device-mode="mobile"] .is-builder-mode .pb-elementor-container:first-of-type,
body[data-device-mode="mobile"] .is-builder-mode #container-1141,
body[data-device-mode="mobile"] .is-builder-mode #container-1144 {
  margin-top: 28px !important;
}

.pb-elementor-tab,
body .pb-elementor-tab,
.is-builder-mode .pb-elementor-tab,
body[data-device-mode="desktop"] .pb-elementor-tab,
body[data-device-mode="tablet"] .pb-elementor-tab,
body[data-device-mode="mobile"] .pb-elementor-tab {
  position: absolute !important;
  top: -24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: var(--theme-button-bg-color, #FFB800) !important;
  background-color: var(--theme-button-bg-color, #FFB800) !important;
  color: var(--theme-button-text-color, #000000) !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 3px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  z-index: 99 !important;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.18) !important;
  cursor: grab !important;
  user-select: none !important;
  white-space: nowrap !important;
  min-width: 100px !important;
  height: 24px !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.pb-elementor-tab:active {
  cursor: grabbing !important;
}

.pb-tab-action-btn,
body .pb-tab-action-btn,
.is-builder-mode .pb-tab-action-btn,
body[data-device-mode="desktop"] .pb-tab-action-btn,
body[data-device-mode="tablet"] .pb-tab-action-btn,
body[data-device-mode="mobile"] .pb-tab-action-btn {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  color: var(--theme-button-text-color, #000000) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.15s ease !important;
  pointer-events: auto !important;
}

.pb-tab-action-btn:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
  transform: scale(1.25) !important;
}

.pb-tab-action-btn svg,
body .pb-tab-action-btn svg,
.is-builder-mode .pb-tab-action-btn svg,
body[data-device-mode="desktop"] .pb-tab-action-btn svg,
body[data-device-mode="tablet"] .pb-tab-action-btn svg,
body[data-device-mode="mobile"] .pb-tab-action-btn svg {
  width: 14px !important;
  height: 14px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  fill: currentColor !important;
  color: currentColor !important;
}

/* Mobile & Tablet Responsive Announcement Bar & Footer Copyright Perfection */
@media (max-width: 1023px) {

  /* Top Announcement Bar */
  .text-xs.font-semibold.py-2.px-3,
  .text-xs.font-semibold.py-2.px-4 {
    padding: 8px 16px !important;
    text-align: center !important;
  }

  .text-xs.font-semibold.py-2.px-3>div,
  .text-xs.font-semibold.py-2.px-4>div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    width: 100% !important;
  }

  .text-xs.font-semibold.py-2.px-3 a,
  .text-xs.font-semibold.py-2.px-4 a {
    white-space: nowrap !important;
    margin: 2px 0 !important;
  }

  .text-xs.font-semibold.py-2.px-3 span,
  .text-xs.font-semibold.py-2.px-4 span {
    text-align: center !important;
    line-height: 1.4 !important;
  }

  /* Footer Copyright Bar */
  footer .border-t {
    padding: 14px 16px !important;
    text-align: center !important;
  }

  footer .border-t>div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
  }

  footer .border-t span {
    line-height: 1.5 !important;
    word-break: normal !important;
  }
}

/* Canvas Mode Previews (Tablet & Mobile in Page Builder Canvas) */
body[data-device-mode="tablet"] .text-xs.font-semibold.py-2.px-3,
body[data-device-mode="tablet"] .text-xs.font-semibold.py-2.px-4,
body[data-device-mode="mobile"] .text-xs.font-semibold.py-2.px-3,
body[data-device-mode="mobile"] .text-xs.font-semibold.py-2.px-4 {
  padding: 8px 16px !important;
  text-align: center !important;
}

body[data-device-mode="tablet"] .text-xs.font-semibold.py-2.px-3>div,
body[data-device-mode="tablet"] .text-xs.font-semibold.py-2.px-4>div,
body[data-device-mode="mobile"] .text-xs.font-semibold.py-2.px-3>div,
body[data-device-mode="mobile"] .text-xs.font-semibold.py-2.px-4>div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  width: 100% !important;
}

body[data-device-mode="tablet"] .text-xs.font-semibold.py-2.px-3 a,
body[data-device-mode="tablet"] .text-xs.font-semibold.py-2.px-4 a,
body[data-device-mode="mobile"] .text-xs.font-semibold.py-2.px-4 a,
body[data-device-mode="mobile"] .text-xs.font-semibold.py-2.px-3 a {
  white-space: nowrap !important;
  margin: 2px 0 !important;
}

body[data-device-mode="tablet"] footer .border-t>div,
body[data-device-mode="mobile"] footer .border-t>div {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
}

/* 3x2 and 3x3 Grid Layouts */
.pb-inner-grid[data-layout="grid_3x2"],
.pb-inner-grid[data-layout="grid_3x3"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 767px) {

  .pb-inner-grid[data-layout="grid_3x2"],
  .pb-inner-grid[data-layout="grid_3x3"] {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

body[data-device-mode="mobile"] .pb-inner-grid[data-layout="grid_3x2"],
body[data-device-mode="mobile"] .pb-inner-grid[data-layout="grid_3x3"] {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

/* ==========================================================================
   Service List Menu Box - Responsive Margin-Bottom (10% on Mobile/Tablet only)
   ========================================================================== */
@media (max-width: 1024px) {
  .pb-service-list-menu,
  .pb-slm-wrapper,
  .pb-rendered-widget[data-widget-type="service_list_menu"] {
    margin-bottom: 10px !important;
  }
  .pb-slm-wrapper > .pb-service-list-menu,
  .pb-rendered-widget[data-widget-type="service_list_menu"] .pb-service-list-menu {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1025px) {
  .pb-service-list-menu,
  .pb-slm-wrapper,
  .pb-rendered-widget[data-widget-type="service_list_menu"] {
    margin-bottom: 0 !important;
  }
}

body[data-device-mode="tablet"] .pb-service-list-menu,
body[data-device-mode="tablet"] .pb-slm-wrapper,
body[data-device-mode="tablet"] .pb-rendered-widget[data-widget-type="service_list_menu"],
body[data-device-mode="mobile"] .pb-service-list-menu,
body[data-device-mode="mobile"] .pb-slm-wrapper,
body[data-device-mode="mobile"] .pb-rendered-widget[data-widget-type="service_list_menu"] {
  margin-bottom: 10px !important;
}

body[data-device-mode="tablet"] .pb-slm-wrapper > .pb-service-list-menu,
body[data-device-mode="tablet"] .pb-rendered-widget[data-widget-type="service_list_menu"] .pb-service-list-menu,
body[data-device-mode="mobile"] .pb-slm-wrapper > .pb-service-list-menu,
body[data-device-mode="mobile"] .pb-rendered-widget[data-widget-type="service_list_menu"] .pb-service-list-menu {
  margin-bottom: 0 !important;
}

body[data-device-mode="desktop"] .pb-service-list-menu,
body[data-device-mode="desktop"] .pb-slm-wrapper,
body[data-device-mode="desktop"] .pb-rendered-widget[data-widget-type="service_list_menu"] {
  margin-bottom: 0 !important;
}