.mh-300 {
	min-height: 300px !important;
}

.mh-500 {
	min-height: 500px !important;
}

.alt-font1 {
	font-family: 'Rubik', sans-serif;
}

.alt-font2 {
	font-family: 'Barlow', sans-serif;
}

.alt-font3 {
	font-family: 'Cousine', sans-serif;
}

.alt-font4 {
	font-family: 'Quicksand', sans-serif;
}

.content-lead {
  font-family: 'Cal Sans', sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #5D2F9C;
  display: inline-block;
  position: relative;
  padding-left: 1.5em; /* make space for the width of the absolutely positioned icon */
  letter-spacing: 0.03em; /* Add letter spacing to the text */
}

/* Icon styles - these remain unchanged to not affect icon positioning */
.content-lead::before {
  color: var(--fa-primary-color, #B30000);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1.0);
}

.content-lead::after {
  color: var(--fa-secondary-color, #5D2F9C);
  opacity: var(--fa-secondary-opacity, 1.0);
}

.content-lead::before {
  content: "\f4c3";
}

.content-lead::after {
  content: "\f4c3\f4c3";
}

.content-lead::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.content-lead::before, .content-lead::after {
  font: var(--fa-font-duotone);
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25em;
  text-align: center;
  letter-spacing: normal; /* Reset letter spacing for icons */
}

.faq-lead {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #030303;
  text-transform: capitalize;
}

.faq-lead:before {
  font-family: 'Font Awesome 7 Pro';
  content: "\f059" !important;
  font-weight: 900 !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  padding-end: 5px;
  color: #030303;
}

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map {
  -webkit-filter: grayscale(100%) saturate(1) brightness(90%) contrast(100%);
  -moz-filter: grayscale(100%) saturate(1) brightness(90%) contrast(100%);
  -ms-filter: grayscale(100%) saturate(1) brightness(90%) contrast(100%);
  -o-filter: grayscale(100%) saturate(1) brightness(90%) contrast(100%);
  filter: grayscale(100%) saturate(1) brightness(90%) contrast(100%);
}

.social-icons li:hover.social-icons-tiktok a {
  background: #030303 !important;
}

.icon-theme {
  --fa-secondary-opacity: 1.0;
  --fa-primary-color: rgb(63, 6, 84);
  --fa-secondary-color: rgb(93, 47, 156);
}

.icon-theme-reverse {
  --fa-secondary-opacity: 1.0;
  --fa-primary-color: rgb(93, 47, 156);
  --fa-secondary-color: rgb(63, 6, 84);
}

.footer-text,
.footer-text a {
	font-family: 'Poppins', sans-serif;
  	color: #CBCBCB !important;
  	text-decoration: none; 
}

.footer-text a:hover {
		color: #E1E1E1;
  	text-decoration: none; 
}

.page-title-bg {
  width: 100%;
  height: 12vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 300% 300%;
  background-image: linear-gradient(
        -45deg, 
        rgba(59,173,227,1) 0%, 
        rgba(87,111,230,1) 25%, 
        rgba(152,68,183,1) 51%, 
        rgba(255,53,127,1) 100%
  );  
  animation: AnimateBG 20s ease infinite;
}

@keyframes AnimateBG { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}