/* Events Listing (Filter) */
.py-0{
	padding: 0px!important;
}


.events-wrapper {
    display: flex;
    gap: 70px;
}

.events-sidebar {
    width: 100%;
    max-width: 300px;
}

.events-grid {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

.events-card {
	width: calc(33.333% - 24px);
    position: relative;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #DDD6CC;
}

.events-card-thumb {
    width: 100%;
    background-color: #fff;
    border-radius: 12px 12px 0px 0px;
    line-height: 0px;
}

.events-card-thumb img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px 12px 0px 0px;
}
.events-card-content{
    padding: 30px;
}
.events-card-content h5 {
    font-size: 20px;
    color: #123A6C;
    margin-top: 0px;
    margin-bottom: 18px;
    line-height: normal;
}

.events-card-content p {
    margin-bottom: 20px;
    color: #333;
    line-height: normal;
    word-break: break-word;
}

.events-card .events-card-button {
    font-size: 16px;
    color: #003A70;
    display: flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    gap: 3px;
}

.events-card .events-card-button img {
    max-width: 10px;
    margin: 0px;
}

.events-sidebar h6 {
    font-size: 18px;
    color: #2E3F5C;
    font-weight: bold;
    margin-bottom: 18px;
    line-height: normal;
    font-family: 'Avenir', sans-serif;
}

.events-single-checkbox + h6 {margin-top:40px!important;}
.events-single-checkbox {
    margin: 0px 0px 15px 0px;
    display: inline-block;
    width: 100%;
}

.events-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #9E8E7E;
    position: relative;
    padding-left: 34px;
    user-select: none;
}

.events-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.events-checkbox .checkmark {
    position: absolute;
    left: 0;
    top: -6px;
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 1.5px solid #C8C0B0;
    border-radius: 4px;
    transition: 0.3s ease;
}

.events-checkbox input:checked~.checkmark {
    background-color: #123A6C;
    border-color: #123A6C;
}

.events-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.events-checkbox input:checked~.checkmark:after {
    display: block;
}

.events-checkbox .checkmark:after {
    left: 8px;
    top: 1px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}

.events-sidebar .secondary-button {
    margin-top: 40px;
}

.events-pagination {
    margin-top: 40px;
    max-width: calc(100% - 300px - 72px);
    width: 100%;
    margin-left: auto;
}

.events-pagination ul {
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style: none;
    padding: 0;
}

.events-pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.events-pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.70);
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
}

.events-pagination li a.active {
    color: rgba(0, 0, 0, 1);
}

.events-pagination li a:hover {
    color: rgba(0, 0, 0, 1);
}
/* Events Detail Page */

.events-hero {
	position: relative;
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 135px 0px 85px 0px;
}

.events-hero .container,
.events-section .container {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	padding: 0 20px;
}

.events-hero-content {
	max-width: 1115px;
}

.events-hero-content h2 {
	margin: 0;
	color: #123A6C;
	font-weight: 600;
}

.events-hero-content p{
	font-size: 30px;
	color: #123A6C;
}

.events-hero-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
}

.events-hero-meta-item {
	flex: 0 0 calc(33.333% - 0px);
	text-emphasis: none;
}

.events-hero-meta-item h4 {
	color: #fff;
	font-weight: 600;
	padding: 5px 15px;
	background: rgba(18, 58, 108, 0.70);
	border-radius: 999px;
	margin-bottom: 30px;
	display: inline-block;
	min-width: 185px;
	text-align: center;
}

.events-hero-meta-item p {
	font-size: 24px;
	color: #000;
	font-weight: 400;
	margin-bottom: 0;
}

.events-section {
	padding: 100px 0;
}

.events-section-title {
	text-align: center;
	margin: 0px auto;
}

.events-section-title h2 {
	margin: 0px auto 50px auto;
	color: #123A6C;
}

.events-section-title p {
	margin: 0px auto 50px auto;
	color: #123A6C;
	font-size: 22px;

}

.events-overview-area{
	background-color: #003A70;
}

.events-overview-area .events-section-title h2{
	color: #E2FDFD;
}

.events-overview-area .events-section-title p{
	color: #E2FDFD;
	max-width: 1165px;
}

.events-overview-area .commitment-list ul{
	margin-bottom: 0px;
}

.events-overview-area .commitment-list ul li.single-commitment .commitment-content{
	line-height: 26px;
	font-weight: normal;
	padding: 15px 0px;
}

.events-richtext h2{
	color: #123A6C;
	margin-bottom: 30px;
}

.events-richtext p{
	color: #123A6C;
	font-size: 22px;
	max-width: 1140px;
	margin-bottom: 30px;
}
.events-richtext ul{
	list-style: disc;
	padding-left: 25px;
	margin-bottom: 30px;
}
.events-richtext ul li{
	color: #123A6C;
	font-size: 22px;
}


.events-what-many-area .container, .events-who-for-area .container{
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #B2B2B2;
	padding-top: 100px;
	padding-bottom: 100px;
}

.events-columns {
    display: flex;
    gap: 100px;
    align-items: center;
}

.events-columns .events-content-column {
    max-width: 50%;
    flex: 1;
}

.events-columns .events-thumb-column {
    max-width: 50%;
    flex: 1;
    color: #333;
}

.events-who-list{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	display: flex;
	gap: 45px;
	flex-wrap: wrap;
}

.single-who-item{
	padding: 30px 60px;
	flex: 0 0 calc(50% - 22.5px);
	background-color: #F5FBFB;
	border-radius: 15px;
}

.single-who-item h4{
	color: #123A6C;
	font-weight: 600;
	margin-bottom: 10px;
}

.single-who-item p{
	font-size: 20px;
	margin-bottom: 0;
}

.events-expertise-area .events-thumb-column, .events-expertise-area .events-content-column{
	flex:auto;
	max-width: none;
}

.events-expertise-area .events-thumb-column{
	flex:0 0 calc(100% - 475px);
	max-width: calc(100% - 475px);
}

.events-expertise-area .events-thumb-column{
	flex:0 0 475px;
	max-width: 475px;
}
.events-expertise-area .events-content-column h2{
	color: #123A6C;
	font-weight: 600;
	margin: 0px;
}
.events-expertise-area .events-content-column h3{
	color: #B2B2B2;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 30px;
}
.event-slot-buttons{
	display: flex;
	justify-content: center;
	gap: 25px;
	margin-top: 50px;
}
.event-slot-buttons .secondary-button{
	padding: 0px;
}

@media screen and (min-width: 1680px) {
	.events-hero .container,
	.events-section .container {
		max-width: 1680px;
	}
}

@media screen and(max-width: 1680px) {
	.events-hero-content h2{
		font-size: 46px;
	}
	.events-hero-intro > p{
		font-size: 28px;
	}
}

@media screen and (max-width: 1536px) {
	.events-wrapper {
		gap: 55px;
	}

	.events-hero-content h2{
		font-size: 42px;
	}
	.events-hero-intro > p{
		font-size: 24px;
	}
	.events-hero-meta-item p{
		font-size: 20px;
	}
	.events-hero-meta{
		margin-top: 30px;
	}

}

@media screen and (max-width: 1440px) {
	.events-section-title h2{
		margin-bottom: 30px;
	}
	.events-section-title p{
		margin-bottom: 30px;
	}
	.events-columns, .events-section .accreditation-columns{
		gap: 70px;
	}
}

@media screen and (max-width: 1366px) {
	.events-wrapper {
		gap: 30px;
	}
	.events-card-content{
		padding: 20px;
	}
	.events-section-title h2{
		margin-bottom: 25px;
	}
	.events-section-title p{
		margin-bottom: 25px;
	}
	.events-section-title p{
		font-size: 22px;
	}
	.events-richtext p, .events-richtext ul li, .single-who-item p{
		font-size: 20px;
	}
	.events-columns, .events-section .accreditation-columns{
		gap: 50px;
	}
}

@media screen and (max-width: 1024px) {
	.events-card {
		width: calc(50% - 24px);
	}

	.events-section{
		padding: 70px 0;
	}
	.events-what-many-area .container, .events-who-for-area .container{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.events-richtext p, .events-richtext ul li, .single-who-item p, .events-section-title p{
		font-size: 16px;
	}
	.events-section .commitment-list ul li.single-commitment{
		font-size: 16px;
	}
	.single-who-item{
		padding: 20px 40px;
	}
}

@media screen and (max-width: 992px) {
	.events-wrapper {
		flex-direction: column;
		gap: 30px;
	}
	.events-sidebar {
		max-width: 100%;
	}
	.events-sidebar .events-sidebar-inner {
		border-right: 0;
		border-bottom: 1px solid #C6CED6;
		padding-bottom: 10px;
	}
	.events-pagination {
		max-width: 100%;
		margin-left: 0;
	}
	.events-hero {
		padding: 50px 0;
	}
	.events-section{
		padding: 50px 0;
	}
	.events-what-many-area .container, .events-who-for-area .container{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.events-section .commitment-list ul{
		grid-template-columns: 1fr;
		margin-top: 50px;
	}
	.events-columns, .events-section .accreditation-columns{
		flex-direction: column;
		gap: 25px;
	}
	.events-section .events-columns .events-thumb-column, .events-section .accreditation-columns .accreditation-image , 
	.events-section .events-columns .events-content-column, .events-section .accreditation-columns .accreditation-content{
		max-width: 100%;
		width: 100%;
	}
	.events-section .events-columns .events-thumb-column img, .events-section .accreditation-columns .accreditation-image img{
		width: 100%;
	}
	.events-expertise-area .events-thumb-column{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.events-who-list{
		flex-direction: column;
		gap: 25px;
	}
}

@media screen and (max-width: 767px) {
	.events-sidebar-inner {
		border-right: none !important;
		border-bottom: 1px solid #333;
	}

	.events-card {
		width: 100%;
	}
	.events-hero .container,
	.events-section .container {
		max-width: 100%;
	}
	.single-who-item{
		padding: 20px 20px;
	}
}

@media screen and (max-width: 575px) {
	.event-slot-buttons{
		flex-direction: column;
		gap: 15px;
	}
	.event-slot-buttons .secondary-button{
		width: 100%;
	}
	.event-slot-buttons .primary-button{
		width: 100%;
	}
	.events-hero-meta{
		margin-top: 30px;
	}
	.events-hero-meta-item{
		flex: 0 0 100%;
		margin-bottom: 15px;
	}
	.events-hero-meta-item h4{
		margin-bottom: 0px;
	}

}