/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 15 2025 | 12:34:30 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


.d-none {
    display: inline !important; /* <-- Not hiding anything now */
}

/* If the cards are inside a row container, force equal heights */
.services_cards_tsl:nth-child(n) {
    height: 100%;
}

/* Make sure the parent container doesn't break flex */
.services_cards_tsl {
    box-sizing: border-box;
}

/* Optional: Add padding consistency */
.services_cards_tsl {
    padding: 20px;
}

/* Make all services slides the same height */
#hp_services_slider .services_cards_tsl{
	height:330px !important;
}
/* /Make all services slides the same height */


.elementor-swiper .swiper-slide {
    display: flex !important;
    height: auto !important;
}



/* zoom meeting */
.right-center-banner-antler {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 40px;
  height: 180px;
  color: white;
  z-index: 9999;
  background-color: #7362D7;
  border-radius: 10px 0 0 10px;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  text-align: center;
}

.right-center-banner-antler a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  writing-mode: vertical-rl;
  transform: rotate(180deg); /* This flips text to go bottom to top */
  color: white;
  font-weight: normal;
}
/* /zoom meeting */


/* h5 heading underlines */
h5 {
  position: relative;
  display: inline-block; /* Ensures the underline spans only the text width */
}

h5::after {
  content: '';
  position: absolute;
  bottom: -5px; /* Adjust distance from text */
  left: 0;
  width: 100%;
  height: 2px; /* Thickness of the line */
  background-color: #f4a261; /* Orange color matching the image */
}

/* /h5 heading underlines */


.stats-row {
  display: flex;
  gap: 40px; /* or adjust as needed */
}

@media (max-width: 768px) {
	#hp_stats_widget_3rd, #hp_stats_widget_4th{
		margin-top:20px !important;
	}
}