.hero-swiper {
    position: relative;
    width: 100%;
    height: 600px;
}

.hero-swiper .swiper-slide {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.hero-swiper .swiper-slide .img {
    width: 50%;
    height: 100%;
}

.hero-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-swiper .slide-content {
    width: 50%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 40px;
}

.hero-swiper .slide-content p {
    margin-bottom: 20px !important;
}

.hero-swiper .slide-content a {
    color: #fff !important;
    border-radius: 10px !important;
}

.hero-swiper .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    border-radius: 20% !important;
}

.swiper-pagination-bullet {
    transition: background-color 0.3s;
}

.swiper-button-next, .swiper-button-prev {
    transition: color 0.3s;
}

.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
    font-size: 50px;
}

.hero-swiper .swiper-button-next::after,
.hero-swiper .swiper-button-prev::after {
    display: none !important;
}


@media(max-width: 450px) {
	.hero-swiper {
		height: 550px;
	}
	.hero-swiper .swiper-slide {
    	flex-wrap: wrap;
	}
	.hero-swiper .swiper-slide .img {
		width: 100%;
		height: 270px;
	}
	.hero-swiper .swiper-button-prev,
	.hero-swiper .swiper-button-next {
		display: none
	}
	.hero-swiper .slide-content {
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		padding: 20px;
		height: 270px;
	}
	.hero-swiper .swiper-pagination {
		bottom: 15px !important
	}
	.hero-swiper .swiper-pagination-bullet {
		width: 12px !important;
		height: 12px !important;
	}
}