.btn:hover {
		color: red!important;
		background-color: #FFE046!important;
		border-color: black;
		transition: 0.2sec;
	}
	.community-div{
		padding: 40px;background-image: linear-gradient(89deg, #000000c9 5%, rgb(0 0 0 / 32%) 95%);overflow: hidden; background-size: cover;background-repeat: no-repeat; background-position: center;
	}
	#center-cropped {
		width: 100%;
		height: 350px;
		background-position: center center;
		background-repeat: no-repeat;
		overflow: hidden;
	}


	.text-overlay-image-center{
		text-align: center;	
		color: white!important;
		font-weight: 600!important;
	}
	
	.title3{
		color: white!important;
		font-weight: 600!important;
	}



	.card-header{
		background-color:var(--main-color-new-theme);
		padding: 8px 0px 8px 0px;
		color: white!important;
		font-family: "Poppins", Sans-serif!important;
		font-size: 25px!important;
	}
	.title{
		color: #f26938!important;
		font-family: "Poppins", Sans-serif!important;
		font-weight: 600!important;
		line-height: 56px!important;
	}
	.title2{
		color: #aa1f32!important;
		font-family: "Poppins", Sans-serif!important;
		font-weight: 600!important;
		font-size: 31px;
		line-height: 42px!important;
	}
	.btn-outline-light{
		border-radius: 0px!important;
		background-color: #F26938!important;
		color: white;
		border: 0px!important;
		padding: 11px 29px!important;
	}
	.community a:hover {
		background-color: #C2542D!important;
		color: white!important;
	}
	
	.in-page-btn{
		color: #635C81;  border-color: transparent; background: transparent !important; border-radius: 25px;box-shadow: 1px 1px 10px #FFDC11;padding: 10px 16px;
	}
	.hs-responsive-embed-youtube {
		position: relative;
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.centered {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 25px;
		transform: translate(-50%, -50%);
		color: white!important;
	}

	.ViewAllEventBtn:hover{
		border-radius: 0px!important;
		word-break: keep-all!important;
		background: var(--main-color-new-theme)!important;
		text-shadow: 1px 1px 10px black!important;
	}

	.change-bgcolor:hover{
		transition: all .3s!important;
		font-size: 17px;
		text-shadow: 1px 1px 10px yellow;
	}

	.centered-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.community-card{
		border: 1px solid red;
		margin-bottom: 1.5em;
		background-color: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
		transition: border-color 1s,box-shadow .5s;
		transition: all 3s ease-in-out;
	}
	.community-card:hover {
		transform: scale(1.01);
		box-shadow: 0 3px 10px 3px rgba(32,33,36,.28);
	}