@media only screen and (min-device-width : 480px), only screen and (min-width : 480px) {

	.wiz-slider .slide-content{
		padding:0!important;
		width:251px;
		top:50%!important;
		left:10%!important;
		transform:translate(0,-50%)!important;
	}  

	.wiz-slider .slide-1 .slide-content{

	}

	.wiz-slider .slide-2 .slide-content{
		width:180px!important;
	}

	.wiz-slider .slide-3 .slide-content{
		width:180px!important;
		left:auto!important;
		right:15%!important;
	}

}


@media only screen and (max-device-width : 479px), only screen and (max-width : 479px) {

	.wiz-slider .slide-content{
		padding:0!important;
		width:240px;
		top:60%!important;
		left:50%!important;
		transform:translate(-50%,0)!important;
	} 

	.wiz-slider .slide-1 .slide-content{

	}

	.wiz-slider .slide-2 .slide-content{
		width:180px!important;
	}

	.wiz-slider .slide-3 .slide-content{
		width:180px!important;
	}  
	
}

.wiz-slider * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.wiz-slider {
	--primary-color: #ff6b35;
	--secondary-color: #004e89;
	--text-light: #ffffff;
	--text-dark: #1a1a1a;
	--overlay-dark: rgba(0, 0, 0, 0.5);
	--overlay-gradient: linear-gradient(135deg, rgba(0, 78, 137, 0.7) 0%, rgba(255, 107, 53, 0.6) 100%);
	--shadow-strong: 0 20px 60px rgba(0, 0, 0, 0.4);
	--shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.3);
	--transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
	
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.wiz-slider .slides-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.wiz-slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1.2s var(--transition-smooth), visibility 1.2s var(--transition-smooth);
	z-index: 1;
}

.wiz-slider .slide.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

/* Transition Effects */
.wiz-slider.transition-fade .slide {
	opacity: 0;
	visibility: hidden;
}

.wiz-slider.transition-fade .slide.active {
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-slide-left .slide {
	transform: translateX(100%);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-slide-left .slide.active {
	transform: translateX(0);
}

.wiz-slider.transition-slide-left .slide.previous {
	transform: translateX(-100%);
}

.wiz-slider.transition-slide-right .slide {
	transform: translateX(-100%);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-slide-right .slide.active {
	transform: translateX(0);
}

.wiz-slider.transition-slide-right .slide.previous {
	transform: translateX(100%);
}

.wiz-slider.transition-slide-up .slide {
	transform: translateY(100%);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-slide-up .slide.active {
	transform: translateY(0);
}

.wiz-slider.transition-slide-up .slide.previous {
	transform: translateY(-100%);
}

.wiz-slider.transition-slide-down .slide {
	transform: translateY(-100%);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-slide-down .slide.active {
	transform: translateY(0);
}

.wiz-slider.transition-slide-down .slide.previous {
	transform: translateY(100%);
}

.wiz-slider.transition-wipe-left .slide {
	clip-path: inset(0 100% 0 0);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-wipe-left .slide.active {
	clip-path: inset(0 0 0 0);
}

.wiz-slider.transition-wipe-right .slide {
	clip-path: inset(0 0 0 100%);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-wipe-right .slide.active {
	clip-path: inset(0 0 0 0);
}

.wiz-slider.transition-wipe-up .slide {
	clip-path: inset(100% 0 0 0);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-wipe-up .slide.active {
	clip-path: inset(0 0 0 0);
}

.wiz-slider.transition-wipe-down .slide {
	clip-path: inset(0 0 100% 0);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-wipe-down .slide.active {
	clip-path: inset(0 0 0 0);
}

.wiz-slider.transition-circle .slide {
	clip-path: circle(0% at 50% 50%);
	opacity: 1;
	visibility: visible;
}

.wiz-slider.transition-circle .slide.active {
	clip-path: circle(150% at 50% 50%);
}

.wiz-slider.transition-zoom .slide {
	transform: scale(0.8);
	opacity: 0;
}

.wiz-slider.transition-zoom .slide.active {
	transform: scale(1);
	opacity: 1;
}

.wiz-slider .slide-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.wiz-slider .slide-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--overlay-gradient);
	z-index: 1;
	opacity: 0.8;
	display:none;
}

.wiz-slider .slide-image picture {
	display: block;
	width: 100%;
	height: 100%;
}

.wiz-slider .slide-image picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1);
	transition: transform 8s var(--transition-smooth);
}

.wiz-slider .slide.active .slide-image picture img { 
	transform: scale(1.1);
}

.wiz-slider .slide-content {
	/*position: relative;*/
	position:absolute;  
	z-index: 2;
	/*display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 60px;
	color: var(--text-light);*/
}

.wiz-slider .slide-heading {
    font-family: var(--font2);
    /* font-size: clamp(2.5rem, 8vw, 6rem); */
    /* font-weight: 900; */
    /* line-height: 1.1; */
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    /* opacity: 0; */
    transform: translateY(40px);
    transition: opacity 0.8s var(--transition-smooth) 0.3s, transform 0.8s var(--transition-smooth) 0.3s;
    /* text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); */
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
    color: #575754;
}

.wiz-slider .slide.active .slide-heading {
	opacity: 1;
	transform: translateY(0);
}

.wiz-slider .slide-description {
	font-size: clamp(1rem, 2vw, 1.25rem);
	font-weight: 300;
	line-height: 1.6;
	max-width: 600px;
	margin-bottom: 40px;
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s var(--transition-smooth) 0.5s, transform 0.8s var(--transition-smooth) 0.5s;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.wiz-slider .slide.active .slide-description {
	opacity: 1;
	transform: translateY(0);
}

.wiz-slider .cta-button {
    position: relative;
    /* padding: 18px 48px; */
    /* font-family: var(--font1); */
    font-size: 1rem;
    /* font-weight: 600; */
    text-transform: uppercase;
    letter-spacing: 0.1em;
    /* color: var(--text-light); */
    background:transparent;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    overflow: hidden;
    /*transition: all 0.3s var(--transition-smooth);*/
    /*box-shadow: var(--shadow-medium);*/ 
    opacity: 0;
    transform: translateY(40px);
    font-weight: bold;
    color: var(--colblk)!important;
    text-decoration: none!important;
    font-size: 12px;
    line-height: 24px;
    font-family: var(--font1);
    text-shadow: none;
    border: 1px solid var(--colblk)!important; 
    padding: 5px 8px; 
}

.wiz-slider .cta-button a:hover,
.wiz-slider .cta-button a:focus{
	color: var(--colblk)!important;
}
 
.wiz-slider .slide.active .cta-button {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.8s var(--transition-smooth) 0.7s, transform 0.8s var(--transition-smooth) 0.7s, box-shadow 0.3s var(--transition-smooth), transform 0.3s var(--transition-smooth);
}

/*.wiz-slider .cta-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.6s var(--transition-smooth), height 0.6s var(--transition-smooth);
}

.wiz-slider .cta-button:hover::before {
	width: 300px;
	height: 300px;
}

.wiz-slider .cta-button:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-strong);
}

.wiz-slider .cta-button:active {
	transform: translateY(-2px);
}*/

.wiz-slider .nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center; 
    justify-content: center;
	background:transparent;
	border:none;
	border-color:transparent;
    /* background: rgba(255, 255, 255, 0.1); */
    /* backdrop-filter: blur(10px); */
    /* border: 1px solid rgba(255, 255, 255, 0.2); */
    border-radius: 50%;
    color: var(--text-light);
    cursor: pointer;
    transition: all 0.3s var(--transition-smooth);
    opacity: 0;
    animation: fadeIn 0.6s var(--transition-smooth) 1s forwards;
}

@keyframes fadeIn {
	to { opacity: 1; }
}

.wiz-slider .nav-arrow:hover {
	/*background: rgba(255, 255, 255, 0.2);
	transform: translateY(-50%) scale(1.1);*/
}

.wiz-slider .nav-arrow-left {
	left: 10px;
}

.wiz-slider .nav-arrow-left svg{
	stroke:#575754;
	width:32px;
	height:32px;
}

.wiz-slider .nav-arrow-right {
	right: 10px;
}

.wiz-slider .nav-arrow-right svg{
	stroke:#575754;
	width:32px;
	height:32px;
}

.wiz-slider .dot-nav {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	gap: 12px;
	/*padding: 16px 24px;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(10px);
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.1);*/
}

.wiz-slider .dot {
	width: 12px;
	height: 12px;
	background:#fff; 
	border: none;
	border-radius: 50%;
	cursor: pointer;
	/*transition: all 0.3s var(--transition-smooth);*/
	padding: 0;
	border:1px solid #575754;
}

.wiz-slider .dot:hover {
	background: #575754;
	/*transform: scale(1.2);*/
}

.wiz-slider .dot.active {
    background: #575754;
    /* width: 32px; */
    /* border-radius: 6px; */
}

.wiz-slider .thumbnail-nav {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	display: flex;
	gap: 12px;
	padding: 0;
	max-width: 90%;
	overflow-x: auto;
	scrollbar-width: none;
	display:none;
}

.wiz-slider .thumbnail-nav::-webkit-scrollbar {
	display: none;
}

.wiz-slider .thumbnail {
	position: relative;
	flex-shrink: 0;
	width: 140px;
	height: 90px;
	border: 3px solid transparent;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	background: transparent;
	padding: 0;
	transition: all 0.3s var(--transition-smooth);
}

.wiz-slider .thumbnail::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
	transition: background 0.3s var(--transition-smooth);
}

.wiz-slider .thumbnail:hover::before {
	background: rgba(0, 0, 0, 0.3);
}

.wiz-slider .thumbnail.active {
	border-color: var(--primary-color);
	transform: translateY(-8px);
	box-shadow: var(--shadow-medium);
}

.wiz-slider .thumbnail.active::before {
	background: rgba(0, 0, 0, 0.2);
}

.wiz-slider .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.wiz-slider .thumbnail-label {
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--text-light);
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
	white-space: nowrap;
}

@media (max-width: 1024px) {
	/*.wiz-slider .slide-content { padding: 0 40px; }
	.wiz-slider .nav-arrow { width: 50px; height: 50px; }
	.wiz-slider .nav-arrow-left { left: 20px; }
	.wiz-slider .nav-arrow-right { right: 20px; }*/
	.wiz-slider .thumbnail { width: 120px; height: 75px; }
}

@media (max-width: 768px) {
	/*.wiz-slider .slide-content { padding: 0 24px; }
	.wiz-slider .slide-heading { margin-bottom: 16px; }
	.wiz-slider .slide-description { margin-bottom: 32px; } 
	.wiz-slider .cta-button { padding: 14px 36px; font-size: 0.9rem; }
	.wiz-slider .nav-arrow { width: 44px; height: 44px; }
	.wiz-slider .nav-arrow-left { left: 16px; }
	.wiz-slider .nav-arrow-right { right: 16px; }*/
	/*.wiz-slider .dot-nav { bottom: 100px; padding: 12px 20px; }*/
	.wiz-slider .thumbnail-nav { bottom: 20px; gap: 8px; }
	.wiz-slider .thumbnail { width: 100px; height: 60px; border-width: 2px; border-radius: 8px; }
	.wiz-slider .thumbnail-label { font-size: 0.65rem; bottom: 6px; }
}

@media (max-width: 480px) {
	/*.wiz-slider .slide-content { padding: 0 20px; }
	.wiz-slider .cta-button { padding: 12px 30px; font-size: 0.85rem; }
	.wiz-slider .nav-arrow { width: 40px; height: 40px; }
	.wiz-slider .dot { width: 10px; height: 10px; }
	/*.wiz-slider .dot.active { width: 26px; }*/ 
	.wiz-slider .thumbnail { width: 80px; height: 50px; }
	.wiz-slider .thumbnail-label { font-size: 0.6rem; }
}

@keyframes slideIn {
	from { opacity: 0; transform: translateX(100px); }
	to { opacity: 1; transform: translateX(0); }
}

.wiz-slider {
	animation: slideIn 0.6s var(--transition-smooth);
}