* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transition: 100ms;
}
a {
	text-decoration: none;
	color: unset;
}
button {
	outline: none;
	border: none;
	background-color: transparent;
}

.success_stories_container {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	padding: 10px 20px;
}
.success_stories_content {
	width: 1280px;
	height: auto;
}

.success_stories_content .main_head {
	text-align: center;
	font-size: 22px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 30px;
}

.main_swiper_container {
	margin-bottom: 30px;
}

.mySwiper {
	background-color: transparent;
}

.main_swiper_container .mySwiper .slide {
	margin-bottom: 60px;
}

.main_swiper_container .mySwiper .slide .card_wrapper {
	/* this is link tag */
	display: inline-block;
	text-decoration: none;
	width: 100%;
	aspect-ratio: 298/350;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}

.main_swiper_container .mySwiper .slide .card_wrapper .slide_card {
	width: 100%;
	height: 100%;
	position: relative;
}

.main_swiper_container .mySwiper .slide .card_wrapper .slide_card .slide_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main_swiper_container .mySwiper .slide .card_wrapper .slide_card .background {
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 0, 0.205) 0%, #001895 100%);
	position: absolute;
	top: 0px;
	left: 0px;
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card
	.background
	.background_container {
	position: relative;
	width: 100%;
	height: 100%;
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card
	.background
	.background_container
	.serial_number {
	background-color: #001895;
	color: white;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
	width: 75px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	padding-right: 3%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card
	.background
	.background_container
	.bottom_text {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: white;
	padding: 20px 15px;
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card
	.background
	.background_container
	.bottom_bar {
	width: 90%;
	height: 1px;
	background-color: white;
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
}

.main_swiper_container .mySwiper .slide .card_wrapper:hover {
	border: 1px solid #001895;
}

.main_swiper_container .mySwiper .slide .card_wrapper .slide_card:hover .background:hover {
	background: linear-gradient(to bottom, rgba(255, 0, 0, 0.438) 0%, rgba(0, 128, 0, 0.411) 100%);
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card:hover
	.background
	.background_container
	.serial_number {
	color: #001895;
	background-color: white;
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card:hover
	.background
	.background_container
	.bottom_text {
	bottom: 30px;
	transition-delay: 70ms;
}

.main_swiper_container
	.mySwiper
	.slide
	.card_wrapper
	.slide_card:hover
	.background
	.background_container
	.bottom_bar {
	bottom: 30px;
}

.success_stories_content .small_head {
	text-align: center;
	font-size: 22px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 30px;
}

.small_slider_container {
	background-color: transparent;
	margin-bottom: 30px;
}

.small_slider_container .mySwiperTwo {
	background-color: transparent;
}

.small_slider_container .mySwiperTwo .slide .cards {
	width: 100%;
	height: 200px;
}

.small_slider_container .mySwiperTwo .slide .cards img {
	width: 100%;
	object-fit: cover;
	height: -webkit-fill-available;
}

@media only screen and (max-width: 1536px) {
	.success_stories_container {
		/* padding: 10px 20px; */
	}
	.success_stories_content {
		width: 1080px; /* changed */
	}

	.success_stories_content .main_head {
		font-size: 20px;
		/* margin-bottom: 30px; */
	}

	.main_swiper_container {
		margin-bottom: 25px;
	}

	.main_swiper_container .mySwiper .slide {
		margin-bottom: 50px;
	}

	.main_swiper_container .mySwiper .slide .card_wrapper {
		/* aspect-ratio: 298/350; */
		/* border-radius: 10px; */
	}

	.main_swiper_container
		.mySwiper
		.slide
		.card_wrapper
		.slide_card
		.background
		.background_container
		.serial_number {
		font-size: 18px;
		width: 65px;
		height: 35px;
		/* clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%); */
		/* padding-right: 3%; */
	}

	.main_swiper_container
		.mySwiper
		.slide
		.card_wrapper
		.slide_card
		.background
		.background_container
		.bottom_text {
		font-size: 16px;
		/* padding: 20px 15px; */
		/* ended here */
	}

	.main_swiper_container
		.mySwiper
		.slide
		.card_wrapper
		.slide_card
		.background
		.background_container
		.bottom_bar {
		width: 90%;
		height: 1px;
		background-color: white;
		position: absolute;
		bottom: -1px;
		left: 50%;
		transform: translateX(-50%);
	}

	.main_swiper_container .mySwiper .slide .card_wrapper:hover {
		border: 1px solid #001895;
	}

	.main_swiper_container .mySwiper .slide .card_wrapper .slide_card:hover .background:hover {
		background: linear-gradient(
			to bottom,
			rgba(255, 0, 0, 0.438) 0%,
			rgba(0, 128, 0, 0.411) 100%
		);
	}

	.main_swiper_container
		.mySwiper
		.slide
		.card_wrapper
		.slide_card:hover
		.background
		.background_container
		.serial_number {
		color: #001895;
		background-color: white;
	}

	.main_swiper_container
		.mySwiper
		.slide
		.card_wrapper
		.slide_card:hover
		.background
		.background_container
		.bottom_text {
		bottom: 30px;
		transition-delay: 70ms;
	}

	.main_swiper_container
		.mySwiper
		.slide
		.card_wrapper
		.slide_card:hover
		.background
		.background_container
		.bottom_bar {
		bottom: 30px;
	}

	.success_stories_content .small_head {
		text-align: center;
		font-size: 22px;
		font-family: "Poppins", sans-serif;
		font-weight: 500;
		font-style: normal;
		margin-bottom: 30px;
	}

	.small_slider_container {
		background-color: transparent;
		margin-bottom: 30px;
	}

	.small_slider_container .mySwiperTwo {
		background-color: transparent;
	}

	.small_slider_container .mySwiperTwo .slide .cards {
		width: 100%;
	}

	.small_slider_container .mySwiperTwo .slide .cards img {
		width: 100%;
		object-fit: cover;
		height: -webkit-fill-available;
	}
}