/**
 * HERO IMAGE ZOOM
 */

@keyframes aogm-kenburns {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

.aogm-hero-slide,
.aogm-hero-slider .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
}


.aogm-hero-bg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    background-size: cover;
    background-repeat: no-repeat;


    z-index: 1;
}
.aogm-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.aogm-hero-content {
    position: relative;
    z-index: 5;
}




/* ==========================================================
   HERO FRAME BORDER
========================================================== */

.aogm-hero-frame-border {

    position: absolute;

    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;

    border-style: solid;
    border-width: 2px;
    border-color: rgba(255,255,255,0.30);

    pointer-events: none;

    z-index: 2;
}



/* ==========================================================
   HERO SLIDER PAGINATION
========================================================== */

.aogm-hero-slider .swiper-pagination {
    z-index: 100 !important;
}

.aogm-hero-slider .swiper-pagination-bullet {

    display: inline-block !important;
    opacity: 1 !important;
    border-radius: 50% !important;

    transition: all 0.3s ease !important;
}

.aogm-hero-slider .swiper-pagination-bullet-active {

    opacity: 1 !important;
    transform: scale(1.3);
}

.aogm-hero-slider .swiper-pagination-bullet:hover {

    transform: scale(1.2);
}

/* ==========================================================
   ELEMENTOR EDITOR FIX
========================================================== */

.elementor-editor-active .aogm-hero-slider .swiper-pagination {

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 999 !important;
}

/* ==========================================================
   HERO SLIDER NAVIGATION
========================================================== */

.aogm-hero-slider .swiper-button-prev,
.aogm-hero-slider .swiper-button-next {

    /* Circle Size */
    width: 70px;
    height: 70px;

    /* Circle Shape */
    border-radius: 60%;

    /* Normal Background */
    background-color: rgba(255,255,255,0.08);

    /* Border */
    border: none;;

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

    z-index: 5;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

/* ==========================================================
   ARROW ICON
========================================================== */

.aogm-hero-slider .swiper-button-prev::after,
.aogm-hero-slider .swiper-button-next::after {

    /* Normal Arrow Color */
    color: #0066ff;

    /* Icon Size */
    font-size: 24px;

    /* Icon Thickness */
    font-weight: 900;

    transition: color 0.3s ease;
}

/* ==========================================================
   HOVER STATE
========================================================== */

.aogm-hero-slider .swiper-button-prev:hover,
.aogm-hero-slider .swiper-button-next:hover {

    /* Hover Circle Background */
    background-color: #0066ff;

    /* Hover Border Color */
    border-color: #0066ff;

    /* Premium Glow Effect */
    box-shadow: 0 0 20px rgba(0,102,255,0.40);
}

/* Hover Arrow Color */

.aogm-hero-slider .swiper-button-prev:hover::after,
.aogm-hero-slider .swiper-button-next:hover::after {

    color: #ffffff;
}

/* ==========================================================
   HERO CONTENT ANIMATIONS
========================================================== */

/* Elements remain visible by default */

.aogm-small-title-wrapper,
.aogm-small-divider,
.aogm-main-title,
.aogm-description,
.aogm-hero-buttons {

    opacity: 1;
}

/* ==========================================================
   Hide Only Frontend Inactive Slides
========================================================== */

/* Hide content only on inactive slides */

.aogm-slide-animate .swiper-slide:not(.swiper-slide-active) .aogm-small-title-wrapper,
.aogm-slide-animate .swiper-slide:not(.swiper-slide-active) .aogm-small-divider,
.aogm-slide-animate .swiper-slide:not(.swiper-slide-active) .aogm-main-title,
.aogm-slide-animate .swiper-slide:not(.swiper-slide-active) .aogm-description,
.aogm-slide-animate .swiper-slide:not(.swiper-slide-active) .aogm-hero-buttons {

    opacity: 0;
}
/* Active slide content always visible */

/* Active slide content always visible */

.aogm-slide-animate .swiper-slide-active .aogm-small-title-wrapper,
.aogm-slide-animate .swiper-slide-active .aogm-small-divider,
.aogm-slide-animate .swiper-slide-active .aogm-main-title,
.aogm-slide-animate .swiper-slide-active .aogm-description,
.aogm-slide-animate .swiper-slide-active .aogm-hero-buttons {
    opacity: 1;
}

/* Small Title */

.swiper-slide-active .aogm-small-title-wrapper {

    animation: aogmFadeLeft 0.8s ease forwards;
}

/* Divider */

.swiper-slide-active .aogm-small-divider {

    animation: aogmFadeLeft 0.8s ease forwards;
    animation-delay: 0.2s;
}

/* Main Title */

.swiper-slide-active .aogm-main-title {

    animation: aogmFadeUp 1s ease forwards;
    animation-delay: 0.3s;
}

/* Description */

.swiper-slide-active .aogm-description {

    animation: aogmFadeUp 1s ease forwards;
    animation-delay: 0.5s;
}

/* Buttons */

.swiper-slide-active .aogm-hero-buttons {

    animation: aogmFadeUp 1s ease forwards;
    animation-delay: 0.7s;
}

/* ==========================================================
   SHOW NAVIGATION ONLY ON HOVER
========================================================== */

.aogm-nav-hover .swiper-button-prev,
.aogm-nav-hover .swiper-button-next {

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.aogm-nav-hover:hover .swiper-button-prev,
.aogm-nav-hover:hover .swiper-button-next {

    opacity: 1;
    visibility: visible;
}

/*button global colour for elementor*/

.aogm-btn-primary {
	background-color:
		var(--aogm-primary-colour);
}

.aogm-btn-primary:hover {
	background-color:
		var(--aogm-link-hover-colour);
}

.aogm-hero-title {
	color:
		var(--aogm-heading-colour);
}


/*border radius */
.aogm-hero-frame-border {

	position: absolute;

	top: 40px;
	right: 40px;
	bottom: 40px;
	left: 40px;

	border-style: solid;
	border-width: 2px;
	border-color: rgba(255,255,255,0.30);

	border-radius: 0;

	pointer-events: none;

	z-index: 2;
}

.aogm-hero-slide,
.aogm-hero-bg,
.aogm-hero-overlay,
.aogm-hero-frame-border {
    transition: border-radius 0.3s ease;
}
.aogm-hero-slide {
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
}


/* THIS IS WHERE HERO SLIDER TTLE SIZE IS OVERRIDE FOR TABLET AND MOBILE */

/* ==========================================================
   HERO RESPONSIVE TYPOGRAPHY OVERRIDES
========================================================== */

/* Tablet */

@media (max-width:1024px){

	/* Hero Title */
	.aogm-hero-slider .aogm-main-title{
		font-size:var(--e-global-typography-aogm_h3-font-size) !important;
		line-height:var(--e-global-typography-aogm_h3-line-height) !important;
		letter-spacing:var(--e-global-typography-aogm_h3-letter-spacing) !important;
	}

	/* Hero Subtitle */
	.aogm-hero-slider .aogm-small-title{
		font-size:var(--e-global-typography-aogm_h5-font-size) !important;
		line-height:var(--e-global-typography-aogm_h5-line-height) !important;
		letter-spacing:var(--e-global-typography-aogm_h5-letter-spacing) !important;
	}

	/* Hero Description */
	.aogm-hero-slider .aogm-description{
		font-size:var(--e-global-typography-aogm_body-font-size) !important;
		line-height:var(--e-global-typography-aogm_body-line-height) !important;
		letter-spacing:var(--e-global-typography-aogm_body-letter-spacing) !important;
	}

}

/* Mobile */

@media (max-width:767px){

	/* Hero Title */
	.aogm-hero-slider .aogm-main-title{
		font-size:var(--e-global-typography-aogm_h5-font-size) !important;
		line-height:var(--e-global-typography-aogm_h5-line-height) !important;
		letter-spacing:var(--e-global-typography-aogm_h5-letter-spacing) !important;
	}

	/* Hero Subtitle */
	.aogm-hero-slider .aogm-small-title{
		font-size:var(--e-global-typography-aogm_h6-font-size) !important;
		line-height:var(--e-global-typography-aogm_h6-line-height) !important;
		letter-spacing:var(--e-global-typography-aogm_h6-letter-spacing) !important;
	}

	/* Hero Description */
	.aogm-hero-slider .aogm-description{
		font-size:var(--e-global-typography-aogm_body_mobile-font-size) !important;
		line-height:var(--e-global-typography-aogm_body_mobile-line-height) !important;
		letter-spacing:var(--e-global-typography-aogm_body_mobile-letter-spacing) !important;
	}

}