.four-tabs::after{
	content:"";
	height: 100%;
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	top:0;
	left:0;
	z-index: 1;
}

.four-tabs .nav-link {
     color: var(--secondary-palette-dark-grey);
     opacity: 50%;
	 padding: 32px 24px;
     position: relative;
     border-top: 3px solid var(--secondary-palette-cool-grey-200);
}
.four-tabs .nav-link:hover {
    color: var(--secondary-palette-dark-grey);
    opacity: 1;
}
.four-tabs .nav-link.active {
    color: var(--secondary-palette-dark-grey);
    opacity: 1;
    border-top: 5px solid  var(--primary-palette-yellow);
}

.four-card__swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.four-card__swiper  .swiper-button-next:after, .four-card__swiper .swiper-button-prev:after {
	content: "" !important;
}

.four-card__swiper .swiper-button-next, .four-card__swiper .swiper-button-prev {
	background: var(--primary-palette-blue) !important;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	top: 40%;
}

.four-card__swiper .swiper-button-next:hover, .four-card__swiper .swiper-button-prev:hover {
	background-color: var(--primary-palette-blue-100) !important;
}

.four-card__swiper .swiper-button-next {
	right: 20px;
}

.four-card__swiper .swiper-button-prev {
	left: 20px;
}

.four-card__swiper .swiper-pagination {
	margin-top: 30px;
}

.four-card__swiper .swiper-pagination-bullet {
	background-color: var(--secondary-palette-cool-grey-300) !important;
	width: 80px !important;
	border-radius: 18px;
	height: 3px !important;
	opacity: 1;
}

.four-card__swiper .swiper-pagination-bullet-active {
	background-color: var(--primary-palette-blue) !important;
	height: 7px !important;
	box-shadow: 0px 4px 4px 0px #00000026;
	opacity: 1;
}

.four-card__swiper .swiper-pagination-bullet-active:hover,
.four-card__swiper .swiper-pagination-bullet:hover {
	background-color: var(--primary-palette-blue-100) !important;
}

.four-card__swiper .expand-icon {
	bottom: 6px;
	right: 15px;
}

.four-card__modal{
	background-color: #24272ea8;
}

.four-card__modal .modal-content{
	box-shadow: 0px 4px 4px 0px #00000026;
	border:none;
	max-height: 80vh;
}

.four-card__modal .modal-header .btn-close {
	background-image: url("../svg/modal-close-3.svg");
	background-repeat: no-repeat;
	opacity: 1;
	background-color: white;
	width: 1rem;
	height: 1rem;
	box-sizing: content-box;
	background-position: center;
	border:none;
	z-index: 2;
}

.four-tabs__expand--icon{
	position: absolute;
	bottom: 10px;
	right:20px;
}

.four-card__modal--close-btn{
	position: absolute;
	top:32px;
	right: 27px;
}

@media screen and (width<=1133px){
	.four-tabs .nav-link{
		padding: 24px 8px;
	}
}

@media only screen and (width <= 575px) {
	.four-card__swiper .swiper-button-next, .four-card__swiper .swiper-button-prev {
		display: none;
	}
	.four-card__swiper .expand-icon {
		display: block !important;
	}
}