.slider-wrapper {
	overflow: hidden;
	margin: 0 0 40px;
	padding: 20px;
}

.card-list {
	height: 100%;
}

.card-item {
	background-color: #fff;
	height: 32em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.2em;
	padding: 2.2em;
	border: 1px solid #ebebeb;
	transition: all 0.5s;
	-webkit-box-shadow: 1px 10px 14px -9px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 1px 10px 14px -9px rgba(0, 0, 0, 0.45);
	box-shadow: 1px 10px 14px -9px rgba(0, 0, 0, 0.45);
	background-position: left;
}

.card-item-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 100%;
	transition: all 0.5s;
}

.card-item:hover {
	padding: 2.3em;
	border: none;
	transform: scale(1.1, 1.1);
	box-shadow: none;
}

.card-item-1 {
	background: url(../img/aboutus-bg-img-1.svg);
	background-position: left;
	background-size: cover;
}
.card-item-2 {
	background: url(../img/aboutus-bg-img-2.svg);
	background-size: cover;
}
.card-item-3 {
	background: url(../img/aboutus-bg-img-3.svg);
	background-size: cover;
	background-position: left;
}
.card-item-4 {
	background: url(../img/aboutus-bg-img-4.svg);
	background-size: cover;
}
.card-item-5 {
	background: url(../img/aboutus-bg-img-5.svg);
	background-size: cover;
}

.card-item:hover h3,
.card-item:hover .aboutus-p {
	color: #fff;
}

.card-item:hover .card-item-bg {
	opacity: 0%;
}

.aboutus-icon {
	height: 60px;
	width: 60px;
}

.aboutus-p {
	font-size: 1.2rem;
	line-height: 150%;
	font-weight: 300;
}

.aboutus-icon,
.aboutus-p,
.card-item h3 {
	z-index: 100;
}

.swiper-pagination-bullet {
	position: relative;
	background-color: #2fa4db;
	width: 10px;
	height: 10px;
}

.swiper-slide-button {
	color: #2fa4db;
	color: #0f6993;
	margin-top: -50px;
	transition: all 0.5s;
}

.swiper-slide-button:hover {
	color: #2fa4db;
}

.swiper-button-prev {
	left: 0;
}

.swiper-button-next {
	right: 0;
}

@media (min-width: 400px) {
	.slider-wrapper {
		margin: 0 4em 5.5em;
	}
}

@media (min-width: 820px) {
	.aboutus-p {
		font-size: 1.3rem;
	}
}

@media (min-width: 927px) {
	.card-item {
		height: 34em;
	}
}