/* Counter Number Wrapper Fix - Loaded last to ensure highest priority */
/* Fix for counter number wrapper - correct positioning and styling */
.cms-counter-banner {
  position: relative !important;
  overflow: hidden !important;
  min-height: 450px !important;
  width: 100% !important;
}

.cms-counter-banner .cms-image-as-bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.cms-counter-banner .cms-counter-number-wrapper,
div.cms-counter-number-wrapper.bg-accent.text-white.p-tb-40.p-lr-50.cms-radius-tl-32.absolute.cms-abs-r-0.cms-abs-b-0 {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  top: auto !important;
  border-top-left-radius: 32px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 0 !important;
  text-align: center !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
}

.cms-counter-banner .cms-counter-number-wrapper .cms-counter-number-wrap,
.cms-counter-number-wrapper .cms-counter-number-wrap {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.cms-counter-banner .cms-counter-number-wrapper .cms-counter-small-title,
.cms-counter-number-wrapper .cms-counter-small-title {
  text-align: center !important;
  width: 100% !important;
}

.cms-counter-banner .cms-counter-number-wrapper .cms-swiper-dots,
.cms-counter-number-wrapper .cms-swiper-dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* Tool classes for positioning and border radius */
.cms-abs-r-0 {
  right: 0 !important;
  left: auto !important;
}

.cms-abs-b-0 {
  bottom: 0 !important;
  top: auto !important;
}

.cms-radius-tl-32 {
  border-top-left-radius: 32px !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Ensure bg-accent is red color */
.bg-accent {
  background-color: #E42626 !important;
}

/* WhatsApp Floating Button */
a.whatsapp-float,
.whatsapp-float {
  position: fixed !important;
  bottom: 120px !important;
  right: 20px !important;
  left: auto !important;
  top: auto !important;
  width: 60px !important;
  height: 60px !important;
  background-color: #25D366 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
  z-index: 99999 !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.whatsapp-float:hover {
  background-color: #20BA5A !important;
  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.6) !important;
  transform: scale(1.1) !important;
}

.whatsapp-float svg {
  width: 32px !important;
  height: 32px !important;
  fill: #ffffff !important;
  display: block !important;
}

@media (max-width: 768px) {
  .whatsapp-float {
    width: 56px !important;
    height: 56px !important;
    bottom: 115px !important;
    right: 15px !important;
  }
  
  .whatsapp-float svg {
    width: 28px !important;
    height: 28px !important;
  }
}