.aogm-media-carousel__media {
    position: relative;
    overflow: hidden;
}

.aogm-media-carousel__media > .aogm-container-inner {
    position: relative;
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.aogm-media-carousel__media-item{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}

.aogm-media-carousel__image{
    display:block;
    width:100%;
    height:100% !important;
    box-sizing:border-box;
}

.aogm-media-carousel__title {
	margin: 0;
}

/* =====================================================
Play Icon
===================================================== */

.aogm-media-carousel__play-link{
    display:block;
    text-decoration:none;
}

.aogm-media-carousel__play-icon{
	position:absolute;

	top:50%;
	left:50%;

	transform:translate(-50%, -50%);

	display:flex;
	justify-content:center;
	align-items:center;

	line-height:1;

	overflow:visible;

	z-index:10;
	
	/* Ripple Variables */
	--aogm-ripple-color: currentColor;
	--aogm-ripple-duration: 1.8s;
	--aogm-ripple-scale: 1.8;
	--aogm-ripple-opacity: .6;
	--aogm-ripple-repeat: infinite;
	--aogm-ripple-play-state: paused;
}

.aogm-media-carousel__play-icon i,
.aogm-media-carousel__play-icon svg{
	display:block;
	line-height:1;
}

.aogm-media-carousel__play-icon svg{
	width:1em;
	height:1em;

	/* Optical alignment for Font Awesome play icon */
	transform:translateX(1px);

	position:relative;
	z-index:1;
}

.aogm-media-carousel__play-icon::before{
	content:"";

	position:absolute;

	inset:0;

	border-radius:inherit;

    background:var(--aogm-ripple-color);

	z-index:0;

	animation:aogm-play-ripple
	var(--aogm-ripple-duration)
	var(--aogm-ripple-repeat);
	
	animation-play-state: var(--aogm-ripple-play-state);
}

@keyframes aogm-play-ripple{

0%{
	transform:scale(1);
	opacity:var(--aogm-ripple-opacity);
}

100%{
	transform:scale(var(--aogm-ripple-scale));
	opacity:0;
}

}
    /*temporary for pause hover */
    .aogm-media-carousel__media:hover .aogm-media-carousel__play-icon::before{
	animation-play-state: running;
}

/* =====================================================
Content Layout
===================================================== */

.aogm-media-carousel__content{
	display:flex;
	flex-direction:column;
	flex:1;
	min-height:0;
}

.aogm-media-carousel__content-body{
	display:flex;
	flex-direction:column;
	flex:1;
	min-height:0;
}

.aogm-media-carousel__button-area{
	flex:0 0 auto;
}

/* =====================================================
Card Layout
===================================================== */

.aogm-media-carousel__card{
    display:flex;
    flex-direction:column;
}


/* =====================================================
Navigation Show on Hover
===================================================== */

.aogm-media-carousel[data-navigation-hover="yes"] .swiper-button-prev,
.aogm-media-carousel[data-navigation-hover="yes"] .swiper-button-next{
	opacity:0;
	visibility:hidden;
	pointer-events:none;
}

.aogm-media-carousel[data-navigation-hover="yes"]:hover .swiper-button-prev,
.aogm-media-carousel[data-navigation-hover="yes"]:hover .swiper-button-next{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

/*For Image Zoom Effects*/
/* =====================================================
Media Hover Zoom
===================================================== */

.aogm-media-carousel__image{
	transition:transform var(--aogm-media-transition,.4s) ease;
}

.aogm-media-carousel__media:hover .aogm-media-carousel__image{
	transform:scale(var(--aogm-media-hover-scale,1));
} /*end*/


/*Navigation inside outside position*/

.aogm-media-carousel .swiper-button-prev{
	left: 0;
	transform:
		translateX(calc(var(--aogm-nav-prev-x, 15px) + var(--aogm-nav-horizontal-offset, 0px)))
		translateY(-50%);
}

.aogm-media-carousel .swiper-button-next{
	right: 0;
	transform:
		translateX(calc(var(--aogm-nav-next-x, -15px) - var(--aogm-nav-horizontal-offset, 0px)))
		translateY(-50%);
}


/* =====================================================
Media Overlay
===================================================== */

.aogm-media-carousel__media-overlay{
	position:absolute;
	inset:0;

	z-index:5;

	pointer-events:none;

	opacity:0;

	transition:opacity .3s ease;
}

.aogm-media-carousel__play-link{
	position:absolute;
	inset:0;
	z-index:10;
}

.aogm-media-carousel__play-icon{
	z-index:11;
}

.aogm-media-carousel__image{
    border-radius:inherit;
}
/* =====================================================
For border radius colour to appear over image
===================================================== */

.aogm-container-frame,
.aogm-container-background,
.aogm-container-overlay{
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
}

/* =====================================================
For heading span colour
===================================================== */
.elementor-heading-title span{
    color: var(--aogm-secondary-colour);
}