@keyframes carouselSlideProgress{
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

.editor-styles-wrapper .aboutusintro{
	margin: 110px 0 !important;

	@media( max-width: 767px ){
		margin: 64px 0 !important;
	}

	.row{
		gap: 48px 0;
	}
	.carousel-item{
		padding-top: 6px;

		&&::before,
		&&::after{
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 642px;
			max-width: 100%;
			height: 6px;
			background: rgba(247, 173, 73, 0.50);
		}
		&::after{
			width: 0%;
			transition: width 0s linear;
		}
		&.active::after{
			width: 0%;
			animation-name: carouselSlideProgress;
			/* -600ms transition */
			animation-duration: 3.4s;
			animation-timing-function: linear;
			animation-fill-mode: forwards;
		}
	}

	#countriesContent{
		margin-top: 24px;

		.accordion-item{
			box-shadow: 0px 4px 0px #f2f2f2,0px 4.5px 0.5px rgba(0,0,0,0.25),0px 2px 6px rgba(0,0,0,0.2);
		}
		.accordion-body{
			padding: 0 24px 24px;
			color: var(--wp--preset--color--font-colors-font-dark-2);
		}
		.accordion-button:not(.collapsed),
		.accordion-button.collapsed{
			background-color: var(--wp--preset--color--background-colors-bg-light-1);
			box-shadow: none;
			color: var(--wp--preset--color--font-colors-font-dark-1);
		}
		.accordion-button:not(.collapsed){
			background-color: #fff;
		}
		.accordion-button::after,
		.accordion-button:not(.collapsed)::after{
			filter: brightness(0) invert(16%) sepia(23%) saturate(539%) hue-rotate(155deg) brightness(95%) contrast(87%);
		}
	}
}