/*slider*/
.smw-15{
	height: 550px;
	border-radius: 10px;
	overflow:hidden;
	contain: layout style;
}
#header-slides{
  position: relative;
height: 500px;
  list-style: none;
  padding: 0;
  margin: 0;  
	transition: all 1s;
}
.slide{
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 1s ease-in-out;
	border-radius: 10px;
}

.showing{
  opacity: 1;
  z-index: 2;
}
.slide .banner{
	width:100%;
	height:auto;
	object-fit:contain!important;
	aspect-ratio: 1920 / 403;
}
.slide1{
  background: linear-gradient(163deg, rgba(33,33,33,1) 0%, rgba(33,33,33,1) 27%, rgba(0,0,0,1) 42%, rgba(33,33,33,1) 52%, rgba(0,0,0,1) 67%, rgba(33,33,33,1) 80%, rgba(33,33,33,1) 92%, rgba(65,65,65,1) 100%);
overflow: hidden;
}
.slide1 .banner{
	width:800px;
	margin-left:10%;
	height:100%
}
.slide2 .banner{
	height:100%;
	object-fit:cover;
	border-radius:10px;
	padding-bottom:60px;
}
.slide1 .logo{
	position:absolute;
	top:0;
	left:35%;
}
.slide2{
background:#000000;
}
.slide .wrap div:nth-child(1){
	position:absolute;
	width:100%;
	height:100%;
}

.slide .wrap{
padding:0 0% 0% 0%;
	position:relative;
	height:100%;
}

.slide .tw{
	width:fit-content;
	position:absolute;
	color:#fff;
}
.slide1 .tw{
	top:0;
	right:10%;
}
.slide1 h2, .slide2 h2{
	color:#fff;	
	margin-bottom:10px;
}
.slide p{
	text-transform:uppercase;
}
.slide1 h2{
	background-color:#ff0055;
}

.slide2 h2{
	display:inline-block;
	font-size:1.7em;
	margin-top:10px;
}
.slide1 .tw{
	top:200px;
	right:10%;

}
.slide2 .tw{
	bottom:0px;
	left:5%!important;
	padding:20px;
	width:90%!important;
}

.slide .cta-text p{
	font-size:18px;
	margin-bottom:10px;
	z-index:20;
	color:#000;
	padding:0px 0%;
	margin-bottom:30px;
}
.slide2 .cta-button{
display:inline-block;
	margin-left:50px;

}
.slide2 .cta-button{
	float:right;
	margin-top:0;
	margin-bottom:10px;
}
.cta-button {
    transition: all .3s ease-in-out;
    border-radius: 4px;
    text-transform: uppercase;
	border: 2px solid #ff0055;
	background-color: #ff0055;
	margin-top: 20px;
	text-decoration:none!important;
}
.cta-button:hover{
	border: 2px solid #3a3a3a;
	background-color:#3a3a3a;
}
/*slider end*/




@media (max-width: 921px){

/*slider tab*/
.smw-15{
	height: 350px;
}
#header-slides{
	height: 350px;
}

.slide1 .banner{
	width:600px;
	margin-left:10%;
}
.slide2 .banner{
	margin-top:0;
	}
.slide1 .logo{
	left:30%;
}

.slide1 .tw{
	top:130px;
	right:10%;
}

.slide1 h2, .slide2 h2{
	color:#fff;	
	margin-bottom:10px;
}
.slide1 h2{
	font-size:1.4em;
}
.slide2 h2{
	font-size:1.1em;
	max-width:70%;
	margin-top:15px!important;
}
.slide2 .tw{
	bottom:0px;
	left:0%!important;
	padding-bottom:0;
		width:100%!important;
}

.slide2 .cta-button{
	margin-left:0px;
	margin-bottom:20px;
}
/*slider tab end*/

}



@media (max-width: 544px){

	/*slider mob*/
.smw-15{
	height: 300px;
}
#header-slides{
height: 300px;
}

.slide1 .banner{
	width:400px;
	margin-left:10%;
	margin-top:30px;
}
.slide2 .banner{
	margin-top:0px;
}
.slide1 .logo{
	left:25%;
	width:200px;
}
	
.slide1 h2, .slide2 h2{
	color:#fff;	
	margin-bottom:10px;
}
.slide p{
	font-size:0.8em;
}
.slide1 h2{
	font-size:1.2em;

}

.slide2 h2{
	display:block;
	font-size:1.2em;
}
.slide1 .tw{
	top:80px;
	right:5%;
	
}
.slide2 .tw{
	top:180px;
	left:0%!important;
	padding:10px;
	width:90%;
}
	.slide1 .cta-button {
		position:absolute;
		right:4%;
	}
	.slide2 .cta-button {
		position:absolute;
		right:4%;
		bottom:0;
	}
.cta-button {
    padding:10px 20px
}
/*slider end*/

}


@media (max-width: 320px){
		/*slider mob small*/
.smw-15{
	height: 250px;
}
#header-slides{
height: 250px;
}

.slide1 .banner{
	width:100%;
	margin-left:5%;
	margin-top:30px;
}
.slide2 .banner{
	margin-top:0px;
}
.slide1 .logo{
	left:15%;
	width:200px;
}

.slide1 h2, .slide2 h2{
	color:#fff;	
	margin-bottom:10px;
}
.slide p{
	text-transform:uppercase;
}
.slide1 h2{
	background-color:#ff0055;
}

.slide2 h2{
	display:block;
	font-size:1.2em;
}
.slide1 .tw{
	top:80px;
	right:5%;
	
}
.slide2 .tw{
	left:0%!important;
	padding:10px;
	top:120px;
}
	.slide2 .cta-button{
  position: absolute;
  right: 4%;
  bottom: 0;
		margin-bottom:50px;
		font-size:14px;
}
	.cta-button{
		padding:10px 10px;
	}

}