/*Sajeeb START*/
:root {
	/* Colors: */
	--unnamed-color-0b7745: #0B7745;
	--unnamed-color-f8bf13: #F8BF13;
	--unnamed-color-00a1ad: #00A1AD;
	--unnamed-color-34b67a: #34B67A;
	--unnamed-color-f3f2ee: #F3F2EE;
	--unnamed-color-999999: #999999;
	--unnamed-color-4a4f53: #4A4F53;
	--unnamed-color-222221: #222221;
	--unnamed-color-da291c: #DA291C;
	--unnamed-color-1c2126: #1C2126;
	--unnamed-color-000000: #000000;
	/* Font/text values */
	--unnamed-font-family-poppins: Poppins;
	--unnamed-font-style-normal: normal;
	--unnamed-font-weight-medium: medium;
	--unnamed-font-weight-normal: normal;
	--unnamed-font-size-10: 10px;
	--unnamed-font-size-12: 12px;
	--unnamed-font-size-18: 18px;
	--unnamed-character-spacing-0: 0px;
	--unnamed-character-spacing--0-09: -0.09px;
	--unnamed-line-spacing-26: 26px;
	--unnamed-line-spacing-40: 40px;
}

/* Character Styles */
.unnamed-character-style-1 {
	font-family: var(--unnamed-font-family-poppins);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-medium);
	font-size: var(--unnamed-font-size-18);
	line-height: var(--unnamed-line-spacing-26);
	letter-spacing: var(--unnamed-character-spacing--0-09);
	color: var(--unnamed-color-1c2126);
}

.unnamed-character-style-2 {
	font-family: var(--unnamed-font-family-poppins);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-12);
	line-height: var(--unnamed-line-spacing-40);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
}

.unnamed-character-style-3 {
	font-family: var(--unnamed-font-family-poppins);
	font-style: var(--unnamed-font-style-normal);
	font-weight: var(--unnamed-font-weight-normal);
	font-size: var(--unnamed-font-size-10);
	line-height: var(--unnamed-line-spacing-26);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
}
body {
	/*font-family: Raleway;*/
	background: white;
}

.rf-button {
	background: #fff;
	border-radius: 3px;
	padding: 18px 41px;
	/*font-family: Raleway;*/
	font-size: 14px;
	outline: none;
	border: 1px solid #ffe3e3;
	box-sizing: border-box;
	color: #DA291C;
	transition: all 0.4s ease-in-out;
	line-height: 17.23px;
}

	.rf-button:focus {
		outline: none;
	}

	.rf-button:hover {
		background: #FFF9F9;
		border-color: #DA291C;
	}

	.rf-button.red {
		background: #DA291C;
		color: #fff;
		border-color: #DA291C;
	}

		.rf-button.red:hover {
			background: #FFF9F9;
			color: #DA291C;
		}

	.rf-button.red-alter {
		background: #FFF9F9;
		color: #DA291C;
		border-color: #DA291C;
	}

		.rf-button.red-alter:hover {
			background: #DA291C;
			color: #fff;
		}

	.rf-button.prev {
		background: #DA291C;
		color: #fff;
		border-color: #DA291C;
		/*font-family: Raleway;*/
		font-weight: 900;
		padding: 0;
		width: 45px;
		height: 45px;
		font-size: 17px;
	}

		.rf-button.prev::after {
			content: '\f053';
		}

		.rf-button.prev:hover {
			background: #FFF9F9;
			color: #DA291C;
		}

	.rf-button.next {
		background: #fff;
		color: #000000;
		border-color: #000000;
		/*font-family: Raleway;*/
		font-weight: 900;
		padding: 0;
		width: 45px;
		height: 45px;
		font-size: 17px;
	}

		.rf-button.next::after {
			content: '\f054';
		}

		.rf-button.next:hover {
			background: #FFF9F9;
			color: #DA291C;
		}

	.rf-button.amber {
		background: #FFF0EF;
		color: #737373;
		border-color: #FFF0EF;
	}

	.rf-button.sm {
		padding: 10px 20px;
		/*font-family: Raleway;*/
	}

.rf-drop-shadow {
	background: #FFFFFF;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	height: 100px;
	width: 200px
}


.rf-font-55 {
	font-size: 55px;
}

.rf-font-50​​ {
	font-size: 50px;
}

.rf-font-40 {
	font-size: 40px;
}

.rf-font-25 {
	font-size: 25px;
}

.rf-font-18 {
	font-size: 18px;
}

.rf-font-16 {
	font-size: 16px;
}

.rf-font-14 {
	font-size: 14px;
}

.rf-color-gray-light {
	color: #293032;
}

.rf-color-gray-hard {
	color: #373F41;
}

.rf-color-gray-green {
	color: #17A95A;
}

.rf-color-gray-red {
	color: #DA291C;
}

.rf-color-gray-white {
	color: #FFFFFF;
}


.rf-bold {
	/*font-family: Raleway;*/
}

.rf-header-custom {
	flex: 0 0 68px;
	height: 68px;
	z-index: 99999;
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #FFF9F9;
	margin-bottom: 20px;
	box-shadow: 0 0 5px #00000014;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12vw;
}

	.rf-header-custom.rf-admin {
		background-color: #fff;
		padding: 0 25px;
	}

	.rf-header-custom .rfh-logo {
		flex: 0 0 200px;
	}

	.rf-header-custom .rfh-menu {
		flex: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-left: 20px;
	}

	 .rfhm-bell {
		flex: 0 0 25px;
		font-size: 30px;
		color: #293032;
		padding: 0 10px;
		margin: 0 5px;
		cursor: pointer;
		position: relative;
	}

		 .rfhm-bell .red-dti {
			opacity: 0;
			transition: all 0.3s ease-in-out;
			height: 18px;
			width: 28px;
			border-radius: 30%;
			position: absolute;
			background: #DA291C;
			top: 10px;
			right: 0px;
			border: 2px solid white;
			font-size:10px!important;
			color:#FFFFFF!important;
			text-align:center!important;
		}

		.rfhm-bell.red-dt .red-dti {
			opacity: 1;
		}

		 .rfhm-bell .rfhm-bell-popup {
			position: absolute;
			top: 64px;
			right: 0;
			width: 336px;
			background: #FFFFFF;
			box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
			border-radius: 0px 0px 5px 5px;
			font-size: 14px;
			transition: all 0.2s ease-in-out;
			height: 0px;
			max-height: 0;
			padding: 0px;
			overflow: hidden;
		}

		 .rfhm-bell.visibled .rfhm-bell-popup {
			height: auto;
			max-height: 400px;
			padding: 10px;
		}

	.rfhm-bell .rfhm-bell-popup .bell-item {
			display: flex;
			align-items: center;
			padding: 10px 5px;
			transition: all 0.2s ease-in-out;
		}

			 .rfhm-bell .rfhm-bell-popup .bell-item:hover {
				background-color: #fff0ef6b;
			}

		 .rfhm-bell .rfhm-bell-popup .bell-item .bell-icon {
				flex: 0 0 31px;
				height: 31px;
				border-radius: 50%;
				background-color: #FFF0EF;
				color: #DA291C;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 10px;
				border: 1px solid white;
			}

		 .rfhm-bell .rfhm-bell-popup .bell-item .bell-detail .bell-title {
			}
 .rfhm-bell .rfhm-bell-popup .bell-item .bell-detail .bell-subtitle {
				font-size: 11px;
				color: #9a9a9a;
			}


	.rf-header-custom .rfhm-profile {
		/*flex: 0 0 250px;*/
		margin: 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: relative;
		flex-wrap: wrap;
	}

		.rf-header-custom .rfhm-profile .pro-pic {
			/*           flex: 0 0 40px;
			height: 40px;
			background-size: cover;
			background-repeat: no-repeat;
			
			margin: 0 5px;*/
			border-radius: 50%;
			width: 32px;
			height: 32px;
			background: var(--unnamed-color-34b67a) 0% 0% no-repeat padding-box;
			background: #34B67A 0% 0% no-repeat padding-box;
			opacity: 1;
			text-align: center;
		}
			.rf-header-custom .rfhm-profile .pro-pic > span {
				font-size: 1.7em;
				width: 150px;
				margin: -10px auto 10px;
				text-align: center;
				letter-spacing: var(--unnamed-character-spacing-0);
				text-align: center;
				letter-spacing: 0px;
				color: #FFFFFF;
				opacity: 1;
			}

		.rf-header-custom .rfhm-profile .pro-details {
			/*flex: auto;*/
			display: flex;
			align-items: baseline;
			justify-content: space-between;
			flex-direction: column;
			/*min-height: 49px;*/
			min-height: 45px;
			/*margin: 0 10px;*/
			font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 14px/20px var(--unnamed-font-family-poppins);
			letter-spacing: var(--unnamed-character-spacing-0);
			/*text-align: left;*/
			text-align: right;
			font: normal normal normal 14px/20px Poppins;
			letter-spacing: 0px;
			color: #131523;
		}

			.rf-header-custom .rfhm-profile .pro-details .pro-title {
				font-size: 18px;
				white-space: nowrap;
				overflow: hidden;
				/*text-overflow: ellipsis;
				width: 150px;*/
				padding-left:5px;
				color: #293032;
				padding-top:10px;


			}

			.rf-header-custom .rfhm-profile .pro-details .pro-subtitle {
				font-size: 14px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 150px;
				color: #949494;
			}

		.rf-header-custom .rfhm-profile .pro-arrow {
			flex: auto;
		}

	.rf-header-custom .profile-settings {
		position: absolute;
		top: 50px;
		right: -4px;
		width: auto;
		background: #FFFFFF;
		box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
		border-radius: 0px 0px 5px 5px;
		font-size: 14px;
		height: 0;
		max-height: 0;
		overflow: hidden;
		transition: all 0.2s ease-in-out;
	}

		.rf-header-custom .profile-settings.visibled {
			height: auto;
			max-height: 500px;
			padding: 15px 0;
		}

		.rf-header-custom .profile-settings > a {
			padding: 5px 20px;
			font-size: 16px;
			display: flex;
			align-items: center;
			/*justify-content: center;*/
			color: #293032;
			transition: all 0.2s ease-in-out;
		}

			.rf-header-custom .profile-settings > a:hover {
				background-color: #f4f6fa;
			}

			.rf-header-custom .profile-settings > a i {
				padding-right: 10px;
			}

[rf-custom-title] > h1 {
	font-size: 16px;
	/*font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-poppins);*/
	letter-spacing: var(--unnamed-character-spacing--0-09);
	color: var(--unnamed-color-1c2126);
	text-align: left;
	/*font: normal normal medium 18px/26px Poppins;*/
	letter-spacing: -0.09px;
	color: #1C2126;
}
[rf-custom-form] label {
	font-size: 14px;
	/*font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-poppins);*/
	letter-spacing: var(--unnamed-character-spacing--0-09);
	color: var(--unnamed-color-1c2126);
	text-align: left;
	/*font: normal normal medium 18px/26px Poppins;*/
	letter-spacing: -0.09px;
	color: #1C2126;
}
.rf-container-custom {
	margin-top: 68px;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
	flex: auto;
}

	.rf-container-custom.rf-admin {
		/*margin-top: 68px;
		padding: 30px 25px;*/
		flex: auto !important;
		/*background-color: #f4f6fa;*/
		background: #FEFEFE 0% 0% no-repeat padding-box !important;
		display: flex !important;
	}
		.rf-container-custom.rf-admin .custom-left-container {
			background-color: white !important;
			box-shadow: 0 0 5px #00000014 !important;
			padding-top: 10px !important;
			padding-bottom: 10px !important;
			z-index: 9999;
		}
		.rf-container-custom.rf-admin .custom-right-container {
			padding: 10px !important;
		}
		/*.rf-container-custom.rf-admin .custom-left-container {
			position: fixed;
			top: 68px;
			left: 0;
			bottom: 0;
			z-index: 9999;
			flex: 0 0 260px;
			width: 260px;
			background-color: white;*/
			/*padding: 40px 25px;*/
			/*padding-top: 20px;
			padding-right: 20px;
			box-shadow: 0 0 5px #00000014;
		}

		.rf-container-custom.rf-admin .custom-right-container {
			flex: auto;
			margin-left: 250px;
		}
		.rf-container-custom.rf-admin .custom-right-container-Full {
			flex: auto;
		}*/
			.rf-container-custom.rf-admin .custom-left-container [rf-left-menu] {
			font-size: 16px;
			display: flex;
			align-items: center;
			color: #293032;
			text-shadow: 0 0 1px #29303254;
			/*font-family: Raleway;*/
			padding: 0 20px;
			min-height: 45px;
			/*background: #fff;*/
			border-radius: 3px;
			/*margin-bottom: 3px;*/
			transition: all 0.2s ease-in-out;
			border-radius: 0px 4px 4px 0px;
			text-align: left;
			letter-spacing: 0.1px;
			color: #171725;
		}

			.rf-container-custom.rf-admin .custom-left-container [rf-left-menu] > i {
				font-size: 17px;
				color: #737373;
				margin-right: 20px;

				
			}

			.rf-container-custom.rf-admin .custom-left-container [rf-left-menu]:hover {
				background: #f3f8ff 0% 0% no-repeat padding-box;
			}

		.rf-container-custom.rf-admin .custom-left-container [rf-left-menu="active"] {
			/*background-color: #F4F6FA;*/
			color: #34B67A;
			background: #f3f8ff 0% 0% no-repeat padding-box;
			
			border-left: #34B67A 4px solid;
		}
		.rf-container-custom.rf-admin .custom-left-container [rf-left-menu="active"]>i {
			color: #34B67A;
		}

.rf-footer-custom {
	background-color: #1B202F;
	display: flex;
	flex-flow: column;
	z-index: 99;
}

	.rf-footer-custom .rff-top {
		padding: 10px 12vw;
		padding-top: 100px;
		flex: auto;
		color: #fff;
		font-size: 14px;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

		.rf-footer-custom .rff-top .rfft-1 {
			flex: 4 1 360px;
		}

			.rf-footer-custom .rff-top .rfft-1 .rfft1-logo img {
				width: 153px;
			}

			.rf-footer-custom .rff-top .rfft-1 .rfft1-socials {
				margin-top: 40px;
				display: flex;
				align-items: center;
				justify-content: flex-start;
			}

.rfft1-socials .rfft1-social {
	background-color: #373C4D;
	flex: 0 0 37px;
	margin-right: 7px;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	font-family: 'Font Awesome 5 Brands';
	color: white;
	transition: all 0.3s ease-in-out;
}

	.rfft1-socials .rfft1-social:hover {
		color: #373C4D;
		background-color: white;
	}

	.rfft1-socials .rfft1-social.fb::after {
		content: '\f39e';
	}

	.rfft1-socials .rfft1-social.fb:hover {
		color: #5867dd;
	}

	.rfft1-socials .rfft1-social.tt::after {
		content: '\f099';
	}

	.rfft1-socials .rfft1-social.tt:hover {
		color: #00a2f3;
	}

	.rfft1-socials .rfft1-social.in::after {
		content: '\f16d';
	}

	.rfft1-socials .rfft1-social.in:hover {
		color: #be4bdb;
	}

	.rfft1-socials .rfft1-social.li::after {
		content: '\f0e1';
	}

	.rfft1-socials .rfft1-social.li:hover {
		color: #4c6ef5;
	}

.rf-footer-custom .rff-top .rfft-2 {
	flex: 1 0 170px;
	margin-right: 50px;
	padding: 10px;
	color: white;
}

	.rf-footer-custom .rff-top .rfft-2 div {
		margin-bottom: 26px;
	}

	.rf-footer-custom .rff-top .rfft-2 a {
		display: block;
		color: white;
		line-height: 29px;
	}

.rf-footer-custom .rff-bottom {
	background-color: #141925;
	font-size: 16px;
	color: #fff;
	padding: 25px 12vw;
	text-align: center;
}

	.rf-footer-custom .rff-bottom.rf-admin {
		background-color: #ffffff;
		color: #141925;
		padding: 25px 25px;
		border-top: 1px solid whitesmoke;
	}

#sticky-tool-bar {
	padding-right: 10px;
	background-color: white;
}

#kt_subheader {
	height: auto !important;
}

.sticky {
	position: sticky !important;
	top: 68px;
	padding: 0;
}





.custom-project-card {
	width: 333px;
	background: #FFFFFF;
	border: 1px solid #F9EAE8;
	box-sizing: border-box;
	border-radius: 5px;
	color: #5a5a5a;
	padding-bottom: 20px;
	cursor: pointer;
}



	.custom-project-card .bpc-img {
		width: 100%;
		height: 210px;
	}

	.custom-project-card .bpc-video {
		width: 150%;
		height: 310px;
	}

	.custom-project-card .bpc-title {
		/*font-family: Raleway;*/
		font-size: 25px;
		margin: 15px 20px;
	}

	.custom-project-card .bpc-sub {
		font-size: 14px;
		margin: 0 20px 5px;
	}

	.custom-project-card .bpc-desc {
		font-size: 16px;
		margin: 20px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: justify;
		min-height: 48px;
	}

	.custom-project-card .bpc-left {
		font-size: 18px;
		color: #17A95A;
		display: inline-block;
		margin-left: 20px;
		padding-right: 5px;
		width: calc(50% - 20px);
	}

	.custom-project-card .bpc-right {
		font-size: 18px;
		display: inline-block;
		float: right;
		margin-right: 20px;
		padding-left: 5px;
		width: calc(50% - 20px);
		text-align: right;
	}

	.custom-project-card .bpc-justify {
		font-size: 18px;
		display: inline-block;
		float: right;
		margin-right: 20px;
		width: calc(90% - 5px);
		text-align: right;
	}

	.custom-project-card [rf-progress-bar] {
		margin: 10px 20px;
	}

	.custom-project-card .rf-button {
		margin: 10px 20px 0;
	}

		.custom-project-card .rf-button.sm {
			margin: 10px 0px 0;
			width: 100%;
			font-size: calc(10px + 0.1vw);
		}

/*.select2-dropdown {
	background-color: white;
	border: 1px solid #000000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000000 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #000000 transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #000000;
	font-size: 15px;
}

.select2-results__option[aria-selected] {
	cursor: pointer;
	font-size: 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #000000;
	color: #434343;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #6d6d6d;
	font-size: 15px;
}*/


.form-control:focus {
	border-color: var(--unnamed-color-34b67a);
	/*#da291c;*/
	outline: 0;
}



/*.custom-file-label {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: inherit !important;
	border: 1px solid #000000;
	outline-color: #000000;
	padding-left: 120px;
}

.custom-file-input:focus ~ .custom-file-label {
	border-color: #da291c;
}

.custom-file-label::after {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	height: calc(100% - 10px);
	width: 100px;
	padding: 3px 0;
	color: #ffffff;
	content: "Choose file" !important;
	background-color: #DA291C;
	border-radius: 4px !important;
	text-align: center;
	border: none;
}
*/
/*.input-group-text {
	background-color: #ffffff;
	border: 1px solid #000000;
}

	.input-group-text i {
		color: #DA291C !important;
	}*/



#kt_subheader {
	display: flex;
}




/*Sajeeb END*/
/*Home Page Popup Category*/
.popup-cat {
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color: #737373;
	cursor: pointer;
	margin-right: 30px;
}

.popup-cat-inner {
	position: absolute;
	display: none;
	width: 403px;
	height: 234.55px;
	top: 63px;
	background: #FFFFFF;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 32px;
}

.popup-cat-row {
	background-color: #FFFFFF;
	display: flex;
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

.popup-cat-col {
	padding: 5px;
	padding-top: 8px;
	padding-right: 25px;
	padding-left: 19px;
}

.font-red {
	color: #DA291C;
}

/*Home Page cart*/
.shopping-cart {
	width: 15px;
	height: 15px;
	background: red;
	position: absolute;
	top: 17px;
	right: 18px;
	border-radius: 50%;
	color: white;
	font-size: x-small;
	text-align: center;
}

/*SingleProjectDetail*/
.custom-single-project-card {
	width: 400px;
}

	.custom-single-project-card .bpc-single-img {
		width: 100%;
		height: 290px;
	}

/*Project Entry*/
.projContainer {
	position: absolute;
	width: 760px;
	height: 1567px;
	left: 449px;
	top: 187px;
	background: #FFFFFF;
	border-radius: 3px;
}

.projectContainer {
	/*padding: 187px 231px 72px 449px;*/
	position: absolute;
	width: 760px;
	height: 1245px;
	left: 449px;
	top: 187px;
	background: #FFFFFF;
	border-radius: 3px;
	background: #E5E5E5;
}

.projectContainerInner {
	position: absolute;
	width: 760px;
	height: 1567px;
	left: 449px;
	top: 187px;
	background: #FFFFFF;
	border-radius: 3px;
}

.projRow {
	position: absolute;
	width: 760px;
	height: 1567px;
	left: 449px;
	top: 187px;
	background: #FFFFFF;
	border-radius: 3px;
}

.customtab {
	position: absolute;
	width: 625px;
	height: 70px;
	left: 70px;
	top: 10px;
	background: #F4F6FA;
	border-radius: 2px;
}

.customLbl {
	/* position: absolute;*/
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	/* identical to box height */
	color: #575B6B;
}


.customTitle {
	/* position: absolute;*/
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	/* identical to box height */
	color: #293032;
}

.customTxtBox {
	position: absolute;
	width: 625px;
	left: 100px;
	background: #FFFFFF;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-radius: 3px;
}

.customTxtBoxMultiEntry {
	position: absolute;
	width: 625px;
	height: 138px;
	left: 100px;
	background: #FFFFFF;
	border: 1px solid #000000;
	box-sizing: border-box;
	border-radius: 3px;
}

.customSubmitBtn {
	position: absolute;
	width: 147px;
	height: 55px;
	/*    left: 517px;
	top: 1646px;*/
	background: #DA291C;
	border-radius: 3px;
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	/* identical to box height */
	text-align: center;
	color: #FFFFFF;
}



/*Home Page Country Drop down*/
.countryDropDown {
	color: #737373;
	cursor: pointer;
	position: relative;
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}



.searchGroup {
	position: relative;
	margin-bottom: 20px;
}

.searchBox {
	width: 340px;
	height: 34px;
	left: calc(50% - 328px/2 + 307px);
	top: calc(50% - 34px/2 - 316px);
	background: #FFFFFF;
	border: 1px solid #000000;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 35px;
	outline-color: #000000;
}

.searchBtn {
	position: absolute;
	top: 1px;
	right: 1px;
	height: 36px;
	width: 36px;
	padding: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	transition: all 0.3s ease-in-out;
}

	.searchBtn:hover {
		background-color: #000000;
	}

.countryListCard {
}

.flag {
	height: 40px;
	margin-right: 3px
}

.countryRow {
}

.countryColumn {
	display: flex;
	align-items: center;
	padding-bottom: 5px;
	transition: all 0.3s ease-in-out;
}

	.countryColumn:hover {
		background-color: #fff9f9;
	}

.countryLabel {
	margin: 0;
	margin-left: 5px;
	cursor: pointer;
	line-height: 13px;
}


.main-Body {
	padding: 10px;
}

.form-Body {
	width: 760px;
	margin: auto;
	background: #FFFFFF;
	border-radius: 3px;
	padding: 60px;
	font-size: 16px;
	color: #575B6B;
}

.form-control [input] {
	/*border: 1px solid #000000;
	outline-color: #000000;*/
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 6px;
}
[rf-custom-submit-button] {
	width: 178px;
	height: 41px;
	background: var(--unnamed-color-da291c) 0% 0% no-repeat padding-box;
	background: #DA291C 0% 0% no-repeat padding-box;
	border-radius: 8px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-12)/var(--unnamed-line-spacing-40) var(--unnamed-font-family-poppins);
	letter-spacing: var(--unnamed-character-spacing-0);
	text-align: center;
	font: normal normal medium 12px/40px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	border:1px solid #FFF;
}
	[rf-custom-submit-button]:hover {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border: 1px solid #DA291C;
		color: #DA291C;
	}
[model-button]{
	position:center!important;
}

.btn-rf-custom-add-content, .btn-rf-custom-add-content > i {
	letter-spacing: var(--unnamed-character-spacing--0-09);
	color: var(--unnamed-color-1c2126);
	text-align: left;
	letter-spacing: -0.09px;
	font-size: 16px;
	font-weight: bold;
	color: #1C2126;
	background: transparent;
}
	.btn-rf-custom-add-content{
		float:right;
		margin-right:8%;
	}

.rf-custom-content-filter-ddl .select2-dropdown {
	border: 0 !important;
	letter-spacing: var(--unnamed-character-spacing--0-09) !important;
	color: var(--unnamed-color-1c2126) !important;
	text-align: left !important;
	letter-spacing: -0.09px !important;
	font-size: 18px !important;
	font-weight: bold !important;
	color: #1C2126 !important;
	background: transparent !important;
	text-align: center !important;
}
.form-element {
	margin-bottom: 20px;
}


/*.select2-container--default .select2-selection--single {
	border: 1px solid #000000;
}*/


/*.fileuploader {
	background: #000 !important;
	background: -moz-linear-gradient(top, #000000 0%, #666666 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#666666)) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBCB5D', endColorstr='#EFA003',GradientType=0 );
	color: white;
	text-shadow: 0 -1px #ccc;
	border: 1px solid #ccc;
}*/

.file-input {
	display: none;
}

.file-lablel {
	background: #d5d5d5;
	border-radius: 5px;
	padding: 5px;
}

.hi-icon fa fa-trash icon-fa {
	color: red;
}

#projectGridToolbar {
	display: none;
}

[rf-carousel-title], [rf-tabs-header] {
	color: black;
}


element.style {
	/* font-family: 'Raleway'; */
}

[rf-carousel-nav-val] {
	font-family: 'Raleway';
}

.main-Body-Proj-Detail-view {
	width: 80%;
	padding: 10px;
}

.Proj_Ent_List {
	background-color: #F4F6FA;
	padding: 10px;
}

.customLbl20 {
	/* position: absolute;*/
	/*font-family: Raleway;*/
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	padding-top: 10px;
	/* identical to box height */
	color: #293032;
}


/* The Modal (background) */
.modal {
	/*left: 5%;*/
	/*    background: var(--unnamed-color-4a4f53) 0% 0% no-repeat padding-box;
	background: #4A4F53 0% 0% no-repeat padding-box;*/
	opacity: 1 !important;
	backdrop-filter: blur(6px) !important;
	-webkit-backdrop-filter: blur(6px) !important;
	background-color: rgba(0,0,0, 0.3)!important;
}
.after_modal_appended {
	position: relative;
}
.modal, .modal-backdrop {
	position: absolute !important;
}
.modal-backdrop {
	flex: auto;
	/*margin-left: 250px;*/
	opacity: 0.6 !important;
	background: var(--unnamed-color-4a4f53) 0% 0% no-repeat padding-box !important;
	background: #4A4F53 0% 0% no-repeat padding-box !important;
}

.modal-content {
	/*margin: 10%;*/
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-radius: 20px !important;
}
/*.modal {
	display: none;*/ /* Hidden by default */
	/*position: fixed;*/ /* Stay in place */
	/*z-index: 20;*/ /* Sit on top */
	/*padding-top: 200px;*/ /* Location of the box */
	/*overflow: auto;*/ /* Enable scroll if needed */
	/*background-color: rgb(0,0,0);*/ /* Fallback color */
	/*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}*/

/* Modal Content */
/*.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 40%;
}*/

/* The Close Button od modal popup */
/*.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 20px;
}

	.close:hover,
	.close:focus {
		color: #DA291C;
		text-decoration: none;
		cursor: pointer;
	}*/

/* modified section via Mahfuz*/



.header-resopns-item {
	padding-left: 1%;
	padding-right: 6%;
	padding-bottom: -8%;
	position: relative;
	margin-left: -4%;
	width: 100%;
}

	.header-resopns-item .img-header-resopnsive {
		width: 410px;
	}

#custom-support-Id {
	margin: inherit;
	background-color: #FFF9F9;
	padding-bottom: 3em;
	border-radius: 0 0 43% 0;
}

.custom-payment-card {
	/* margin-left: 7em;*/
	background-color: #FFF9F9;
	padding: 15px;
	border: 1px solid #000000;
}

.custom-support-header {
	padding-top: 5em;
	padding-bottom: 1em;
}

	.custom-support-header h2 {
		/*font-family: Raleway;*/
		font-style: normal;
		font-weight: bold;
		font-size: 40px;
		line-height: 48px;
		text-align: center;
		color: #293032;
	}

.text-customSupport-items {
	/*font-family: Raleway;*/
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: center;
	color: #373F41;
	margin-top: 1.2rem;
}

.description-customSupport-items {
	/*font-family: Raleway;*/
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
	color: #373F41;
	padding-top: 1rem;
}

.custom-items-support-box {
	padding: 60px;
	margin-bottom: 40px;
	transition: 0.4s;
	min-height: 360px;
}

#custom-support-Id .image-customSupport-items {
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px;
}


.png-icon-customSupport img {
	width: 120px;
}

.custom-support-sections {
}

.customSupport-arrow-icons-one {
	margin-left: -9em;
	margin-top: 6em;
	margin-right: -9em;
}

.customSupport-arrow-icons-two {
	margin-left: -9em;
	margin-top: 6em;
	margin-right: -9em;
}

.custom-support-row {
	margin-bottom: 4em;
}

.col-help-card-two {
	margin-top: 5%;
	padding-left: 4%;
}

/*.select2-container--default {
	width: 100% !important;
}*/

.ifilter > div {
	margin-bottom: 5px;
}

#Bloom-Feature-project-sections-Id {
	padding-bottom: 3em;
	margin-bottom: 1em;
}

	#Bloom-Feature-project-sections-Id .Box-Items-Bloom-Feature-project .Img-Items-Bloom-Feature-project {
		width: 100%;
		display: block;
	}

.imgIcon-Bloom-Feature-project {
	width: 280px;
}

.Box-Items-Bloom-Feature-project {
	margin-top: -6em;
	margin-left: 4em;
	position: relative;
}

.p-TextFeature-Bloom-Feature-project > h3 {
	/*font-family: Raleway;*/
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0em;
	color: #DA291C;
	width: 4.5em;
	padding: 0.3em;
	background: #FFFFFF;
}

.text-Items-Bloom-Feature-project {
	margin-top: -9em;
	margin-left: 1.2em;
	position: absolute;
}

.Description-TextFeature-Bloom-Feature-project > p {
	/*font-family: Raleway;*/
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	color: #373F41;
	background: #FFFFFF;
	padding: .2em 1.7em .3em 0.4em;
}

.text-Items-Bloom-Feature-project-2 {
	margin-top: -10em;
	margin-left: 1.5em;
	position: absolute;
}

.p-TextFeature-Bloom-Feature-project-2 > h3 {
	/*font-family: Raleway;*/
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	width: 4.5em;
	padding: 0.3em;
	color: #DA291C;
	background: #FFFFFF;
}

.Description-TextFeature-Bloom-Feature-project-2 > p {
	/*font-family: Raleway;*/
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
	background: #DA291C;
	color: #FFFFFF;
	padding: .5em 0.8em .8em 0.4em;
}


.text-Items-Bloom-Feature-project-3 {
	margin-top: -9em;
	margin-left: 1.5em;
	position: absolute;
}

.p-TextFeature-Bloom-Feature-project-3 > h3 {
	/*font-family: Raleway;*/
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	color: #DA291C;
	width: 6.5em;
	padding: 0.3em;
	background: #FFFFFF;
}

.Description-TextFeature-Bloom-Feature-project-3 > p {
	/*font-family: Raleway;*/
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #373F41;
	background: #FFFFFF;
	padding: .3em 1.5em .4em .4em;
}




/* --Last update code-- */

.help-transform .bottom-btn {
	text-align: center;
}


/* ---media queries-- */

@media(max-width: 425px) {
	.custom-project-card .bpc-title {
		font-size: 21px;
		margin: 11px 15px;
	}

	.custom-project-card .bpc-title {
		font-size: 21px;
		margin: 8px 18px;
	}

	.rf-button {
		padding: 12px 27px;
	}

	#Bloom-Feature-project-sections-Id .Box-Items-Bloom-Feature-project .Img-Items-Bloom-Feature-project {
		text-align: center;
	}

	.text-Items-Bloom-Feature-project {
		margin-left: 4.2em;
	}

	.text-Items-Bloom-Feature-project-2 {
		margin-left: 3.5em;
	}

	.text-Items-Bloom-Feature-project-3 {
		margin-left: 3.5em;
	}
}

@media(max-width: 768px) {
	.text-repon-left-sm {
		left: 35% !important;
	}

	.custom-card-text-resp {
		margin-top: 88% !important;
	}

	.wib-text-bottom {
		margin-top: 9% !important;
		width: 100% !important;
		margin-bottom: 4% !important;
	}

	.help-btn {
		margin-top: 5% !important;
		margin-bottom: 5%;
	}

	.help-text {
		/*font-family: Raleway;*/
		font-size: 30px !important;
		line-height: 28px !important;
		margin-top: -1em !important;
		margin-bottom: 1em !important;
	}

	.help-text-bottom {
		/*font-family: Raleway;*/
		font-size: 10px !important;
		line-height: 28px !important;
		margin-top: -1em !important;
		margin-bottom: 1em !important;
	}

	.help-card .custom-project-card {
		left: 51% !important;
		bottom: 12%;
	}

	.customSupport-arrow-icons-one {
		display: none;
	}

	#custom-support-Id {
		border-radius: 0 !important;
	}

	.customSupport-arrow-icons-two {
		display: none
	}

	.custom-items-support-box {
		padding: 6em !important;
		margin-bottom: -5em !important;
	}

	.custom-support-header h2 {
		font-size: 33px !important;
		padding: 4px !important;
	}

	.bottom-Text {
		top: 14% !important;
		font-size: 30px !important;
	}

	.bottom-btn {
		left: 32% !important;
	}


	#Bloom-Feature-project-sections-Id {
		margin-bottom: -10em;
	}

	.imgIcon-Bloom-Feature-project {
		width: 100%;
	}
}

@media (max-width: 992px) {
	.col-help-card-two {
		padding-left: 13%;
	}

	.custom-items-support-box {
		margin-bottom: -14px;
	}

	.customSupport-arrow-icons-one {
		margin-top: -6em;
		display: none
	}

	#custom-support-Id {
		border-radius: 0 !important;
	}

	.customSupport-arrow-icons-two {
		margin-top: -6em;
		display: none
	}

	.Box-Items-Bloom-Feature-project {
		margin-top: -4em;
		margin-left: 0 !important;
		margin-bottom: 8em;
	}
}

@media(max-width: 1024px) {
	.help-card .custom-project-card {
		position: relative;
		left: 43%;
		bottom: 17%;
		z-index: 1;
		padding: -13px;
		margin: -5px 11px -26px -22%;
		padding: 17px;
	}

	element.style {
		margin-top: 5%;
		padding-left: 11%;
	}
}

@media (max-width: 1200px) {
	.col-help-card-two {
		padding-left: 13%;
	}
}



.home-amount {
	background-color: #FFF9F9;
	margin-top: 3em;
	margin-bottom: 3em;
}

.home-amount-top {
	padding: 60px;
	margin-bottom: 40px;
	transition: 0.4s;
}


.home-amount-top-inner {
	margin-top: 0.1em;
	padding-bottom: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 60px;
	text-align: center;
	color: #DA291C;
}

.home-amount-top-bottom {
	font-style: normal;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}

/*Many Causes to support*/

#Many-Causes-to-Support-Id {
	margin-top: 0;
	margin-bottom: 1em;
	background-color: #FFF9F9;
	text-align: center;
	padding-bottom: 4em;
}

.Header-Many-Causes-to-Support {
	padding-top: 4em;
	padding-bottom: 3em;
}

	.Header-Many-Causes-to-Support h2 {
		/*font-family: Raleway;*/
		font-style: normal;
		font-weight: bold;
		font-size: 40px;
		line-height: 48px;
		text-align: center;
		color: #293032;
	}

.testimonial-items {
	width: 150px;
	display: inline-block;
	text-align: center;
}

.img-testimonial {
	text-align: center;
}

	.img-testimonial img {
		width: 150px !important;
		height: 110px;
		display: inline-block;
		margin: auto;
		border-radius: 2px
	}



.Many-Causes-to-Support-Carousel {
	padding: 1em 8em;
	position: relative;
}

.P-text-Many-Causes-to-Support {
	background-color: white;
	margin-top: 8px;
	text-align: left;
	padding: 4px 0px 3px 12px;
}

#Many-Causes-to-Support-Id .owl-carousel.owl-drag .owl-item {
	width: 150px !important;
	overflow: hidden;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	position: absolute;
	left: 105%;
	top: 37%;
}

.P-text-Many-Causes-to-Support a {
	font-family: Raleway;
	font-size: 15px;
	color: black;
}

.next-icon {
	color: #DA291C;
	font-size: 1.8rem;
}


.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next {
	display: none;
}


/*new added for grid*/
/*.grid-container {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	background: #FFFFFF;*/
/*    padding: 10px;*/
/*}*/

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/

/*@media (min-width: 1281px) {
	.grid-container {
		display: grid;
		grid-template-columns: auto auto auto auto auto auto;
		background: #FFFFFF;*/
		/*    padding: 10px;*/
	/*}
}*/

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

/*@media (min-width: 1025px) and (max-width: 1280px) {

	.grid-container {
		display: grid;
		grid-template-columns: auto auto auto auto auto;
		background: #FFFFFF;*/
		/*    padding: 10px;*/
	/*}

}*/

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width: 768px) and (max-width: 1024px) {

	.grid-container {
		display: grid;
		grid-template-columns: auto auto auto auto;
		background: #FFFFFF;*/
		/*    padding: 10px;*/
	/*}

}*/

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	.grid-container {
		display: grid;
		grid-template-columns: auto auto auto;
		background: #FFFFFF;*/
		/*    padding: 10px;*/
	/*}

}*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

/*@media (min-width: 481px) and (max-width: 767px) {

	.grid-container {
		display: grid;
		grid-template-columns: auto auto;
		background: #FFFFFF;*/
		/*    padding: 10px;*/
	/*}

}*/

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/*@media (min-width: 320px) and (max-width: 480px) {

	.grid-container {
		display: grid;
		grid-template-columns: auto;
		background: #FFFFFF;*/
		/*    padding: 10px;*/
	/*}

}*/















/*.grid-item {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	font-size: 30px;
	text-align: center;
	margin: 22px 20px;*/
	/*width: 158px;*/
	/*height: 401px;
}*/
/**
* FilePond Custom Styles
*/
.filepond--drop-label {
	color: #4c4e53;
	background: #E3F3EC 0% 0% no-repeat padding-box;
	border-radius: 8px;
	
}
.filepond--root .filepond--drop-label{
	min-height:8em!important;
}
.filepond--label-action-1{
	font-size:18px!important;
}
.iconfilepond{
	padding:0!important;
	font-size:28px!important;
}
.filepondlabelaction {
	/*text-decoration-color: #babdc0;*/
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 6px;
	text-decoration: none !important;
	cursor: pointer !important;
	/*margin-top: 5px !important;
	margin-bottom: 10px !important;
	padding: 5px !important;
	width: 10em !important;
	text-align: center !important;*/
}

.filepond--panel-root {
	border-radius: 2em;
	background: #E3F3EC 0% 0% no-repeat padding-box;
	height: 1em;
}

.filepond--item-panel {
	background-color: #595e68;
}

.filepond--drip-blob {
	background-color: #7f8a9a;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

	audio:not([controls]) {
		display: none;
		height: 0;
	}

a {
	background-color: transparent;
	text-decoration: none;
}

	a:active, a:hover {
		outline: 0;
	}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0px;
	padding: 0px;
}


/***********************  TOP Bar ********************/
.sidebar {
	width: 100%;
	background-color: #FFFFFF;
	transition: all 0.5s ease-in-out;
}

.bg-defoult {
	background-color: #FFFFFF;
}

.sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/*.sidebar li a, .sidebar li a.collapsed.active {
	display: block;
	padding: 8px 12px;
	color: #fff;
	border-left: 0px solid #34B67A;
	text-decoration: none
}

	.sidebar li a.active {
		background-color: #000;
		border-left: 5px solid #34B67A;
		transition: all 0.5s ease-in-out
	}*/
.sidebar li ul li a {
	padding-left: 35px!important;
}
	.sidebar li a:hover {
		background: #f3f8ff 0% 0% no-repeat padding-box;
	}

	.sidebar li a i {
		padding-right: 5px;
	}
.sidebar ul li .sub-menu li {
	border-left: 4px solid #CCF3E2;
}
.sidebar ul li .sub-menu li a {
	position: relative;
}

	/*.sidebar ul li .sub-menu li a:before {
		font-family: FontAwesome;
		content: "\f105";
		display: inline-block;
		padding-left: 0px;
		padding-right: 10px;
		vertical-align: middle;
	}

	.sidebar ul li .sub-menu li a:hover:after {
		content: "";
		position: absolute;
		left: -5px;
		top: 0;
		width: 5px;
		background: #f3f8ff 0% 0% no-repeat padding-box;
		height: 100%;
	}*/

	.sidebar ul li .sub-menu li a:hover {
		background: #f3f8ff 0% 0% no-repeat padding-box;
		padding-left: 20px;
		transition: all 0.5s ease-in-out
	}

/*.sub-menu {
	border-left: 5px solid #34B67A;
}*/

.sidebar li a .nav-label, .sidebar li a .nav-label + span {
	transition: all 0.5s ease-in-out
}


.sidebar.fliph li a .nav-label, .sidebar.fliph li a .nav-label + span {
	display: none;
	transition: all 0.5s ease-in-out
}

.sidebar.fliph {
	width: 42px;
	transition: all 0.5s ease-in-out;
}

	.sidebar.fliph li {
		position: relative
	}

	.sidebar.fliph .sub-menu {
		position: absolute;
		left: 39px;
		top: 0;
		background-color: #222;
		width: 150px;
		z-index: 100;
	}

	/*Akash*/

 /*


*/

.hi-icon-Edit, .hi-icon-Delete {
	cursor: pointer;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
}

	.hi-icon-Edit a, .hi-icon-Delete a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		z-index: 100;
	}

	.hi-icon-Edit:after, .hi-icon-Delete:after {
		pointer-events: none;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		content: '';
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.hi-icon-Edit:before, .hi-icon-Delete:before {
		font-size: 15px;
		line-height: 27px;
		text-transform: none;
		display: block;
		-webkit-font-smoothing: antialiased;
	}

.hi-icon-effect-3 .hi-icon-Edit {
	box-shadow: 0 0 0 1px #1dc9b7; /*circle border color*/
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

	.hi-icon-effect-3 .hi-icon-Edit:after {
		top: -2px;
		left: -2px;
		padding: 2px;
		z-index: -1;
		background: #1dc9b7; /*circle fill background color on hover*/
		-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
		-moz-transition: -moz-transform 0.2s, opacity 0.3s;
		transition: transform 0.2s, opacity 0.3s;
	}

.hi-icon-effect-3b .hi-icon-Edit {
	color: #1dc9b7; /*icon color before hover*/
}


.hi-icon-effect-3 .hi-icon-Delete {
	box-shadow: 0 0 0 1px #da291c; /*circle border color*/
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

	.hi-icon-effect-3 .hi-icon-Delete:after {
		top: -2px;
		left: -2px;
		padding: 2px;
		z-index: -1;
		background: #da291c; /*circle fill background color on hover*/
		-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
		-moz-transition: -moz-transform 0.2s, opacity 0.3s;
		transition: transform 0.2s, opacity 0.3s;
	}

.hi-icon-effect-3b .hi-icon-Delete {
	color: #da291c; /*icon color before hover*/
}



	.hi-icon-effect-3b .hi-icon-Edit:hover,
	.hi-icon-effect-3b .hi-icon-Delete:hover {
		color: white; /*icon hover after color*/
	}

	.hi-icon-effect-3b .hi-icon-Edit:after,
	.hi-icon-effect-3b .hi-icon-Delete:after {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0;
	}

	.hi-icon-effect-3b .hi-icon-Edit:hover:after, 
	.hi-icon-effect-3b .hi-icon-Delete:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
.db-title {
	margin-top: 10px;
	padding: 2px 5px;
	border-left: 4px solid;
	font-weight: 600;
}

.count-card-holder {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	min-height: 100px;
}

	.count-card-holder > .count-card {
		flex: 1 0 300px;
		display: flex;
		flex-wrap: nowrap;
		background-color: white;
		margin: 5px;
		border-radius: 8px;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
		box-sizing: border-box;
		padding: 10px;
		transition: all 0.5s ease-in;
		text-shadow: 0 0 5px #afafaf;
	}

		.count-card-holder > .count-card[url] {
			cursor: pointer;
		}

		.count-card-holder > .count-card[url="#"] {
			cursor: default;
		}

	.count-card-holder#overall > .count-card {
		flex: 1 0 17vw;
		min-width: 200px;
	}

	.count-card-holder#contentviewstate > .count-card, .count-card-holder#quizparticipantsstate > .count-card {
		flex: 1 0 300px;
	}

	.count-card-holder > .count-card:hover {
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
	}

	.count-card-holder > .count-card > .cc-icon {
		flex: 0 0 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.count-card-holder > .count-card > .cc-icon > svg {
			width: 100%;
		}

	.count-card-holder > .count-card > .cc-info {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
	}

		.count-card-holder > .count-card > .cc-info > .cc-number {
			flex: auto;
			font-size: 35px;
			font-weight: 500;
			transition: all 0.5s ease-in;
		}

		.count-card-holder > .count-card > .cc-info > .cc-text {
			flex: auto;
			font-size: 14px;
			font-weight: 500;
			transition: all 0.5s ease-in;
			text-transform: uppercase;
		}

			.count-card-holder > .count-card > .cc-info > .cc-text > span {
				margin-right: 10px;
			}

				.count-card-holder > .count-card > .cc-info > .cc-text > span.change-up {
					color: forestgreen;
				}

				.count-card-holder > .count-card > .cc-info > .cc-text > span.change-down {
					color: crimson;
				}