body { margin:0; padding:0; }
*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
a, a:hover { text-decoration:none; }

.events-sect-wapper { padding:100px 0; position:relative; overflow:hidden; }

.shape-1 {
	position: absolute;
	top: 173px;
	left: -83px;
	animation-name: float_up_down;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.shape-1 img {
	width: 100%;
	height: auto;
	max-width: unset;
	object-fit: contain;
}
.shape-4 { 
	position: absolute; 
	right: 25px; 
	top: 0; 
	width: 95px; 
	height: 95px; 
	animation-name: float_up_down;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.shape-4 img { width:100%; height:100%; object-fit:cover; max-width:unset; }
.shape-3 {
	position: absolute;
	bottom: 222px;
	right: -100px;
	animation-name: float_up_down;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.shape-3 img { width:100%; height:100%; object-fit:cover; max-width:unset; }
/* Bob Up Down*/
@-webkit-keyframes float_up_down {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes float_up_down {
	0% {
		transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
	50% {
		transform: translateY(30px);
		transform: translateY(30px);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}

/* Bob */
@-webkit-keyframes float_left_right {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0.40;
	}
	100% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 1;
	}
}
@keyframes float_left_right {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0.40;
	}
	100% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 1;
	}
}

.events-sect-wapper .container-e {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
}
.events-sect-row { 
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	row-gap:30px;
}
.events-sect-col-4 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.events-sect-title h2 {
	font-family: Plus Jakarta Sans;
	font-weight: 700;
	font-size: 60px;
	line-height: 100%;
	text-align: center;
	margin: 0;
	margin-bottom: 40px;
	color: #E71C30;
}
.events-sect-tab { margin-bottom:40px; }
.events-sect-tab ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
}
.events-sect-tab ul li { list-style-type:none; }
.events-sect-tab ul li a {
	font-family: Plus Jakarta Sans;
	font-weight: 400;
	font-size: 20px;
	line-height: 29px;
	display: flex;
	align-items: center;
	color: #000000;
	padding: 15px 30px;
	border-top-left-radius: 20px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 4px;
	border: 1px solid #22417A;
	background-color: #fff;
	transition: all 0.5s ease-in-out;
}
.events-sect-tab ul li.active-1 a, .events-sect-tab ul li a:hover { background-color:#22417A; border-color:#22417A; color:#fff; }

.events-sect-card {
	position: relative;
    overflow: hidden;
    box-shadow: 0px 18px 47px 0px #00000033;
    background-color: #FFFFFF;
    border-radius: 18px;
    transition: all 0.5s ease-in-out;
    height: 100%;
}
.events-sect-img {
	width: 100%;
	height: 226px;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}
.events-sect-img img {
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	max-width: unset;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.events-sect-text { padding: 20px; }
.event-cate {
	font-family: Plus Jakarta Sans;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	color: #22417A;
	display: block;
	padding-bottom: 10px;
}
.events-sect-card-title { display:flex; flex-direction:row; gap:10px; padding-bottom: 10px; }
.events-sect-card-title .events-sect-date { display:flex; flex-direction:column; }
.events-sect-date span {
	font-family: Plus Jakarta Sans;
	font-weight: 700;
	font-size: 11px;
	line-height: 100%;
	text-align: center;
	color: #E71C30;
}
.events-sect-date span + span {
	color: #000000;
	font-weight: 700px;
	font-size: 28px;
}
.events-sect-card-title h3 { margin:0; line-height:0; }
.events-sect-card-title h3 a {
	display: block;
	font-family: Plus Jakarta Sans;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	color: #000000;
}
.events-sect-text p {
	font-family: Plus Jakarta Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	margin: 0;
	color: #000;
	padding-bottom: 10px;
}
.events-sect-location {
	display: flex;
	flex-flow: row;
	gap: 9px;
}
.events-sect-location img { max-width:100%; height:auto; object-fit:contain; }
.events-sect-location p {
	font-family: Plus Jakarta Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	color: #000;
	margin: 0;
}

.event-sect-btn-overlay {
	position: absolute;
	top: 100%;
	width: 100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in-out;
}
.event-sect-btn-overlay a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	max-width: 186px;
	width: 100%;
	height: 45px;
	border-radius: ;
	background-color: #22417A;
	border-top-left-radius: 20px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 4px;
	font-family: Plus Jakarta Sans;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	color: #FFFFFF;
	transition: all 0.5s ease-in-out;
}
.events-sect-card:hover .event-sect-btn-overlay{
	top: 0;
	visibility: visible;
	opacity: 1;
}
.event-sect-btn-overlay a:hover { background-color:#111F44; }
@media(max-width: 1199px){

}

@media(max-width: 991px){
	.events-sect-wapper { padding:50px 0; }
	.events-sect-title h2 { font-size:45px; }
	.events-sect-tab ul li a { padding: 10px 25px; }
}
@media(max-width:767px) {
	.event-sect-btn-overlay {
		position: relative;
		top: 0;
		width: 100%;
		height: auto;
		background-color: unset;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 1;
		visibility: visible;
		transition: all 0.5s ease-in-out;
		padding-bottom: 20px;
	}
	.shape-1, .shape-4, .shape-3 { display:none; }
}


@media (min-width: 768px){
	.events-sect-wapper .container-e{ max-width: 720px; }
	.events-sect-col-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}
@media (min-width: 992px){
	.events-sect-wapper .container-e{ max-width: 992px; }
	.events-sect-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
}
@media (min-width: 1200px) {
	.events-sect-wapper .container-e {  max-width: 1170px; }
}
@media (min-width: 1280px) {
	.events-sect-wapper .container-e {  max-width: 1240px; }
}