/* -------------------------- */
/* --- INDUSTRIES CAROUSEL -- */
/* -------------------------- */
#industry-carousel-section > .row > .row-inner {
	min-height: 860px;
}
#industry-carousel {
	position: relative;
}
#industry-carousel .industry-carousel-item {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: .5s;
}
#industry-carousel .active-carousel-item {
	opacity: 1;
	pointer-events: auto;
}

#industry-carousel-section .wpb_accordion_section.active-group .panel-title a {
	pointer-events: none;
	background: linear-gradient(to right, rgb(var(--light-blue)), rgb(var(--accent)));
	color: transparent !important;
	transition: .5s;
	background-clip: text;
}
#industry-carousel-section .wpb_accordion_section .panel-title a span {
	font-size: 28px;
}
#industry-carousel-section .wpb_accordion_section.active-group .panel-title a span {
	font-weight: 600 !important;
} 
#industry-carousel-section .wpb_accordion_section.active-group .panel-title a span:after {
	color: rgb(var(--accent)) !important;
}

#industry-carousel-section .panel-body {
	padding-top: 18px;
}

#industry-carousel .industry-carousel-control-container {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 24px;
	top: 632px;
}
.industry-carousel-control-container button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	width: 48px;
	height: 48px;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
}
.chevron-left:after, .chevron-right:after {
	content: '\f105';
	font-family: 'uncodeicon';
	color: white;
	font-size: 32px;
}
.chevron-left:after {
	content: '\f104';
}


@property --progress {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

#circular-progress {
  --size: 48px;
  --half-size: calc(var(--size) / 2);
  --stroke-width: 3px;
  --radius: calc((var(--size) - var(--stroke-width)) / 2);
  --circumference: calc(var(--radius) * pi * 2);
  --dash: calc((var(--progress) * var(--circumference)) / 100);
}

#circular-progress circle {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round;
}

#circular-progress circle.bg {
   stroke: rgba(var(--muted-text), .3);
}

#circular-progress circle.fg {
  transform: rotate(-90deg);
  transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  transition: stroke-dasharray 0.3s linear 0s;
  stroke: rgb(var(--light-blue));
}

@keyframes progress-animation {
  from {
    --progress: 0;
  }
  to {
    --progress: 100;
  }
}

#industry-carousel-pause-play g {
	transform: scale(.8);
	transform-origin: center;
	opacity: 0;
	transition: .3s;
}
#industry-carousel-pause-play .active {
	transform: scale(1);
	opacity: 1;
}


#industry-carousel-section .panel-collapse {
	--accordion-animation: none;
	position: relative;
}
#industry-carousel-section .panel-collapse:before {
	border-width: 1.5px;
	border-color: rgba(var(--muted-text), .3);
}

#industry-carousel-section .panel-collapse:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 1.5px;
	background: linear-gradient(to right, rgb(var(--light-blue)), rgb(var(--accent)));
	animation: var(--accordion-animation);
}

@keyframes accordion-progress {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	#industry-carousel-section > .row > .row-inner {
		min-height: 700px;
	}
}
@media (max-width: 959px) {
	#industry-carousel-section .panel-collapse:after {
	    animation: none !important;
	}
	#circular-progress circle.fg {
	    animation: none !important;
	}
}
@media (max-width: 568px) {
	#industry-carousel-section > .row > .row-inner {
		min-height: 600px;
	}
}