:root {
	--red: #a82829;
}


body {
	font-size: 14px;
	font-family: Helvetica !important;
	color: var(--bs-body-color) !important;
}

html {
	scroll-padding-top: 300px;
}

h1,
h2,
h3,
h4,
h5 {
	margin-bottom: 0px;
}

hr {
	background-color: #505050ad;
	opacity: 1;
}

a {
	color: black;
}

a:hover {
	color: #404040;
}

.border-top {
	border-top: 1px solid #707070 !important;
}

.border-start {
	border-left: 1px solid #707070 !important;
}

.navbar-brand>img {
	width: 150px;
}

.navbar {
	background-color: #404040;
}

.navbar-toggler {
	color: white;
}

.navbar-search {
	display: none;
	flex-grow: 1;
}

/* @media (max-width: 992px) {
  .navbar-search {
    display: none;
  }
} */

@media (min-width: 992px) {
	.navbar-search {
		width: 100%;
		display: block;
	}
}

.nav-link {
	color: white;
}

.nav-link.active {
	font-weight: 700;
}

.nav-link:focus,
.nav-link:hover {
	color: white;
}

.nav-link {
	color: white;
}

.navbar-nav .dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 12px;
}

.dropdown-toggle::after {
	content: "";
}

.bg-light {
	background-color: #ededed !important;
}

.bg-dark {
	background-color: #404040 !important;
}

.bg-red {
	background-color: #a82829 !important;
}

.bg-gray {
	background-color: #d6d6d6;
}

.text-red {
	color: #a82829;
}

.cnow-map-preview {
	height: 300px;
}

.btn-list {
	display: block;
}

.btn-list>.btn {
	margin: 0px 2px;
}

.btn-list>.dropdown {
	margin: 0px 2px;
}

.btn-red {
	background-color: #a82829;
}

.btn-light {
	background-color: #ededed;
	border-color: #707070;
	border-width: 1px;
}

.btn-light.disabled,
.btn-light:disabled {
	border-color: #707070;
}

.btn-light:hover {
	border-color: #707070;
}

.page-section-margin {
	margin-top: 64px;
}

.page-nav-icon {
	width: 75px;
	height: 60px;
	margin-bottom: 16px;
}

.page-nav-hr {
	background-color: #707070 !important;
	opacity: 1;
	padding: 2px;
	margin-top: -25px;
}

.banner {
	width: 100%;
	aspect-ratio: 3.2;
	object-fit: cover;
}

.featured {
	width: 100%;
	aspect-ratio: 1.86;
	object-fit: cover;
}

.cover {
	width: 100%;
	height: 80vh;
	object-fit: cover;
}

.object-fit-contain {
	object-fit: contain !important;
}

.homepage-blur-image {
	width: 100%;
	height: 80vh;
	object-fit: cover;
	background-color: rgba(255, 255, 255, 0.7) !important;
	filter: blur(4px) !important;
	;
}


.thumb {
	width: 100%;
	aspect-ratio: 1.25;
	object-fit: cover;
}

.thumb-2x {
	width: 100%;
	height: 80px
}

/* .list-inline-item {
  margin-right: 2px !important;
} */

.card {
	border-radius: 0 !important;
}

.nav-image-hover:hover {
	opacity: 1 !important;
}


@media not all and (max-width: 480px) {
	.megamenu-dropdown {
		position: absolute;
		width: 100%;
		left: 0;
		right: 0;
		background: #fff;
		top: 49px;
		min-height: 312px;
		margin-top: 12px;
	}
}

.navbar-nav .dropdown-item {
	color: #707070 !important;
	padding: 5px 13px;
	font-weight: bold;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: black;
	background-color: white;
	font-weight: bold;
}

.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 0px;
	border-radius: 0px;
}

.sticky-timeline {
	position: sticky !important;
	position: -webkit-sticky !important;
	top: 58px !important;
	z-index: 3 !important;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-button-disabled {
	color: #707070 !important;
	top: 35% !important;
}


.swiper-button-next,
.swiper-button-prev {
	color: #000000 !important;
	background-image: url('../img/icons/arrow-left.svg') !important;
	background-repeat: no-repeat;
	height: 35px !important;
	width: 35px !important;
}

.swiper-button-next {
	background-image: url('../img/icons/arrow-right.svg') !important;
	right: 0px !important;
}

.swiper-button-prev {
	left: 0px !important;
}

.swiper-button-next::after {
	display: none;
}

.swiper-button-prev::after {
	display: none;
}

.dropdown::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1.375rem;
	content: "";
}

.imageDimension {
	width: 200px;
	height: 160px;
}

.dropdown-toggle::after {
	content: none;
}

.cnow-share {
	min-width: 250px;
	padding: 0;
	border: 0;
	border-radius: 0;
	z-index: 10;
	/* position: absolute; */
	/* transform: translate(-196px, 45px) !important; */
}

.dropdown-menu-head {
	background: #404040;
	padding: 0px 18px 0px 25px;
	color: #fff;
	position: relative;
}

.close {
	color: #fff;
	font-size: 25px;
	display: flex;
	align-items: center;
}

.dropdown-menu-list {
	padding: 30px 25px;
	background: #fff;
	border: 1px solid #404040;
}

.dropdown-menu-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	max-width: 170px;
}

.dropdown-menu-list ul li {
	border-top: 1px solid #000;
}

.dropdown-menu-list ul li a {
	color: #000;
	padding: 6px 15px;
	display: block;
	text-decoration: none;
}

.dropdown-menu-list ul li:last-child {
	border-bottom: 1px solid #000;
}

.cnow-share[data-popper-placement="bottom-start"] {
	transform: translate(-218px, 38px) !important;

	/* top: 7px !important;
    left: -256px !important; */
}

.cnow-share[data-popper-placement="top-start"] {
	transform: translate(-218px, -38px) !important;
	/* left: -256px !important;
  top: -281px  !important; */
}

.cnow-share[data-popper-placement="top-end"] {
	transform: translate(1px, -39px) !important;
	/* left: -256px !important;
  top: -281px  !important; */
}

.cnow-share[data-popper-placement="bottom-end"] {
	transform: translate(-1px, 39px) !important;
	/* left: -256px !important;
  top: -281px  !important; */
}

.cnow-share[data-popper-placement="bottom-start"]::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -15px;
	right: 0px;
	left: auto;
	margin: auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 15px solid #404040;
	width: 0px;
	height: 0px;
}

.cnow-share[data-popper-placement="top-start"]::before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -15px;
	right: 1px;
	left: auto;
	margin: auto;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid black;
	border-bottom: 0px solid transparent;
	border-width: 20px black;
	width: 0px;
	height: 0px;
}

.cnow-ellipsis-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cnow-ellipsis-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cnow-ellipsis-12 {
	display: -webkit-box;
	-webkit-line-clamp: 12;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cnow-ellipsis-15 {
	display: -webkit-box;
	-webkit-line-clamp: 15;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cnow-ellipsis-24 {
	display: -webkit-box;
	-webkit-line-clamp: 24;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cnow-ellipsis-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.cnow-ellipsis-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.cnow-share[data-popper-placement="top-start"]::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -14px;
	right: 2px;
	left: auto;
	/* top: 0; */
	margin: auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	border-bottom: 0px solid transparent;
	border-width: 20px black;
	width: 0px;
	height: 0px;
}

.cnow-share[data-popper-placement="top-end"]::before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -15px;
	right: 1px;
	left: auto;
	margin: auto;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid black;
	border-bottom: 0px solid transparent;
	border-width: 20px black;
	width: 0px;
	height: 0px;
}

.cnow-share[data-popper-placement="top-end"]::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: -14px;
	right: 2px;
	left: auto;
	/* top: 0; */
	margin: auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #fff;
	border-bottom: 0px solid transparent;
	border-width: 20px black;
	width: 0px;
	height: 0px;
}

.cnow-share[data-popper-placement="bottom-end"]::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -15px;
	right: 0px;
	left: auto;
	margin: auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 15px solid #404040;
	width: 0px;
	height: 0px;
}

.cnow-left-background {
	background: linear-gradient(to left, #fff 50%, #ededed 50%);
}

.then-now-div {
	width: 100vw;
	height: 100vh;
}

.dzi-container {
	width: 100vw;
	height: 100vh;
}

.logo-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.headshot {
	width: 100%;
	height: 100%;
	aspect-ratio: 1.25;
	object-fit: cover;
}

.headshot-playlist {
	width: 100%;
	height: 100%;
	aspect-ratio: 1.25;
	object-fit: cover;
	object-position: center top
}

.banner-section {
	position: relative;
}

.logo-section {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
}

.logo-section .container {
	height: 100%;
	padding: 0px;
}

.logo-section .col-4 {
	height: 100%;
}

.search-label {
	width: 30%;
	border-radius: 0px !important;
}

@media (min-width: 1200px) {
	.search-label {
		width: 104px;
	}
}


.box {
	background-color: #fff;
	color: #000;
}

.box.active {
	background-color: #a82829;
	color: #fff;
}

.box.arrow-top {
	margin-top: 7px;
}

.box.arrow-top:after {
	content: " ";
	position: absolute;
	left: 0px;
	top: -7px;
	border-top: none;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #fff;
}

.box.arrow-top-black {
	margin-top: 7px;
}

.box.arrow-top-black:after {
	content: " ";
	position: absolute;
	left: 0px;
	top: -7px;
	border-top: none;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid #404040;
}

.arrow-top-black-active:after {
	border-bottom: 7px solid #404040 !important;
}

.box.arrow-top.active:after {
	border-bottom: 7px solid #a82829;
}

.cursor-pointer {
	cursor: pointer;
}

.cnow-line-height {
	line-height: 1.1;
	padding-top: 2px !important;
}

.cnow-line {
	line-height: 1.1;
}

.cnow-copyUrl-padding {
	padding: 6px 15px;
	display: block;
	color: #000;
}

.min-height-staff {
	min-height: 40px;
}

.pt-10px {
	padding-top: 10px !important;
}

.cnow-partnership:first-child {
	padding-top: 5px;
}

.cnow-partnership:last-child {
	padding-bottom: 10px;
}

.cnow-press:last-child {
	padding-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1400px) {
	.min-height-staff {
		min-height: 50px;
	}

	.previe-image-box {
		width: 85vw;
		margin: auto;
	}

}

@media (min-width: 376px) and (max-width: 992px) {
	.min-height-staff {
		min-height: 70px;
	}

	.preview-container .preview-col {
		width: 80vw;
		margin: auto;
		/* overflow: auto; */
	}

	.previe-image-box {
		width: 85vw;
		margin: auto;
	}


}

.fz-8 {
	font-size: 0.5rem;
}

.fz-10 {
	font-size: 0.625rem;
}

.fz-11 {
	font-size: 0.6875rem;
}

.fz-12 {
	font-size: 0.75rem;
}

.fz-13 {
	font-size: 0.8125rem;
}

.fz-14 {
	font-size: 0.8125rem;
}

.fz-15 {
	font-size: 0.9375rem;
}

.fz-16 {
	font-size: 1rem;
}

.fz-18 {
	font-size: 1.125rem;
}

.fz-20 {
	font-size: 1.25rem;
}

.fz-25 {
	font-size: 1.5625rem;
}

.fz-28 {
	font-size: 1.75rem;
}

.cursor-default {
	cursor: default;
}

.playlist-popover.popover {
	background-color: #ededed;
	border: 1px solid #707070;
	border-radius: 0px !important;
}

.playlist-popover .popover-arrow::after {
	border-right-color: #ededed;
}

.playlist-popover .popover-arrow::before {
	border-right-color: #000;
}

.cnow-card-heigth {
	min-height: 88px;
}

.search-cnow-card-heigth {
	min-height: 94px;
}

.cnow-card-heigth-first {
	min-height: 4vh;
}

.cnow-global-line-height {
	line-height: 1.1 !important;
}

.cnow-donate-min-heigth {
	min-height: 60px;
}

.cnow-image-preview-container {
	background-color: #707070;
	margin-top: 64px;
	height: calc(100vh - 64px);
}

.preview-image {
	height: 100%;
}

.preview-title {
	height: 64px;
}

.preview-container {
	background-color: #ededed;
	position: relative;
	height: 531px;
	margin-left: -12px;
}

.preview-container .cnow-map-preview {
	height: 10vw;
	/* width: 15vw; */
}

.preview-container .preview-col {
	height: 473px;
	width: 59.57%;
	margin-left: 0.3vh;
	/* overflow: auto; */
}

.preview-col::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}

.preview-col::-webkit-scrollbar {
	width: 3px;
	height: 3px;
	background-color: #f5f5f5;
}

.preview-col::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.4);
}

.preview-container .headshot {
	width: 100%;
	height: 100%;
	aspect-ratio: 1.25;
	object-fit: cover;
}

.preview-head {
	font-size: 38px;
	font-weight: bold;
	margin-left: 0px;
}

.preview-close {
	position: absolute;
	border: 0;
	top: 17px;
	right: 12px;
}

.podcast-count {
	margin-left: -5px;
}

.preview-content {
	height: 73%;
	margin-left: 18.5px;
}

.plus-podcast {
	font-size: 20px;
}

.location-button i {
	width: 12px !important;
}

.photo-credit {
	position: absolute;
}

.h-300 {
	height: 300px;
}

.audio-wave {
	width: 38px;
	height: 25px;
	/* transform: scale(5); */
	/* margin-right: 7px; */
}

.line-wrap-1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.color-grey {
	color: #707070;
}

.entity-preview-modal {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.entity-preview-modal .modal-dialog {
	max-width: 100vw !important;
}

.entity-preview-modal .modal-body {
	background-color: #ededed !important;
	padding: 0 !important;
}

.banner-overlay:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
}

.tour-banner {
	height: 60vh;
	position: relative;
}

.tour-headshot {
	position: absolute;
	height: 100%;
	top: 0;
	left: 16%;
	width: 427px;
}

.podcast-icon {
	position: absolute;
	top: 12px;
	right: 30px;
}


.cnow-share-map[data-popper-placement="bottom-start"] {
	transform: translate(0px, 38px) !important;
}

.cnow-share-map[data-popper-placement="bottom-start"]::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -15px;
	right: auto;
	left: 0px;
	margin: auto;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 15px solid #404040;
	width: 0px;
	height: 0px;
}

.btn-gray {
	background-color: #707070 !important;
}

.entity-timeline {
	position: relative;
	padding-bottom: 2%;
	width: 100%;
	overflow-x: scroll;
	scroll-behavior: smooth;
}

.entity-timeline::-webkit-scrollbar,
.card-container::-webkit-scrollbar {
	background: transparent;
	-webkit-appearance: none;
	width: 0;
	height: 0;
}

.entity-timeline-item::before {
	content: "";
	position: absolute;
	height: 33px;
	margin-top: 60px;
	border-left: 1px solid #707070;
}

.timeline-line {
	position: relative;
}

.timeline-line {
	content: "";
	position: absolute;
	margin-top: 72px;
	width: 100%;
	border-bottom: 5px solid #707070;
}

.entity-timeline-container::before {
	content: "";
	position: absolute;
	margin-top: 72px;
	width: 100%;
	border-bottom: 5px solid #707070;
}

.timeline-scroll-right {
	position: absolute;
	z-index: 5;
	top: 50%;
	right: 0;
}

.timeline-scroll-right-home {
	position: absolute;
	z-index: 5;
	top: 13%;
	right: 0;
}

.timeline-scroll-left {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 0;
}

.timeline-scroll-left-home {
	position: absolute;
	z-index: 5;
	top: 13%;
	left: 0;
}

.card-container {
	overflow-x: scroll;
	overflow-y: auto;
	scroll-behavior: smooth;
}

.card-scroll-right {
	position: absolute;
	z-index: 5;
	top: 28%;
	right: 0px;
}

.card-scroll-left {
	position: absolute;
	z-index: 5;
	top: 28%;
	left: 0px;
}

.entity-timeline-image:hover {
	opacity: 1 !important;
}

.entity-image-timeline-swiper.swiper {
	width: 100% !important;
}

.entity-image-timeline-swiper .swiper-slide {
	width: auto !important;
}

.entity-timeline-year-section {
	margin-left: 1.5px;
	margin-right: 8px;
}

.entity-image-timeline-swiper .swiper-button-prev {
	background-image: url('../img/icons/arrow-left.svg') !important;
	background-repeat: no-repeat;
	height: 30px;
}

.entity-image-timeline-swiper .swiper-button-next {
	background-image: url('../img/icons/arrow-right.svg') !important;
	background-repeat: no-repeat;
	height: 30px;
}

.entity-image-timeline-swiper .swiper-button-next::after {
	display: none;
}

.entity-image-timeline-swiper .swiper-button-prev::after {
	display: none;
}

.entity-timeline-image-container {
	margin-right: 0.6rem;
}

.card-podcast-count {
	/* margin-bottom: -3px; */
}

.line-height-modal {
	line-height: 1.1 !important;
}


.nav-item .dropdown:hover {
	position: relative;
}

.navbar-search-mobile {
	display: none;
}

.cnow__placeholder {
	white-space: nowrap;
}

.globalNav {
	padding-left: 15px;
}

.tour-stop-number-red {
	display: flex;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-weight: bold;
	background: #a82829 0% 0% no-repeat;
	color: #FFFFFF;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.tour-stop-site-number-red {
	display: flex;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid #a82829;
	background: #FFFFFF 0% 0% no-repeat;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

@media (min-width: 991px) and (max-width: 1023px) {
	.globalNav {
		padding-left: 23px;
	}
}


@media only screen and (max-width: 991px) {
	.navbar-search {
		display: none;
	}

	.navbar-search-mobile {
		display: block;
		width: 100%;
	}

	.navbar-search-mobile-input {
		justify-content: center !important;
	}

	.search-label {
		width: 16% !important;
	}

	/* .css-rcuec0-container {
    width: 70% !important;
  } */




	.css-1r5qoky-container {
		width: 72% !important;
	}

	.previe-image-box {
		width: 85vw;
		margin: auto;
	}

	.preview-container .preview-col {
		width: 80vw;
		margin: auto;
		/* overflow: auto; */
	}

}

.swiper-margin .swiper-button-next {
	margin-top: 65px !important;
}

.swiper-margin .swiper-button-prev {
	margin-top: 65px !important;
}

/* .nextEl ,.prevEl */

.cnow-swiper-button .swiper-button-next {
	margin-top: 0 !important;
}

.cnow-swiper-button .swiper-button-prev {
	margin-top: 0 !important;
}

@media only screen and (min-width: 769px) {
	li.nav-item.dropdown.list-view:hover>.dropdown-menu {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin-left: -303px;
		position: absolute;
		left: 0;
	}

	li.nav-item.dropdown.list-view:hover::before {
		/* background-color: #fff;
    width: 20px;
    height: 20px;
    top: 41px;
    position: absolute;
    bottom: 0;
    left: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); */
	}

	.navbar-brand {
		margin-left: 0px;
	}
}

.site-sticky {
	position: sticky;
	top: 60px;
	z-index: 99;
	background-color: #fff;
}

.site-sticky-left {
	position: sticky;
	top: 60px;
	z-index: 99;
	background: #EDEDED;
}

.site-heading {
	line-height: 30px;
}

.btn-scoll-top {
	position: fixed;
	bottom: 16px;
	right: 24px;
	z-index: 99;
}

.border-grey {
	border: 1px solid #dddddd;
}

.border-bottom-grey {
	border-bottom: 1px solid #707070;
}

.css-1lv1sce-control {
	border-left: none !important;
	border-radius: 0px 5px 5px 0px !important;
}

.headshot-child-img {
	position: absolute !important;
	right: 6px !important;
}

.active-link {
	color: black !important;
	background-color: white;
	font-weight: bold;
}

.focusremove {
	margin-left: -15px !important;
}

.ps-2_5 {
	padding-left: .8rem !important
}

/* Custom Checkbox */
.accordion .container {
	padding: 13px;
}

.checkboxContainer {
	margin-bottom: 10px;
	display: inherit;
	align-items: center;
	user-select: none;
	border: 1px solid #8c8c8c;
	background-color: #ededed;
	padding: 2px;
}

.checkboxContainer label {
	color: black;
	position: absolute;
	z-index: 10;
	padding-left: 30px;
	cursor: pointer;
	/* width: 70%; */
	font-size: 12px;
}

.checkboxLabel {
	font-size: 12px;
}

.checkboxContainer input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.checkboxContainer input:checked~.MyCustomeCheckBox {
	border-color: #8b2727;
	box-shadow: 0px 0px 0px 15px #8b2727 inset;
}

.checkboxContainer input:checked~.MyCustomeCheckBox::after {
	opacity: 1;
	transform: scale(1);
}

.checkboxContainer .MyCustomeCheckBox {
	width: 15px;
	height: 15px;
	display: flex;
	justify-content: center;
	position: relative;
	border-radius: 0px;
	background-color: #ededed;
	border: 1px solid #8c8c8c;
	box-shadow: 0px 0px 0px 0px #8b2727 inset;
	transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}

.checkboxContainer .MyCustomeCheckBox::after {
	content: "";
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 4;
	position: absolute;
	transform: scale(0);
	background-size: 50%;
	background-image: url("https://s6.picofile.com/d/8392306668/bacc888c-bed7-41a9-bf24-f6ff0718f471/checkmark.svg");
	background-repeat: no-repeat;
	background-position: center;
	transition-delay: 0.2s !important;
	transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
}


.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.collpaseTable {
	table-layout: fixed;
	width: 100%;
}

.collpaseTable td {
	width: 25%;
	padding: 10px 0px;
}

.react-datepicker-ignore-onclickoutside {
	background-color: #8c8c8c !important;
	border: 1px solid #ededed !important;

}

.react-datepicker__input-container input {
	background-color: #ededed !important;
	border: 1px solid #8c8c8c !important;

}

.react-datepicker__input-container input:focus {
	border: 1px solid #8c8c8c !important;

}

/* Input Field style */
.MyInput {
	background-color: #ededed !important;
	border: 1px solid #8c8c8c !important;

}

.filterColor {
	color: black;
	font-family: Helvetica;
}



.PlusIcon:hover {
	text-decoration: none;
	color: black;
}

.PlusIcon:focus {
	text-decoration: none;
	color: black;
}

.PlusIcon {
	color: black;
}

.breadCrumbIcon {
	position: relative;
	top: 2px;
	left: 5px;
}

.rs-drawer-content {
	overflow-x: hidden;
	overflow-y: auto;
}

.textColorBlack {
	color: black !important;
	font-family: Helvetica !important
}

.myFontFamily {
	font-family: Helvetica;
}

.FilterItemBorder {
	border-bottom: 1px solid;
}

.cursorGrab {
	cursor: grab;
}

.cursorGrabbing {
	cursor: grabbing;
}

.previewHRTag {
	padding: 1px !important;
}

.line-wrap-1 {
	white-space: normal;
	text-overflow: '' !important;
	overflow: hidden;
	height: 14px;
}

.previe-image-box {
	min-height: 531px;
	margin-right: 4px;
	width: 504px;
}

.preview-address {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen and (max-width: 992px) {
	.preview-container {
		height: auto;
	}

	.preview-container .preview-col {
		width: 80vw;
		margin: auto;
		/* overflow: auto; */
	}

	.previe-image-box {
		width: 85vw;
		margin: auto;
	}

}

.vertical {
	writing-mode: tb;
	transform: rotate(-180deg);
	font-weight: bolder;
}

#personname {
	font-size: 10px;
	/* color: rgb(19, 1, 1); */
}

#category {
	/* color: grey; */
	font-size: 9px;
}

#details {
	font-weight: medium;
	font-size: 8.5px;
	line-height: 10px;
}

#adress {
	line-height: 12px;
}

#selectedproject {
	overflow: hidden;
}

.text-red-important {
	color: #a82829 !important
}

.zoomImage .lmGPCf,
.zoomImage .gVmiLs {
	width: auto;
}

.zoomCloseButton {
	position: fixed;
	top: 20px;
	right: 20px;
}

.playbutton {
	margin-top: 2px;
	margin-right: 4px;
	line-height: 1px;
}

.desktop-input-group {
	flex-wrap: nowrap !important;
}




.podcast-dropdown {
	padding: 7px;
	width: 100%;
	position: absolute;
	background: #ededed;
	left: 0;
	width: 100%;
	top: 50px;
	z-index: 1;
}

.entity-card {
	width: 240px;
	min-width: 240px;
}

.playlist-podcast-description {
	padding-top: 5px;
	position: absolute;
	width: 100%;
	z-index: 1;
	background-color: #ededed;
	padding-left: 115px;
	border-left: 3px solid #707070;
	margin-left: -3px;
}

.playlist-item.hasInfo {
	background-color: #ededed;
}

.people-banner {
	--bs-gutter-x: 1.5rem !important
}

@media (max-width: 574px) {
	.credits-left-container {
		display: none;
	}
}

.cnow-card-number {
	display: inline-block;
	line-height: 0px;
	border-radius: 50%;
	border: 2px solid #c22124;
	font-size: 10px;
	font-weight: 600;
	width: 24px;
	height: 24px;
	text-align: center;
	background: #fff;
	color: #000;
	margin-right: 2px;
}

.cnow-card-number span {
	display: inline-block;
	padding-top: 6%;
	padding-bottom: 6%;
	line-height: 20px;
}

.w-85 {
	width: 85%;
}

.sub-margin {
	margin-left: 20px;
}

.line-wrap-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.line-wrap-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.line-wrap-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.sitemap-mapoverlay-closed {
	background-color: #FFFFFF;
	height: 80px;
	width: 85px;
	margin-left: 6px;
	border-color: #6c757db5 !important;
}

.cnow_firstElem_hr:first-child {
	/* border-top: 1px solid #777676; */
}

.podcast-menu-list {
	cursor: pointer;

}

.sub-design {
	float: right;
}


.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.autocomplete-container {
	max-height: 180px;
	overflow-y: auto;
	position: absolute;
	z-index: 1;
	background-color: white;
}

.suggestion-item {
	width: 190px;
	border: 1px solid #EDEDED;
	cursor: pointer;
	padding: 0.2rem;
}

[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	height: 10px;
	width: 10px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
	background-size: 10px 10px;
}

.markerCluster {
	background-color: #86e8ff;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	position: absolute;
	z-index: 9999;
}


.rs-drawer-left.rs-drawer-xs,
.rs-drawer-right.rs-drawer-xs {
	width: 410px !important;
}

/* collections date picker styles start*/
.collections-datepicker .react-datepicker-popper[data-placement^=bottom] {
	padding-top: 0px !important;
}

.collections-datepicker .react-datepicker__input-container input {
	width: 100%;
}


.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
	background-color: #cbaeae !important;
	border-radius: 100.0rem !important
}

.react-datepicker__day--keyboard-selected {
	background-color: white !important;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
	background-color: #cbaeae !important;
	border-radius: 100.0rem !important
}

.react-datepicker__day--highlighted {
	font-weight: bold !important;
}

.react-datepicker__day--selected {
	font-weight: bold !important;
}

.react-datepicker__day--in-range {
	font-weight: bold !important;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
	background-color: #a82829 !important;
	border-radius: 100.0rem !important
}

.react-datepicker {
	border: 0px !important
}

.dot-style {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) translateY(50%);
	height: 0.6em;
	width: 0.6em;
	border-radius: 50%;
}

.react-datepicker__red-circle {
	position: relative;
}

.react-datepicker__red-circle::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #a82829;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 320px) and (max-width: 425px) {
	.dot-style {
		bottom: 20%;
	}

	.react-datepicker__month .react-datepicker__month-text,
	.react-datepicker__month .react-datepicker__quarter-text {
		width: 4.2rem;
		height: 2.68rem;
		padding: 10.611958px;
	}

	.react-datepicker__red-circle::before {
		bottom: 13%;
	}

	.react-datepicker__year .react-datepicker__year-text {
		width: 3.5rem !important;
		height: 1.65rem !important;
		padding: 14px !important;
		padding-bottom: 30px !important;
	}

	.react-datepicker__year-wrapper {
		max-width: 100%;
	}
}

@media (min-width: 426px) and (max-width: 768px) {

	.react-datepicker__day-name,
	.react-datepicker__day,
	.react-datepicker__time-name {
		width: 1.17rem;
		line-height: 0.7rem;
	}

	.dot-style {
		bottom: 16%;
	}

	.react-datepicker__month .react-datepicker__month-text,
	.react-datepicker__month .react-datepicker__quarter-text {
		width: 4.2rem;
		height: 2.68rem;
		padding: 10.611958px;
	}

	.react-datepicker__red-circle::before {
		bottom: 13%;
	}

	.react-datepicker__year .react-datepicker__year-text {
		width: 3.5rem !important;
		height: 2.65rem !important;
		padding: 8px !important;
		padding-top: 12px !important;
	}

	.react-datepicker__year-wrapper {
		max-width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 991px) {

	/* current */
	.react-datepicker__day-name,
	.react-datepicker__day,
	.react-datepicker__time-name {
		width: 1.57rem !important;
		line-height: 1.43rem !important;
	}

	.dot-style {
		bottom: 16%;
	}

	.react-datepicker__month .react-datepicker__month-text,
	.react-datepicker__month .react-datepicker__quarter-text {
		width: 4.2rem !important;
		height: 2.68rem !important;
		padding: 10.611958px;
	}

	.react-datepicker__red-circle::before {
		bottom: 13%;
	}

	.react-datepicker__year .react-datepicker__year-text {
		width: 4.2rem !important;
		height: 2.68rem !important;
		padding: 15px !important;
		padding-top: 13px !important;
	}

	.react-datepicker__year-wrapper {
		max-width: 100% !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

	/* current */
	.react-datepicker__day-name,
	.react-datepicker__day,
	.react-datepicker__time-name {
		width: 2.28rem !important;
		line-height: 2.03rem !important;
	}

	.dot-style {
		bottom: 16%;
	}

	.react-datepicker__month .react-datepicker__month-text,
	.react-datepicker__month .react-datepicker__quarter-text {
		width: 5.8rem !important;
		height: 3.75rem !important;
		padding: 10.611958px;
	}

	.react-datepicker__red-circle::before {
		bottom: 13%;
	}

	.react-datepicker__year .react-datepicker__year-text {
		width: 4.2rem !important;
		height: 5.1rem !important;
		padding: 15px !important;
		padding-top: 27px !important;
	}

	.react-datepicker__year-wrapper {
		max-width: 100% !important;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {

	/* current */
	.react-datepicker__day-name,
	.react-datepicker__day,
	.react-datepicker__time-name {
		width: 2.83rem !important;
		line-height: 2.61rem !important;
	}

	.dot-style {
		bottom: 16%;
	}

	.react-datepicker__month .react-datepicker__month-text,
	.react-datepicker__month .react-datepicker__quarter-text {
		width: 7.1rem !important;
		height: 4.77rem !important;
		padding: 27.61px !important;
	}

	.react-datepicker__red-circle::before {
		bottom: 13%;
	}

	.react-datepicker__year .react-datepicker__year-text {
		width: 5.2rem !important;
		height: 6.45rem !important;
		padding: 15px !important;
		padding-top: 46px !important;
	}

	.react-datepicker__year-wrapper {
		max-width: 100% !important;
	}
}

@media (min-width: 1400px) {

	/* current */
	.react-datepicker__day-name,
	.react-datepicker__day,
	.react-datepicker__time-name {
		width: 3.36rem !important;
		line-height: 3.17rem !important;
	}

	.dot-style {
		bottom: 16%;
	}

	.react-datepicker__month .react-datepicker__month-text,
	.react-datepicker__month .react-datepicker__quarter-text {
		width: 8.35rem !important;
		height: 5.75rem !important;
		padding: 35.611958px !important;
	}

	.react-datepicker__red-circle::before {
		bottom: 13%;
	}

	.react-datepicker__year .react-datepicker__year-text {
		width: 6.2rem !important;
		height: 6.65rem !important;
		padding: 15px !important;
		padding-top: 47px !important;
	}

	.react-datepicker__year-wrapper {
		max-width: 100% !important;
	}
}

.react-datepicker__day--outside-month,
.react-datepicker__day--outside-month .bg-red {
	color: #ccc !important;
	cursor: default !important;
	background-color: #fff;
}

.react-datepicker__navigation--years::before {
	border-color: #666;
	border-style: solid;
	border-width: 3px 3px 0 0;
	content: '';
	display: block;
	height: 9px;
	left: 11px;
	position: absolute;
	width: 9px;
}

.react-datepicker__navigation--years-upcoming::before {
	top: 17px;
	transform: rotate(315deg);
}

.react-datepicker__navigation--years-previous::before {
	top: 6px;
	transform: rotate(135deg);
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
	border-radius: 100rem !important;
	background-color: #a82829 !important;
}

.react-datepicker__day--outside-month {
	pointer-events: none !important;
}

.react-datepicker__month-text--keyboard-selected {
	color: white !important;
	background-color: #a82829 !important;
}

/* collections date picker styles end*/

.participant-thumb {
	width: 309px;
	height: 250px;
}

.participant-modal .modal-body {
	max-height: 87vh;
	overflow-y: auto;
}

.participant-modal .modal-body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background-color: #f5f5f5;
}

.participant-modal .modal-body::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background-color: #f5f5f5;
}

.participant-modal .modal-body::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.4);
}

.event-image-opacity img {
	opacity: 0.7;

}


@media only screen and (max-width: 1200px) {
	.cnow-ellipsis-5 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.cnow-ellipsis-12 {
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


.v-hidden {
	visibility: hidden;
}

.page-nav-hr {
	top: 95px;
}

.w-50px {
	width: 80px !important;
}

.prevent-select {
	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 and IE 11 */
	user-select: none;
	/* Standard syntax */
}

.bg-black {
	background-color: #000 !important;
}

/* upload  */
.upload-menu {
	background: #fff;
	width: 100%;
	display: block;
	height: 400px;
	position: fixed;
	top: 6.8%;
	z-index: 9999;
}

.dropzone-large {
	height: 26vh;
	background: #ededed;
	border: 1px dashed;
}

#fafaf .dropzone-center {
	height: 100%;
	display: grid;
	place-items: center;
}

@media only screen and (max-width: 991px) {
	.upload-menu {
		top: 10.8%;
	}
}

@media only screen and (max-width: 1200px) {
	.dropzone-large {
		height: 100%;
	}
}

.comment-test {
	position: relative;
}

.timeline-test {
	border-left: 1px dashed #ffffff;
	position: absolute;
	top: 25px;
	left: 8px;
	/* height: 80%; */
}

.mt-custom {
	margin-top: 0.4rem !important
}

.bg-image {
	background-image: url("/img/home/banner/1.jpg");
	height: 94vh;
	width: 100%;
	object-fit: cover;
}

.bg-light-opacity {
	background-color: #ededed91
}

.font-weight-10 {
	font-size: 12px !important
}

/* new css added by manish */

input[type="password"]::-ms-reveal {
	display: none;
}

.input-group {
	position: relative;
	width: 100%;
}

.toggle-eye {
	background: none;
	border: none;
	color: #000;
	font-weight: 600;
	position: absolute;
	right: .75em;
	top: 5px;
	z-index: 9;
}

.custom-padding-social-login {
	padding: 0px 20px;
}

@media only screen and (max-width: 768px) {
	.border-mobile-none {
		border: none !important;
	}
}

.fa-circle {
	font-size: 6px;
}

.password-strength {
	font-size: 11px;
	/* font-weight: 600; */
}

.password-strength-heading {
	font-size: 12px;
	font-weight: bold;
}

.mt-8 {
	margin-top: 80px !important;
}

.w-20 {
	width: 20% !important;
}

.c-w-10 {
	width: 10% !important;
}

.c-w-15 {
	width: 15% !important;
}

.c-vh-20 {
	height: 20vh
}

.c-vh-15 {
	height: 15vh;
}

.custom-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
}

.explorer-th {
	background-color: #ededed !important;
	padding: 5px;
	flex: 1;
}

.explorer-th:first-child {
	background-color: #ededed !important;
	padding: 5px;
	flex: 1.3;
}

.explorer-th p {
	font-size: 13px;
}

.explorer-td {
	background-color: #fff !important;
	padding: 5px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: start;
}

.explorer-td:first-child {
	background-color: #fff !important;
	padding: 5px;
	flex: 1.3;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: column;
}

.explorer-p {
	font-size: 10px;
	margin-left: 20px;
	align-self: start;
	margin: 4px 20px;
}

.explorer-icon {
	font-weight: 900;
	font-size: 30px;
	margin-right: 10px;
}

/* .explorer-button {
	background-color: #ededed !important;
	padding: 2px;
	text-decoration: none;
	width: 30%;
	text-align: center;
} */

.explorer-p-small {
	font-size: 11px !important;
	margin: 0px 0px 0px 5px;
}

.faq-container div {
	margin-bottom: 10px;
}

.faq-container h5,
.faq-container h6 {
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #a82829;
	margin: 0;
}

.faq-container i {
	font-size: 30px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.faq-container p {
	margin: 0px;
	padding: 0px;
}

.c-fz-6 {
	font-size: 6px !important
}

.c-fz-7 {
	font-size: 7px !important
}

.c-fz-8 {
	font-size: 8px !important
}

.c-fz-9 {
	font-size: 9px !important
}

.c-fz-11 {
	font-size: 11px !important
}

.curator-th {
	background-color: #ededed !important;
	padding: 5px;
	flex: 1;
}

.curator-td {
	background-color: #fff !important;
	padding: 5px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: start;
}

.curator-th a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline !important;
}

.curator-th h5 {
	font-weight: bold;
}

.curator-th p {
	font-size: 13px;
	font-weight: normal;
	margin: 0px
}

.curator-td {
	padding: 5px;
	display: flex;
	flex-direction: column;
	align-items: start;
}

.curator-td span {
	margin-top: 15px;
	font-size: 16px;
}

.curator-td p {
	font-size: 14px;
}

.curator-td i {
	margin: 0px 8px 0px 0px;
	font-size: 32px;
	flex: 1
}

.curator-td img {
	height: 40px;
	width: 40px;
}

.feature-card {}

.feature-card p {
	font-size: 12px;
}

.box-feature {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(8, 1fr);
}

@media (max-width: 768px) {
	.box-feature {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 425px) {
	.box-feature {
		grid-template-columns: repeat(1, 1fr);
	}
}


.faq-content div,
p,
span {
	margin: 0;
}

.faq-content div {
	margin-left: 20px !important;
}

.faq-content p {
	margin-left: 40px !important;
}



.all-plan .bg-light {
	height: 120px;
}

.plan-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center;
	padding: 10px;
}

.plan-card>img {
	height: 35px;
	width: 35px;
}

.plan-card>span {
	margin-top: 5px;
	font-size: 9px;
	text-align: center;
}

.all-plan span:first-of-type {
	font-weight: bold;
	font-size: 10px;
}

.publisher-th {
	background-color: #ededed !important;
	padding: 5px;
	flex: 3;
}

.publisher-th:first-child {
	background-color: #ededed !important;
	padding: 5px;
	flex: 1;
}

.publisher-td {
	background-color: #fff !important;
	padding: 5px;
	flex: 3;
	display: flex;
	align-items: center;
	justify-content: start;
}

.publisher-td:first-child {
	background-color: #fff !important;
	padding: 5px;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: column;
}

.publisher-p {
	font-size: 10px;
	margin-left: 20px;
	align-self: start;
	margin: 4px 20px;
}

.publisher-icon {
	font-weight: 900;
	font-size: 30px;
	margin-right: 10px;
}

.publisher-button {
	background-color: #ededed !important;
	padding: 2px;
	text-decoration: none;
	width: 20%;
	text-align: center;
	font-weight: bold;
}

.publisher-th p {
	font-size: 11px;
	font-weight: normal;
}

.publisher-th p:first-of-type {
	font-size: 14px !important;
	font-weight: bold !important;
}

.publisher-scale {
	padding: 5px;
	align-items: start;
}

.publisher-scale span {
	margin-top: 15px;
	font-size: 15px;
}

.publisher-scale p {
	font-size: 14px;
}

.publisher-scale i {
	margin: 0px 8px 0px 0px;
	font-size: 25px;
	flex: 1
}

.publisher-scale img {
	height: 25px;
	width: 25px;
}

.h-302px {
	height: 302px !important;
}

.h-183px {
	height: 183px !important;
}

.form-check-input[type="checkbox"] {
	background-image: none;
	background-color: #ededed;
	border: 1px solid #707070 !important;
	outline: 1px solid #707070 !important;
	outline-offset: 1px !important;
	border-radius: 0%;
	box-shadow: none;
}

.form-check-input:checked[type="checkbox"] {
	background-image: none;
	background-color: black;
	border: 1px solid #707070 !important;
	outline: 1px solid #707070 !important;
	outline-offset: 1px !important;
	border-radius: 0%;
	box-shadow: none;
}


@page {
	size: A4;
}

.print_header {
	display: none !important;
}

.show_only_during_print {
	display: none !important;
}


@media print {

	/* body {
		width: 210mm !important;
		height: 297mm !important;
		background-color: #86e8ff;
	} */

	.print-container-fluid {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		max-width: 100% !important;
	}

	.print_hidden {
		display: none !important;
	}

	.col-print-4 {
		width: 100%;
	}

	.col-print-8 {
		width: 100%;
	}

	.show_only_during_print {
		display: block !important;
	}

	.card_print_padding {
		padding-top: 5px;
		padding-bottom: 5px;
		break-inside: avoid;
	}

	.print_avoid_breaking {
		break-inside: avoid;
	}

	.bg-print-light {
		background: white !important;
	}

	.card_print_width {
		flex: 0 0 auto;
		width: 25%;
	}

	.site-sticky-left {
		position: static !important;
	}

	.print_header {
		position: relative !important;
		top: 0px !important;
		/* height: 5vw; */
		/* bottom: -90%;; */
		display: block !important;
		overflow: visible !important;
		width: 100%;
		z-index: 100;
		page-break-before: always;
		box-decoration-break: clone;
	}

	.site-sticky {
		position: static !important;
	}

	.print_scroll_visible {
		overflow: visible !important;
	}

	.print_flex_wrap {
		flex-wrap: wrap;
	}

	.entity-timeline-container::before {
		content: "";
		position: absolute;
		margin-top: 72px;
		width: 100%;
		border: none;
	}

	.print_border_bottom {
		border-bottom: 5px solid #707070 !important;
	}

	.print_margin_bottom {
		margin-bottom: 20px !important;
	}

	.img-preview-caption {
		height: auto !important;
	}

}

.collection-filter-datepicker .react-datepicker__day {
	width: 1.7rem !important;
	line-height: 1.7rem !important;
}

.collection-filter-datepicker .react-datepicker__day-name {
	width: 1.7rem !important;
	line-height: 1.7rem !important;
}

.collection-filter-datepicker .react-datepicker {
	border: 1px solid #aeaeae !important;
	border-radius: .3rem !important;
}

/* Style for the dropdown button */

.select-button-dropdown.dropdown {
	width: 100%;
}

.select-button-dropdown-toggle {
	background-color: #ededed !important;
	color: black;
	border: none;
	/* Remove border color */
	border-radius: 0;
	padding: 2px 3px;
	font-size: 13px;
	width: 100% !important;
}

.selected-button-red {
	background-color: #a82829 !important;
}

.select-button-dropdown-toggle-light {
	background-color: #fff !important;
}

.select-button-dropdown-toggle:hover {
	color: black !important;
	background-color: #ededed !important;
}

.select-button-dropdown-toggle:focus {
	outline: none !important;
	box-shadow: none !important;
	color: black !important;
}

/* Style for the dropdown menu */
.select-button-dropdown-menu {
	background-color: #ededed !important;
	border: 1px solid #ededed;
	/* Remove border color */
	border-radius: 0;
	width: 100% !important;
}

/* Style for the dropdown items */
.select-button-dropdown-item {
	color: black;
	font-size: 13px;
	width: 100% !important;
}

.select-button-normal {
	background-color: #ededed;
	color: black;
	border: none;
	/* Remove border color */
	border-radius: 0;
	padding: 2px 3px;
	font-size: 13px;
	width: 100%;
	text-decoration: none;
	text-align: center;
}

.select-button-normal-light {
	background-color: #fff !important;
}


.help-upload-button>input[type="file"] {
	display: none;
}

.custom-file-upload {
	display: inline-block;
	padding: 2px 6px;
	cursor: pointer;
	display: flex;
	width: 200px;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
}

.c-w-200px {
	width: 200px;
}

/* flexbox-grid.css */
.content {
	display: flex;
	flex-direction: row;
	overflow-y: auto;
	overflow: hidden;
}

.content>.item {
	flex-grow: 1;
	width: 100%;
	min-height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* background-color: #f0f0f0; */
	border: 0.5px solid rgba(0, 0, 0, .125);
	box-shadow: 0 0 0.5px #999;
	transition: background-color 0.3s ease;
	background-color: rgba(0, 0, 0, .8) !important;
	scale: 1;
}

.content>.item:hover {
	background-color: rgba(0, 0, 0, 0) !important;
	transition: all 0.4s ease;
	scale: 1.01;
}

.content .item-header {
	padding: 10px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	font-size: 16px;
}

.content .item-body {
	line-height: 0px !important;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	opacity: 0.2 !important;
}

@media only screen and (max-width: 1300px) {
	.content .item-body {
		width: 130px;
	}
}

.content>.item:hover .item-body {
	opacity: 1 !important;
}

.item>.item-icon {
	padding: 15px !important;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	display: flex;
	justify-content: center;
}

.item>.item-text {
	display: flex;
	justify-content: center;
	padding: 10px !important;
	text-align: center;
	width: 100%;
	height: 85px;
	font-size: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.content .item-header>img {
	width: 50px;
}

.dropzone {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 50vh;
	align-items: center;
	padding: 48px 16px;
	border-width: 2;
	border-radius: 2;
	border-color: #eeeeee;
	border-style: dashed;
	background-color: #fafafa;
	color: #bdbdbd;
	outline: none;
	transition: 'border .24s ease-in-out'
}

.membership-popup {
	transition: all 1s ease, transform 1s ease !important;
}

.membership-card>div {
	display: flex;
	gap: 10px;
	margin: 40px 40px;
	align-items: center;
}

.membership-card>div>button {
	background-color: #ededed;
	border: none;
	border-radius: 0;
	padding: 8px 2px;
	font-size: 13px;
	width: 80px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	flex: 1;
}

.membership-card>div>p {
	flex: 5;
	align-items: center;
	font-size: 12px;
}


.sticky-popup>div:first-child {
	width: 100% !important;
	max-width: 100% !important;
}

.close-popup {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: end;
}

.sticky-popup-body {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.sticky-popup-body-left {
	flex: 5 !important;
}

.sticky-popup-body-right {
	flex: 2;
	margin-right: 60px;
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 10px;
}

.sticky-popup-button {
	background-color: #fff;
	border: none;
	border-radius: 3px;
	padding: 0.35rem 2rem;
	font-size: 12px;
	width: fit-content;
	font-weight: bold;
	text-align: center;
}

.event-sticky-popup {
	display: flex;
	gap: 1rem;
	margin-top: 0.5rem;
	flex-wrap: wrap;
	font-weight: lighter;
	font-size: 13px;
}

.sticky-limit-popup-header {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px;
}

.sticky-limit-popup-header>div:first-child {
	margin-left: 5px;
}

.sticky-popup-progress-bar {
	margin-top: 8px;
	width: 50%;
	border-radius: 0px;
	background-color: #fff;
	position: relative;
}

.sticky-popup-progress-bar>.progress-bar {
	background-color: #d6d6d6;
	font-weight: 400;
	color: var(--red);
}

.sticky-header-p {
	font-size: 11px;
	color: #fff;
	cursor: pointer;
}

.sticky-header-p:hover {
	font-size: 11px;
	color: #fff;
}

.sticky-popup-limit-bar-text {
	display: flex;
	justify-content: space-between;
	margin: 0px 5px;
}

.sticky-popup-limit-bar-text :last-child {
	position: absolute;
	right: 2%;
	margin: 0px;
}

@media only screen and (max-width: 580px) {
	.sticky-popup {
		margin-top: 50px !important;
	}

	.sticky-popup>div:first-child {
		margin: 0px !important;
	}

	.sticky-popup-body-right {
		margin-right: 15px !important;
	}

	.sticky-popup-body {
		flex-direction: column;
	}

	.event-sticky-popup {
		justify-content: space-between;
	}

	.sticky-header-p {
		text-align: center;
	}

	.sticky-limit-popup-header {
		text-align: center;
		margin: 5px;
	}

	.sticky-limit-popup-header>div:first-child {
		margin-left: 0px;
	}

	.sticky-popup-progress-bar {
		width: 100%;
	}
}

.send-invite-audience,
.react-datepicker-popper[data-placement^=top] {
	padding-bottom: 0px !important;
}

.customDatePickerWidth .react-datepicker__input-container input {
	width: 100% !important;
}

.text-normal-h5 {
	font-size: 1.25rem !important;
	font-weight: 400 !important;
}


.height-79px {
	height: 79px !important;
}

.showIcon {
	display: none;
	z-index: 99;
}

.onHoverShowIcon:hover .showIcon {
	display: block;
}

.hoverhighlight:hover {
	color: #a82829 !important;
	text-decoration: underline;
}

.past-event-color{
	background-color: #505050;
}
.past-event-color-selected{
	background-color: rgb(0,0,0);
}
.anchor-hover-show  a{
	text-decoration: none;
}

.anchor-hover-show  a:hover{
	text-decoration: underline;
}