.home-showcase {
	 padding: 0 var(--columnExt) 0;
	 position: relative;
	 margin: 2rem 0 20vw;
}
 .home-showcase .home-showcaseSlider {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide {
	 position: relative;
	 overflow: hidden;
}
 .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image {
	 padding: 0;
	 width: 100%!important;
	 height: 650px;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
	 display: flex;
	 align-items: flex-end;
     
     h1{
        font-size: 60px;
        font-family: var(--primary-font);
        text-transform: capitalize;
        font-weight: 700;
        color: var(--primary-color);
        width: 45%;
        line-height: 1.3;
        &.color-white{
        	color: var(--white-color);
        }
     }
	 
}
 .home-showcase .home-showcaseSlider .swiper-pagination {
	 position: relative;
	 bottom: 0;
	 left: 0;
	 width: fit-content;
	 padding: 3.5% 0;
}
 .home-showcase .home-showcaseSlider .swiper-pagination-bullet {
	 width: 30px;
	 border-radius: 50px;
	 height: 4px;
	 background-color: var(--dark-gray);
	 opacity: 1;
	 transition: width 0.8s ease-in-out, 0.4s ease-in-out;
	 margin: 0 4px !important;
}
 .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active {
	 background-color: var(--primary-color);
	 width: 40px;
}
 .home-showcase .home-showcaseSlider .showcaseSlider-nav {
	 display: flex;
	 flex-direction: row;
	 padding: 0 0 3.5% 5%;
	 padding-right: 0;
}

.home-showcase {
	margin: 15px 0 3.9vw;
}
.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image img{
	display: none;
}

@media (max-width: 1400px) {
	.home-showcase {
		margin: 0px 0 3.9vw;
   	}

   .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image {
		height: 500px;
		
		h1{
		font-size: 50px;
		}
	}
}
 @media (min-width: 1024px) {
	
	 .home-showcase .home-showcaseSlider {
		 display: block;
	}
	 .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image {
		 align-items: center;
	}
	 .home-showcase .home-showcaseSlider .swiper-pagination {
		 position: absolute;
		 bottom: 50px;
		 left: 0;
		 padding: 0 0 2.5% 5%;
	}
	 .home-showcase .home-showcaseSlider .swiper-pagination-bullet {
		 width: 1.5vw;
		 height: 5px;
		 margin: 0 8px !important;
	}
	 .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active {
		 width: 3vw;
	}
	 .home-showcase .home-showcaseSlider .showcaseSlider-nav {
		 position: absolute;
		 bottom: 50%;
		 right: 0;
		 z-index: 1;
		 padding: 0 5% 2.5% 5%;
		 width: 100%;
	}
}
 
@media (max-width: 1440px) {
	.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image h1{
		/* font-size: 50px; */
		font-size: 40px;
	}
	.btn-banner{
		margin-top:12px;
	}
}


@media (max-width: 1200px) {
	.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image{
		height: 575px;
		padding: 16px;
	}
	.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image h1{
		font-size: 50px;
	}
}

@media (max-width: 767px) {
	.btn-banner{
		display: none;
	}
	.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image{
		/* height: 575px; */
		height: 520px;
		padding: 16px;
		background-image: url(../images/banner-mob-bg.png)!important;
		align-items: flex-start;
		/* padding-top: 70px; */
		padding-top: 90px;
		text-align: center;
	}
	.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image h1{
		font-size: 27px;
		color: #fff;
		width: 100%;
	}
	.home-showcase .home-showcaseSlider .showcaseSlider-nav{
		display: none;
	}
	.home-showcase .home-showcaseSlider .swiper-pagination{
		width: 100%;
		bottom: 25px;
	}
	.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image img{
		display: block;
	}
}