/* ==========================================================
   Skyrazone — Awards Section Layout (Fully Mobile Responsive)
   ========================================================== */

.szr-aw {
	position: relative !important;
	padding: 60px 20px 60px !important;
	background: #f8f9fa !important;
	font-family: inherit !important;
}
.szr-aw *, .szr-aw *::before, .szr-aw *::after { box-sizing: border-box; }

/* ====== HEADER ====== */
.szr-aw__head {
	text-align: center !important;
	max-width: 820px;
	margin: 0 auto 50px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

.szr-aw__emblem {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 120px;
	height: auto !important;
	margin: 0 auto 15px !important;
}

.szr-aw__emblem svg, .szr-aw__trophy-img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
}

.szr-aw__sub {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #c59b27;
	margin-bottom: 12px !important;
}
.szr-aw__sub-line { display: block; width: 30px; height: 1.5px; background: #c59b27; }

.szr-aw__title {
	font-size: clamp(24px, 4vw, 44px) !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	color: #0d1b2a !important;
	margin: 0 0 16px !important;
}

.szr-aw__desc {
	font-size: 15px !important;
	line-height: 1.7 !important;
	color: #525866 !important;
	margin: 0 !important;
}

/* ====== CARDS CONTAINER ====== */
.szr-aw__cards-wrap { max-width: 1140px; margin: 0 auto 40px; }
.szr-aw__track {
	display: flex !important;
	justify-content: center !important;
	align-items: stretch !important;
	gap: 24px !important;
}

/* ====== CARD BASE ====== */
.szr-aw__card {
	flex: 1 !important;
	max-width: 360px !important;
	min-width: 280px !important;
	background: #ffffff !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
	display: flex !important;
	flex-direction: column !important;
	border: 1px solid #eef0f4 !important;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.szr-aw__card:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

/* Card Image Container */
.szr-aw__card-slider {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	background: transparent !important;
	overflow: hidden !important;
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
}

.szr-aw__slides {
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
}

.szr-aw__slide {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.5s cubic-bezier(0.25, 1, 0.5, 1);
	z-index: 1;
}

.szr-aw__slide.active {
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 2 !important;
}

.szr-aw__popup-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
	cursor: pointer !important;
	overflow: hidden !important;
}

/* Image Cover Fit */
.szr-aw__slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block !important;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.szr-aw__card:hover .szr-aw__slide img {
	transform: scale(1.08) !important;
}

.szr-aw__card-img--placeholder {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #c0c4d0 !important;
}
.szr-aw__card-img--placeholder svg { width: 50px; height: 50px; }

.szr-aw__zoom-icon {
	position: absolute !important;
	right: 14px !important;
	bottom: 14px !important;
	background: rgba(13, 27, 42, 0.85) !important;
	color: #fff !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 15px !important;
	opacity: 0 !important;
	transform: scale(0.8) !important;
	transition: opacity 0.3s ease, transform 0.3s ease !important;
	z-index: 3 !important;
}

.szr-aw__popup-link:hover .szr-aw__zoom-icon {
	opacity: 1 !important;
	transform: scale(1) !important;
}

.szr-aw__slider-btn {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: rgba(13, 27, 42, 0.75) !important;
	color: #ffffff !important;
	border: none !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	z-index: 20 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	transition: background 0.3s, transform 0.2s !important;
	pointer-events: auto !important;
}

.szr-aw__slider-btn:hover {
	background: #c59b27 !important;
	transform: translateY(-50%) scale(1.1) !important;
}
.szr-aw__prev { left: 10px !important; }
.szr-aw__next { right: 10px !important; }

/* ====== CARD BODY ====== */
.szr-aw__card-body {
	position: relative !important;
	padding: 40px 24px 30px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	flex-grow: 1 !important;
}

.szr-aw__card-badge {
	position: absolute !important;
	top: -24px !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 50% !important;
	background: #0d1b2a !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 3px solid #ffffff !important;
	z-index: 5 !important;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}

.szr-aw__card-name { font-size: 18px !important; font-weight: 700 !important; color: #0d1b2a !important; margin-bottom: 4px !important; }
.szr-aw__card-by { font-size: 14px !important; font-weight: 600 !important; color: #c59b27 !important; margin-bottom: 16px !important; }
.szr-aw__card-desc { font-size: 14px !important; line-height: 1.6 !important; color: #64748b !important; margin: 0 !important; }

/* ====== VALUES BAR ====== */
.szr-aw__values-container { max-width: 1140px; margin: 0 auto; }
.szr-aw__values {
	display: flex !important;
	background: #ffffff !important;
	border-radius: 16px !important;
	padding: 8px 0 !important;
	border: 1px solid #eef0f4 !important;
}
.szr-aw__val {
	flex: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	padding: 16px 20px !important;
	border-right: 1px solid #eef0f4 !important;
}
.szr-aw__val:last-child { border-right: none !important; }
.szr-aw__val-icon { width: 46px !important; height: 46px !important; border-radius: 50% !important; background: #f8fafc !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #0d1b2a !important; }
.szr-aw__val-text { font-size: 13px !important; font-weight: 700 !important; color: #0d1b2a !important; text-transform: uppercase !important; }

/* ====== ELEMENTOR LIGHTBOX ARROWS COMPLETE VISIBILITY FIX ====== */
body .elementor-lightbox .elementor-swiper-button,
body .elementor-lightbox .elementor-swiper-button-prev,
body .elementor-lightbox .elementor-swiper-button-next,
body .dialog-lightbox-widget-content .elementor-swiper-button,
body .dialog-type-lightbox .elementor-swiper-button {
	display: flex !important;
	position: fixed !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 52px !important;
	height: 52px !important;
	background: #0d1b2a !important;
	border: 2px solid #c59b27 !important;
	border-radius: 50% !important;
	align-items: center !important;
	justify-content: center !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 9999999 !important;
	cursor: pointer !important;
}

body .elementor-lightbox .elementor-swiper-button-prev,
body .dialog-lightbox-widget-content .elementor-swiper-button-prev {
	left: 25px !important;
}

body .elementor-lightbox .elementor-swiper-button-next,
body .dialog-lightbox-widget-content .elementor-swiper-button-next {
	right: 25px !important;
}

/* Force Arrow Symbols inside */
body .elementor-lightbox .elementor-swiper-button-prev::after,
body .dialog-lightbox-widget-content .elementor-swiper-button-prev::after {
	content: "❮" !important;
	font-size: 24px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-family: Arial, sans-serif !important;
}

body .elementor-lightbox .elementor-swiper-button-next::after,
body .dialog-lightbox-widget-content .elementor-swiper-button-next::after {
	content: "❯" !important;
	font-size: 24px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	font-family: Arial, sans-serif !important;
}

/* Hide default icons inside buttons */
body .elementor-lightbox .elementor-swiper-button i,
body .elementor-lightbox .elementor-swiper-button svg {
	display: none !important;
}

/* ==========================================================
   MOBILE & TABLET RESPONSIVE MEDIA QUERIES
   ========================================================== */

/* Tablet View (max-width: 991px) */
@media (max-width: 991px) {
	.szr-aw { padding: 45px 15px !important; }
	.szr-aw__track {
		flex-direction: column !important;
		align-items: center !important;
		gap: 30px !important;
	}
	.szr-aw__card {
		width: 100% !important;
		max-width: 450px !important;
		min-width: unset !important;
	}
	.szr-aw__values {
		flex-wrap: wrap !important;
		padding: 10px !important;
	}
	.szr-aw__val {
		flex: 1 1 45% !important;
		border-right: none !important;
		border-bottom: 1px solid #eef0f4 !important;
	}
	.szr-aw__val:nth-child(3),
	.szr-aw__val:nth-child(4) {
		border-bottom: none !important;
	}
}

/* Mobile View (max-width: 767px) */
@media (max-width: 767px) {
	.szr-aw { padding: 35px 12px !important; }
	.szr-aw__head { margin-bottom: 35px !important; }
	.szr-aw__emblem { width: 90px !important; }
	.szr-aw__title { font-size: 26px !important; }
	.szr-aw__desc { font-size: 14px !important; }

	.szr-aw__card { max-width: 100% !important; }
	.szr-aw__card-slider { aspect-ratio: 16 / 10 !important; }
	.szr-aw__card-body { padding: 35px 16px 20px !important; }

	/* Values bar 2 per row on small phones */
	.szr-aw__val {
		padding: 12px 10px !important;
		gap: 8px !important;
	}
	.szr-aw__val-icon {
		width: 38px !important;
		height: 38px !important;
		font-size: 14px !important;
	}
	.szr-aw__val-text { font-size: 11px !important; }

	/* Mobile Lightbox Arrows Adjustments */
	body .elementor-lightbox .elementor-swiper-button,
	body .dialog-lightbox-widget-content .elementor-swiper-button {
		width: 42px !important;
		height: 42px !important;
	}
	body .elementor-lightbox .elementor-swiper-button-prev,
	body .dialog-lightbox-widget-content .elementor-swiper-button-prev {
		left: 10px !important;
	}
	body .elementor-lightbox .elementor-swiper-button-next,
	body .dialog-lightbox-widget-content .elementor-swiper-button-next {
		right: 10px !important;
	}
	body .elementor-lightbox .elementor-swiper-button-prev::after,
	body .elementor-lightbox .elementor-swiper-button-next::after {
		font-size: 18px !important;
	}
}