/**
 * Gel 2022.0
 * Main Tiny Gel Stylesheet - CMT CAST PORTAL
 * @version 2024.0.0
 * @modified 2014-08-03 by Fritz Green
 * @modified 2025-12-15 by Christina Joly
 *
 * @usage This stylesheet loads into the TinyMCE editor, so the idea is that only styles that are applicable to the editor should be in here.
*/

/*
	FONTS
	font-family: Raleway, Verdana, Helvetica, sans-serif; (font weights: light-300, light italic-300, medium-500)
	font-family: Bree, Trebuchet MS, Verdana, Helvetica, sans-serif; (font weights: regular-400, semi-bold-600)

	COLORS
	Light Grey: #EFEFEF

	Extremely Light Slate: #DADBE2
	Ultra Light Slate: #C3C5D0
	Light Slate: #8A8FA3
	Medium Slate: #4C5061
	Dark Slate: #363845

	Amy Adams Red: #703014
	MJ Red: #CE3E12

	Khaki: #B2B0A4
	Light Gold (bright): #FFE8AA

	positive (green): #226B31
	negative (red): #363845

	COMMON BREAKPOINTS
	(See https://ruslanyusupov.com/blog/media-queries-breakpoints-in-2021 for more breakpoints.)
	1600
	1440
	1360
	1200
	1024
	900
	768
	600
	432
	360
	280

	ABBREVIATIONS
	col     = column
	ctnr    = container
	drpdwn  = dropdown
	hlt     = highlight
	med     = medium
	opt     = option
	pswp    = Photoswipe
	std     = standard
	thbn    = Thumbnail
	togl    = toggle
*/



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@font-face {
	font-family: 'Century Gothic';
	src: url('./fonts/century-font/CenturyGothic.woff2') format('woff2'),
		url('./fonts/century-font/CenturyGothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


/* Global Master Styles */
/* These body styles work inside TinyMCE editor. */
body {
	flex: 1 auto;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Century Gothic' !important;
	font-weight: 300;
	font-size: 16px;
	text-align: left;
	color: #000;
}

html {
	box-sizing: border-box;
}

/* Global Pseudo Elements Styles */
*,
*:before,
*:after {
	box-sizing: inherit;
}

/* Avoiding applying global transition styles to Slick and Photoswipe slides */
*:not(.pswp__item, .slick-track),
*:not(.pswp__item, .slick-track)::before,
*:not(.pswp__item, .slick-track)::after {
	transition:
		background .4s ease,
		color .4s ease,
		border-color .4s ease,
		transform .4s ease,
		opacity .4s ease;
}

/* Primary Layout Blocks - These correspond to formats that are available in TinyMCE */
main,
.std-flex-ctnr {
	position: relative;
	/* display: flex; */
	align-content: flex-start;
	justify-content: space-between;
	flex: 1 0 auto;
	flex-wrap: wrap;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

main {
	flex: 1 0 100%;
	background: #FFF;
}

.navbar .level-1-item>a:hover,
.navbar .level-1-item>a:focus,
.navbar .level-1-item>a:active {
	color: #0d72ba !important;
}

main.fw-main {
	display: block;
}

.full-width-ctnr {
	position: relative;
	flex: 1 0 100%;
	/*margin: 1em 0;*/
}

.std-width-ctnr {
	position: relative;
	flex: 0 0 86%;
	margin: 0em 7%;
}

.two-col-ctnr {
	flex: 0 0 47.5%;
}

.three-col-ctnr {
	flex: 0 0 30%;
}

.wide-col-ctnr {
	flex: 0 0 65%;
}

.narrow-col-ctnr {
	flex: 0 0 30%;
}

.on-page-gallery {
	width: 100%;
}

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

	.two-col-ctnr,
	.three-col-ctnr,
	.wide-col-ctnr,
	.narrow-col-ctnr {
		flex: 1 0 100%;
	}
}

/* Standard Elements Styles */
h1,
h2,
h3,
h4,
h5,
h6,
p,
h2.h1 {
	margin: 1.3em 0 0.5em;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1.h2,
h2.h1 {
	color: #363845;
	font-family: "Poppins", sans-serif !important;
}

h1,
h2.h1 {
	width: 100%;
	margin: 0.5em 0 0 0;
	font-size: 3.75em;
	font-weight: 400;
	text-align: left;
	color: #CE3E12;
}

h2.h1 {
	margin: 0;
}

h2,
h1.h2 {
	font-size: 3em;
}

h3 {
	font-size: 2.9em;
	font-family: Bree, Trebuchet MS, Verdana, Helvetica, sans-serif;
	color: #CE3E12;
}

h4 {
	font-size: 2.5em
}

h5 {
	font-size: 2em;
	color: #CE3E12;
}

h6 {
	font-size: 1.75em
}

h1+h2,
h2.h1+h2,
h2.h1+h1.h2,
h2+h3,
h3+h4,
h4+h5,
h5+h6,
h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
.std-width-ctnr p:first-child:not(.label),
.full-width-ctnr p:first-child:not(.label) {
	margin-top: unset;
}

p {
	font-size: 1.15em;
	line-height: 1.8em;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

hr {
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #999;
}

sup {
	font-size: .8em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
	top: -.3em;
}

ol,
ul {
	/* margin: 3.2em 3em; */
	padding: 0;
}

/* ol {
	margin-left: 4em;
} */

/* li {
	padding: .1em 0;
	font-size: 1.15em;
	line-height: 1.5em;
} */

li li,
td td {
	font-size: 1em;
}

ol>li {
	position: relative;
	list-style-type: none;
	counter-increment: step-counter;
	margin: 1em 0;
}

ol>li:before,
ol>li:after {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

ol>li:before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	left: -2.1em;
	background: #363845;
}

ol>li:after {
	content: counter(step-counter);
	width: 1.7em;
	height: 1.7em;
	left: -2.45em;
	color: #FFF;
	font-size: .85em;
	text-align: center;
}

iframe {
	max-width: 100%;
	border: none;
}

figure,
aside {

	padding: 0em;
	border-radius: 5px;
}

figcaption {
	margin-top: 0.3em;
}

aside {
	padding: 0;
}

aside h4 {
	margin: 0;
	padding: 0.5em;
	background: #363845;
	color: #fff;
	border-radius: 4px 4px 0 0;
}

aside p {
	padding: 0 0.8em 0.5em;
}

aside p:first-of-type {
	margin-top: 1em;
}

/* Hamburger Admin Menu */
button.admin-nav-trigger {
	display: block;
	flex: 0 30px;
	position: relative;
	margin-left: 1.2em;
}

.admin-nav-trigger>.burger-text {
	display: none;
}

.admin-nav-trigger>.burger,
.admin-nav-trigger>.burger:before,
.admin-nav-trigger>.burger:after {
	content: "";
	display: block;
	position: absolute;
	width: 2em;
	height: .25em;
	background: #FFF;
	border-radius: .15em;
}

.admin-nav-trigger>.burger {
	top: 0.8em;
	left: 2em;
}

.admin-nav-trigger>.burger:before {
	margin-top: -.55em;
}

.admin-nav-trigger>.burger:after {
	margin-top: .6em;
}

.nav-open .admin-nav-trigger>.burger {
	background: none;
	transition: none;
}

.nav-open .admin-nav-trigger>.burger:before {
	margin-top: 0;
	transform: rotate(45deg);
}

.nav-open .admin-nav-trigger>.burger:after {
	margin-top: 0;
	transform: rotate(-45deg);
}

.admin_menu {
	z-index: 9999;
	top: -1.4em;
	left: -2.75em;
	background: grey;
}

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

	h1,
	h2.h1 {
		font-size: 3.2em;
	}

	h2,
	h1.h2 {
		font-size: 2.5em;
	}

	h3 {
		font-size: 2.4em;
	}

	h4 {
		font-size: 2.1em
	}

	h5 {
		font-size: 1.8em;
	}

	h6 {
		font-size: 1.6em
	}

	p,
	li {
		font-size: 1.05em;
	}

	aside h4 {
		font-size: 1.5em;
	}
}

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

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	h1.h2,
	h2.h1 {
		margin: .8em 0 .3em;
	}

	h1,
	h2.h1 {
		font-size: 2.2em;
		line-height: 1.4em;
		margin-top: 0.3em;
	}

	h2,
	h1.h2 {
		font-size: 1.5em;
	}

	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 1.3em;
	}

	h5 {
		font-size: 1.2em;
	}

	h6 {
		font-size: 1em;
	}

	p,
	li,
	td,
	th {
		font-size: .95em;
		line-height: 1.7em;
	}

	ol,
	ul {
		margin: 1.5em 2em;
	}

	ol>li {
		margin: 1em 0 1em 1em;
	}

	figure,
	aside {
		float: unset;
		width: 100%;
		margin: 1.8em 0;
	}
}

/* CRITICAL INITIAL STATE STYLES */
.initial-hide,
.hdr-drpdwn,
.nav-trigger {
	display: none;
}

.back-to-top {
	opacity: 0;
}

/* END CRITICAL STYLES */

/* Default Anchor/Link Styles */
a,
button.link-style,
.nav-no-link {
	background: none;
	border: none;
	color: #363845;
	font-size: 1em;
	font-weight: 400;
	/* font-style: italic; */
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:active,
button.link-style:hover,
button.link-style:active {
	color: #404545;
}

/* Tables */
table {
	margin: 2em 0;
}

tr:nth-last-of-type(even) {
	background-color: #EFEFEF;
}

td,
th {
	font-size: 1.1em;
	padding: 1em 0;
}

th {
	color: #FFF;
	font-weight: bold;
	background-color: #404545;
}

th:first-child,
td:first-child {
	padding-left: 1.5em;
}

th:last-child,
td:last-child {
	padding-right: 1.5em;
}

th a,
th a:hover {
	color: #FFF;
	fill: #C3C5D0;
	font-weight: bold;
	font-style: normal;
}

th a:hover {
	color: #C3C5D0;
}

@media screen and (max-width: 1024px) {

	td,
	th {
		font-size: 1em;
	}
}

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

	td,
	th {
		padding: 0.7em 0;
		font-size: .9em;
	}

	th:last-child,
	td:last-child {
		padding-right: 1em;
	}

	th:first-child,
	td:first-child {
		padding-left: 1em;
	}
}

/* Skip to Content Link */
a.skip-to-content-link {
	position: absolute;
	left: calc(50% - 60px);
	top: -5px;
	height: 30px;
	padding: 8px;
	transform: translateY(-100%);
	transition: transform 0.3s;
	background: #CE3E12;
	color: #fff;
	z-index: 1000;
}

.skip-to-content-link:focus {
	transform: translateY(0%);
}

/* Common Add-On Styles */
.flex-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-stretch {
	align-items: stretch;
}

.flex-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.clear {
	clear: both;
}

.strikethrough {
	text-decoration: line-through;
}

.underline {
	text-decoration: underline;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

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

.align-justify {
	text-align: justify;
}

.no-pad-right {
	padding-right: 0 !important;
}

.bold {
	font-weight: 700;
}

.small {
	font-size: .8em;
}

.nowrap {
	white-space: pre;
}

.display-block {
	display: block
}

.display-flex {
	display: flex;
}

.display-none {
	display: none
}

.pointer {
	cursor: pointer;
}

.move {
	cursor: move;
}

.positive {
	color: #226B31;
	fill: #226B31;
}

.negative {
	color: #7A1515;
	fill: #7A1515;
}

/* Common SVG Styles */
.svg-std {
	fill: #404545;
	stroke: #404545;
}

.svg-std-hlt {
	fill: #363845;
	stroke: #363845;
}

.svg-std-hlt-two {
	fill: #FFE8AA;
	stroke: #FFE8AA;
}

.svg-vital {
	fill: #CE3E12;
	stroke: #CE3E12;
}

.svg-std-light {
	fill: #fff;
	stroke: #fff;
}

.svg-std-med {
	fill: #949494;
	stroke: #949494;
}

.svg-std-dark {
	fill: #000;
	stroke: #000;
}

.svg-bright {
	fill: #FFE8AA;
	stroke: #FFE8AA;
}

.svg-bright-light {
	fill: #ffd681;
	stroke: #ffd681;
}

.svg-bright-dark {
	fill: #855914;
	stroke: #855914;
}

.inline-svg {
	display: inline-flex;
	position: relative;
	top: .125em;
	height: 1em;
	max-width: 1.2em;
	align-self: center;
}

h2 .inline-svg,
.h2 .inline-svg {
	max-width: 1em;
	max-height: .9em;
}

/* Form Styles */
fieldset,
.fieldset,
table {
	position: relative;
	width: 100%;
	margin-inline-start: 0;
	margin-inline-end: 0;
	margin-top: 3em;
	padding: 0 0 1.5em;
	background-color: #E0E0E0;
	border: none;
	border-collapse: collapse;
	border-radius: 0 0 3px 3px;
}

fieldset.fieldset-payment-info {
	margin-top: unset;
	padding: 0;
}

.fieldset {
	margin-top: 5em;
}

fieldset table {
	margin: 1em 0 .5em;
	background: #FFF;
}

legend {
	position: relative;
	top: 0;
	z-index: 1;
	display: block;
	width: 100%;
	padding: .8em 1.325em 0;
	background-color: #E0E0E0;
	color: #363845;
	font-size: 1.5em;
	border-radius: 3px 3px 0 0;
	font-weight: 700;
}

legend+* {
	clear: both;
}

legend+.admin-icon {
	clear: none;
}

label,
.label {
	display: inline-block;
	width: 100%;
	margin: 0;
	color: #363845;
	font-weight: 700;
	text-align: left;
}

.label {
	margin-bottom: 0.5em;
}

.label:not(:first-of-type) {
	margin-top: 1em;
}

.label+* {
	margin-top: 0;
}

input[type="checkbox"],
input[type="radio"] {
	width: 1.3em;
	height: 1.3em;
	margin: 0 .4em 0 0;
}

input[type="submit"],
input[type="button"],
button,
.button {
	display: inline-block;
	margin: 1em 1em 1em 0;
	padding: .6em 1em;
	background: #404545;
	border: none;
	color: #FFF;
	font-family: inherit;
	font-size: 1em;
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}

.btn-reverse {
	background: #C3C5D0;
	color: #404545;
}

button.btn-no-styles {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}

button:not(.btn-no-styles, .tox-tbtn, .tox-button) svg,
.button svg {
	position: relative;
	top: .13em;
	width: 1em;
	height: 1em;
	fill: #fafafa;
}

.button input {
	margin: 0;
	padding: 0;
	background: none;
	box-shadow: none;
}

.sidebar-button {
	width: 100%;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:not(.btn-no-styles, .pswp__button, .slick-next, .slick-prev, .slick-dots li button):hover,
.button:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
button:not(.btn-no-styles, .pswp__button, .slick-next, .slick-prev, .slick-dots li button):focus,
.button:active {
	color: #404545;

}

input[type="text"],
input[type="file"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select {
	/* CHANGED for 2020.1 */
	margin: 0.5em 1em 1em 0;
	padding: 0.6em;
	font-family: inherit;
	font-size: 1em;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:hover,
input[type="file"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
textarea:hover,
select:hover {
	/* CHANGED for 2020.1 */
	border: 1px solid #a1a1a1;
}

input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
	outline: #3956AC auto 3px;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	/*ADDED FOR 2020.1. Removes browser styling on inputs like buttons iPhone*/
	-moz-appearance: none;
	-webkit-appearance: none;
}

input::-webkit-input-placeholder {
	color: #808285;
}

input::-moz-placeholder {
	color: #222;
}

input:-ms-input-placeholder {
	color: #808285;
}

textarea::-webkit-input-placeholder {
	color: #808285;
}

textarea::-moz-placeholder {
	color: #222;
}

textarea:-ms-input-placeholder {
	color: #808285;
}

select {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 58.61' style='enable-background:new 0 0 100 58.61;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M0,8.61c0-2.2,0.84-4.4,2.52-6.09c3.36-3.36,8.81-3.36,12.17,0L50,37.83L85.31,2.52c3.36-3.36,8.81-3.36,12.17,0 c3.36,3.36,3.36,8.81,0,12.17L56.09,56.09c-1.62,1.61-3.8,2.52-6.09,2.52c-2.28,0-4.47-0.91-6.09-2.52L2.52,14.69 C0.84,13.01,0,10.81,0,8.61z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.optional {
	/* Style for the "optional" text next to a label for an optional form field. */
	color: #7d7d7d;
	font-size: .8em;
}

.submit-buttons {
	float: left;
	position: relative;
}

fieldset>.submit-buttons:only-child {
	margin-top: -1em;
}

.submit-buttons input:first-child:not(input:last-child) {
	position: absolute;
	left: 100%;
	margin-left: .25em;
}

#custom_google_search_form input {
	width: 76%;
}

@media screen and (max-width: 600px) {

	input[type="submit"],
	input[type="button"],
	button:not(.btn-no-styles, .back-to-top, .pswp__button, .slick-next, .slick-prev, .slick-dots li button, .slick-autoplay-toggle-button),
	.button {
		width: 100%;
		margin: 1em 0;
	}

	#custom_google_search_form button {
		width: unset;
	}
}

/* Basic Flex-Block Styles - The rest are in form.css */
.flex-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 1em 2em -.25em .5em;
}

.flex-block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex: 1 1 100%;
	width: 100%;
	align-self: flex-start;
	margin: 0 0 1.5em 1.5em;
}

.flex-2 {
	flex: 1 40%;
	width: 40%;
}

.flex-3 {
	flex: 1 27%;
	width: 27%;
}

.flex-4 {
	flex: 1 20%;
	width: 20%;
}

.flex-5 {
	flex: 1 15%;
	width: 15%;
}

.flex-check {
	align-items: center;
	width: 100%;
	margin-top: .4em;
}

.flex-block .flex-check {
	flex: 1 0 100%;
}

.flex-check label {
	display: inline;
	width: auto;
	margin: 0 1.8em 0 0;
}

.flex-check p {
	display: inline;
	width: auto;
	margin: 0 0.5em 0.5em 0;
}

.flex-block>.flex-block:first-of-type {
	margin-left: 0;
}

.flex-form .flex-form {
	margin-right: 0;
	margin-left: 0;
}

.flex-block input[type="text"],
.flex-block input[type="file"],
.flex-block input[type="password"],
.flex-block input[type="email"],
.flex-block input[type="url"],
.flex-block textarea,
.flex-block select,
.flex-block .tox-tinymce {
	margin: 0.5em 0 0;
	width: 100%;
}

.flex-form>p {
	margin: .5em 0 .5em 1.5em;
}

.flex-block h2,
.flex-block h3,
.flex-block h4,
.flex-block h5,
.flex-block h6,
.flex-block p {
	width: 100%;
}

.flex-form hr {
	margin-left: 1.5em;
}

.flex-block p+p {
	margin-top: 0;
}

.flex-no-wrap {
	flex-wrap: nowrap;
}

@media screen and (max-width: 1000px) {

	.flex-4,
	.flex-5 {
		flex: 1 0 40%;
		width: 40%;
	}

	.submit-buttons {
		float: none;
		position: static;
	}

	.submit-buttons input:nth-of-type(n) {
		display: inline-block;
		position: static;
		width: 47.5%;
	}

	.submit-buttons input:last-of-type {
		margin-right: 0;
	}
}

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

	.flex-2,
	.flex-3,
	.flex-4,
	.flex-5 {
		flex: 1 1 100%;
		width: 100%;
	}

	.submit-buttons input:nth-of-type(n) {
		width: 100%;
		margin-right: 0;
	}

	fieldset,
	.fieldset {
		background-color: rgb(225, 225, 225) !important;
	}

	fieldset,
	.fieldset {
		margin-top: 2em;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	legend,
	.legend {
		font-size: 1.25em;
	}

	label,
	.label {
		font-size: 1em
	}

	fieldset input[type="submit"],
	fieldset input[type="button"],
	fieldset button,
	fieldset .button,
	.fieldset input[type="submit"],
	.fieldset input[type="button"],
	.fieldset button,
	.fieldset .button {
		/* CHANGED for 2020.1 */
		width: 95%;
	}

	input[type="text"],
	input[type="file"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		background-color: #FFF;
		font-size: 16px;
	}
}

@media screen and (max-width: 500px) {
	.kapt-box {
		margin-top: .5em;
	}
}

@media screen and (max-width: 450px) {
	.flex-2>div {
		flex: 1 1 100%;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}


/* Katchu Styles */
.checkbox-katchu {
	display: none;
	visibility: hidden;
	height: 1px;
	overflow: hidden;
}

.capture label {
	margin-bottom: .5em;
	width: 100%;
}

.capture input[type="text"] {
	flex: 1 0 40%;
	width: 40%;
	margin: 0 1em 0 0;
}

.capture img {
	width: auto;
	margin-top: .4em;
}

.captcha-refresh {
	margin: 0 0 .3em .3em;
	width: 1.25em;
	height: 1.25em;
}

@media screen and (max-width: 500px) {
	.capture input[type="text"] {
		flex: 1 0 100%;
		width: 100%;
		margin: 0;
	}
}

/* Working Loader Overlay */
#working_loader {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #000;
	z-index: 9999;
	opacity: 0.5;
}

#working_loader>img {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1 !important;
}

#working_loader.loader-absolute,
.loader-o {
	position: absolute;
}

/* Inline Lead Capture Form - Comment out if inline form is not used. */
form#inline-lead-form {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
	border-radius: 3px;
}

.inline-lead-form-container {
	top: 0;
}

.get-info,
.inline-lead-submit-button {
	padding: 0 2em;
}

.get-info {
	position: relative;
	margin: 0 0 1em;
}

.get-info label {
	position: absolute;
	z-index: 2;
	top: .2em;
	left: 3.2em;
	width: auto;
	font-size: .75em;
	font-weight: 700;
}

.get-info input,
.get-info textarea {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1.8em .4em .4em 1em;
}

.inline-lead-form-button {
	width: 100% !important;
	margin: 0 !important;
}

.inline-lead-form fieldset {
	margin-top: 0;
	margin-bottom: 2em;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding: 1em 0 1.5em;
}

#inline-lead-form .success {
	margin: -.5em 0 1em;
}

.inline-lead-submit-button {
	margin-top: 1.5em;
}

@media screen and (max-width: 1024px) {
	.inline-lead-form fieldset {
		margin-top: 3em;
	}
}

/* Inline Form Validation Errors */
.validation-error {
	border: 1px solid #363845 !important;
}

/*!* TinyMCE Editor STYLES *! */
.mce-content-body {
	flex-direction: row;
	width: 100%;
	height: unset;
	padding: 1em;
}


/* Gel Style Template Sample Styles Only - Remove!! */
.two-equal-full-width .two-col-ctnr {
	flex: 1 0 50%;
	padding: 3em;
	color: #fff;
	background: #4C5061;
	border: 3px solid #363845
}

.three-equal-full-width .three-col-ctnr {
	flex: 1 1 33.3%;
	padding: 3em;
	color: #fff;
	background: #363845;
}

.three-equal-full-width .three-col-ctnr:nth-of-type(2) {
	background: #C3C5D0;
}

.wide-narrow-full-width .wide-col-ctnr {
	flex: 1 0 67%;
	padding: 3em;
	background: #C3C5D0;
}

.wide-narrow-full-width .narrow-col-ctnr {
	flex: 1 0 33%;
	padding: 3em;
	color: #fff;
	background: #363845;
}

.two-equal-full-width h4,
.three-equal-full-width h4,
.wide-narrow-full-width .wide-col-ctnr h4,
.wide-narrow-full-width .narrow-col-ctnr h4 {
	color: #C3C5D0;
	margin-top: 0;
}

.three-equal-full-width .three-col-ctnr:nth-of-type(2) p,
.three-equal-full-width .three-col-ctnr:nth-of-type(2) h4,
.wide-narrow-full-width .wide-col-ctnr:nth-of-type(1) h4 {
	color: initial;
}

@media screen and (max-width: 980px) {

	.three-equal-full-width .three-col-ctnr,
	.wide-narrow-full-width .wide-col-ctnr,
	.wide-narrow-full-width .narrow-col-ctnr {
		padding: 1.5em;
	}
}

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

	.two-equal-full-width .two-col-ctnr,
	.three-equal-full-width .three-col-ctnr,
	.wide-narrow-full-width .wide-col-ctnr,
	.wide-narrow-full-width .narrow-col-ctnr {
		flex: 1 0 100%;
	}
}

/* Account Styles */
.user-dashboard legend {
	font-size: unset;
	color: #FFF;
	background-color: #404545;
	padding: 0.8em 1.325em;
}

.user-dashboard fieldset:first-of-type {
	margin-top: 1em;
}

/* TEMPLATE STYLES */
.two-col-left-content {
	display: flex;
}

.two-col-left-content .left-col-content {
	width: 50em;
	margin: auto;
}

.two-col-left-content .right-col-content {
	margin-left: 2em;
}

.two-col-right-content {
	display: flex;
}

.two-col-right-content .right-col-content {
	width: 50em;
	margin: auto;
}

.two-col-right-content .left-col-content {
	margin-right: 2em;
}



/* custm-pages-css ----------------------------------- */




.container {
	max-width: 1326px;
	padding-inline: 15px;
	width: 100%;
	margin: 0 auto;
}

.row {
	margin-inline: -15px;
	display: flex;
	flex-wrap: wrap;
}

.align-items-center {
	align-items: center;
}

.justify-content-center {
	justify-content: center;
}

.pt-0 {
	padding-top: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.row>div[class*="col-"] {
	padding-inline: 15px;
}

.row .col-6 {
	width: 50%;
}

.row .col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.row .col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.row .col-12 {
	width: 100%;
}

.row .col-4 {
	width: 33.33%;
}

.row .col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;

}

.row-gap-3 {
	row-gap: 30px;
}

.d-flex {
	display: flex;
}

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

[class*="cmt-fonts"] :is(h1, h2, h3, h4, h5, h6, p, ul, figure) {
	margin: 0;
	padding: 0;
}

[class*="cmt-fonts"] h1 {
	font-family: Poppins;
	font-size: 52px;
	font-weight: 800;
	line-height: 78px;
}

[class*="cmt-fonts"] h2 {
	font-family: Poppins;
	font-size: 44px;
	font-weight: 600;
	line-height: 62px;
}

[class*="cmt-fonts"] h3 {
	font-family: Poppins;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}

[class*="cmt-fonts"] h4 {
	font-family: Poppins;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
}

[class*="cmt-fonts"] h5 {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
}

[class*="cmt-fonts"] h6 {
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
}

[class*="cmt-fonts"] .text-center {
	text-align: center;
}

.cmt-fonts p {
	/* font-family: Poppins; */
	/*font-family: 'Century Gothic' !important;*/
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
}

.cmt-font-1 p {
	/* font-family: Poppins; */
	font-size: 15px;
	font-weight: 500;
	line-height: 25px;
}

.cmt-font-2 p {
	/* font-family: Poppins; */
	/*font-family: 'Century Gothic' !important;*/
	font-size: 15px;
	font-weight: 400;
	line-height: 25px;
}

.comn-padd {
	padding: 120px 0;
}

.comn-padd2 {
	padding-bottom: 120px;
	padding-top: 0px;
}

.flex-main-in {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	align-items: flex-start;
}

.cmt-btn {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.12px;
	color: #fff;
	padding: 18px 26px;
	background-color: #F37021;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #F37021;
	text-transform: capitalize;
	cursor: pointer;
}

.event-detail .cmt-btn {
	padding: 17.5px 36px;
}

/*=============================================================================================================================*/
/*=============================================================================================================================*/
/*=============================================================================================================================*/
.cmt-banner-carousel {
	/*background: url(./images/banner-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 220px 0 63px;*/
	position: relative;
}
.cmt-text-carousel .item {
	padding: 220px 0 308px;
	background-size: cover !important;
	height: 879px;
}


.img-slider-main {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.img-slider-main img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.content-wrap {
	position: relative;
	z-index: 9999999 !important;
}

/* custm dots ----------------- */

.custom-dots {
	counter-reset: dot-counter;
	display: flex;
	gap: 28px;
}

.custom-dots button {
	counter-increment: dot-counter;
	position: relative;
	background: transparent;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0 !important;
	padding: 0;
}

.btns-next-prev-banner button:hover {
	background-color: transparent !important;
}

.btns-next-prev-banner button:focus {
	background-color: transparent !important;
	outline: none;
}

.custom-dots button::before {
	content: counter(dot-counter, decimal-leading-zero);
	font-weight: 700;
	font-size: 16px;
	line-height: 19.62px;

	color: white;

}

.custom-dots button:hover {
	background-color: transparent;
}

.custom-dots button:focus {
	background-color: transparent;

	outline: none;
}

.custom-dots button.active {
	text-decoration: underline;
	color: #fff;
}
.container li a {
	color: #d2145a;
	font-weight: 600;
}
.custom-nav-dots {
	margin-top: 221px;
}

.cmt-banner-carousel::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.cmt-banner-carousel>div {
	position: relative;
	z-index: 2;
}

.cmt-banner-carousel .col-6 {
	max-width: 634px;
}

.cmt-banner-carousel p.info {
	font-family: Poppins;
	font-weight: 500;
	font-style: italic;
	font-size: 16px;
	line-height: 140%;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 10px;
}

.cmt-banner-carousel :is(h1, p) {
	color: #fff;
}

.cmt-banner-carousel .cmt-btn {
	margin-top: 34px;
}

.btns-next-prev-banner button {
	background-color: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	box-shadow: none;

}

.btns-next-prev-banner button i {
	color: white;
	font-size: 16px;
}

.btns-next-prev-banner {
	display: flex;
	align-items: center;
	gap: 25px;
}

.liner-main-all {
	height: 2px;
	width: 117px;
	padding: 0;
	margin: 0;
	background-color: white;
}

.custom-nav {
	align-items: center;
	gap: 28px;
}


/* our-staff  */
.our-staff h2 {
	color: #111111;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
	margin-bottom: 50px;
	margin-top: 0px;
}

.core-programs-listing {
	position: relative;
}

.core-programs-listing figure {
	position: relative;
	padding-bottom: 101.3%;
	border-radius: 10px;
	overflow: hidden;
	margin: 0;
}

.core-programs-listing figure img {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.core-overlay {
	background: linear-gradient(180deg, rgba(2, 1, 1, 0) 30%, rgba(0, 0, 0, 0.93) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	right: 0;
	border-radius: 10px;
	display: flex;
	align-items: end;
	padding: 20px 60px;
}

.core-overlay a {
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-bottom: 6px;
	font-family: "Poppins", sans-serif !important;
}

.core-overlay h6 {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
	text-transform: capitalize;
}


/* client-sponser  */
.client-sponser h2 {
	font-family: Poppins;
	font-weight: 800;
	font-size: 36px;
	line-height: 100%;
	color: #111111;
	text-transform: capitalize;
	margin-bottom: 50px;
	margin-top: 0px;
}

.client-sponser {
	background-color: #e0f2ff;
	padding: 55px 0;
}

.client-inner-all-images img {
	height: 60px;
	width: 100%;
	object-fit: contain;
}

/* show-schedule  */
.banner-inner-page-comn {
    background-size: cover;
    background-image: url(../images/user_images/headers/CMT-logo-header-800.png);
}

.inner-banner-img-all {
	/* background-color: #000000B2; */
	padding: 186px 20px;
    background-size: cover;
    background-image: url(../images/user_images/headers/CMT-logo-header-800.png);
}

.inner-banner-img-all h2 {
	font-weight: 800;
	font-size: 52px;
	line-height: 78px;
	text-transform: capitalize;
	text-align: center;
	color: white;
	margin: 0;
}

.schedule-sheet h2 {
	color: #111111;
	vertical-align: middle;
	text-transform: capitalize;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 0px;
}

.schedule-sheet .nav-tabs {
	max-width: 1161px;
	margin: auto;
	/* display: flex;
    justify-content: center;
    align-items: center; */
}

.schedule-sheet .nav-tab-box {
	display: flex;
	gap: 31px;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.schedule-sheet .category-button {
	border-radius: 5.6px;
	border: 0.93px solid #666666;
	display: inline-block;
	text-align: center;
	padding: 15.5px 24px;
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #666666;
	white-space: nowrap;
	text-transform: capitalize;
}

.schedule-sheet .category-button:hover {
	cursor: pointer;
}

.schedule-sheet .category-button.active {
	border-color: #D11D5B;
	background: #D11D5B;
	color: #fff;
}

.schedule-sheet .page-content {
	margin-top: 30px;
}

.schedule-sheet .page-content img {
	width: 100%;
	height: auto;
}

.show-schedule {
	position: relative;
	background: none;
	background-color: #f2faed;
}

.show-schedule::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #90C63E;
	opacity: 0.1;
	/* 10% opacity */
	z-index: -1;
}

.show-schedule h2 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 44px;
	line-height: 100%;
	color: #111111;
	text-transform: capitalize;
	margin-bottom: 40px;
	margin-top: 0px;
}

.show-schedule p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 20px;
	line-height: 36px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
}

.show-schedule p span {
	font-weight: 700;
}

.show-schedule h3 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 44px;
	line-height: 100%;
	text-transform: capitalize;
	color: #111111;
	text-transform: capitalize;
	margin-bottom: 40px;
	margin-top: 50px;
}

.show-schedule ul {

	padding-left: 22px;
}

.show-schedule ul li {
	margin-bottom: 21px;
	margin-top: 0px;
	color: #0D72BA;
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 18px !important;
	line-height: 100%;
	text-transform: capitalize;
}

/* forms  */

.form-sheet .category-button {
	width: 126px;
}

.form-sheet .form-box {
	background: #90C63E;
	padding: 100px;
}

.form-sheet .form-box h2 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 44px;
	line-height: 100%;
	color: #111111;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 15px;
	margin-top: 0px;
}

.form-sheet .form-box p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 28.01px;
	color: #000000;
	text-align: center;
	margin-bottom: 35px;
	margin-top: 0px;
}

.pdf-section {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
	column-gap: 24px;
	row-gap: 20px;
}

.pdf-box {
	
	width: 196px;
	height: 51px;
	border-radius: 5.6px;
	border: 0.93px solid #CCC9C9;
	background: #fff;
	margin-bottom: 0;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

.pdf-box a {
	text-decoration: none;
}

.pdf-box h3 {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	color: #111111;
	vertical-align: middle;
	text-align: center;
	line-height: 100%;
}

.form-sheet .form-box .content2,
.form-sheet .form-box .content3 {
	margin-top: 120px;
}

.form-sheet .form-box .content1 h6,
.form-sheet .form-box .content2 h6 {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #111111;
	margin-bottom: 26px;
	margin-top: 0px;
	text-align: center;
}

.form-sheet .form-box .content1 .custom-margin,
.form-sheet .form-box .content2 .custom-margin {
	margin-top: 80px;
}

/* fundraisers */
.fundraiser-section figure {
	position: relative;
	padding-bottom: 62%;
	width: 100%;
	margin: 0;
}

.fundraiser-section img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.fundraiser-section .card {
	background-color: white;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 10px;
}

.fundraiser-section .card_content {
	padding: 22px 20px;
	background: #FFF4F8;
}

.fundraiser-section .card_title {
	color: #000000;
	font-family: Poppins;
	font-weight: 600;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 100%;
	text-transform: capitalize;
}

.fundraiser-section .card_text {
	color: #666666;
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	margin-top: 0;
	margin-bottom: 19px;
}

.fundraiser-section a {
	color: #0D72BA;
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	text-transform: capitalize;
	text-decoration: none;
}

/* do-not  */
.instruction h2 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 44px;
	line-height: 100%;
	color: #111111;
	text-align: center;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 14px;
}

.instruction p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}

.do-not h2 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 44px;
	line-height: 100%;
	color: #111111;
	text-align: center;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 17px;
}

.do-not p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
}

.do-not p span {
	font-weight: 600;
}

.form-note-all {
	gap: 10px !important;

}

.form-note-all .category-button {
	padding: 16.5px 14px !important;
}

.footer-main .cmt-btn {
	padding: 17.5px 11.5px;
}

.do-not h6 {
	font-family: Manrope;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}

.do-not .location-box {
	border: 1px solid #D11D5B;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	width: 184px;
	padding-top: 16.5px;
	padding-bottom: 16.5px;
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #666666;
	text-transform: capitalize;

}

.location-box a {
	text-decoration: none;
}

.location-box p {
	margin-bottom: 0px;
	color: #D11D5B;
	font-family: Poppins;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
}

.do-not .locations {
	margin-top: 30px;
}

.do-not .locations p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
	text-align: left;
	margin-bottom: 0px;
}

.do-not-form {
	background: #90C63E;
	padding: 50px 24px;
}

.do-not-form h5 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 30px;
	line-height: 100%;
	color: #111111;
	vertical-align: middle;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 10px;
}

.do-not-form p {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: left;
}

.do-not-form label.form-label {
	font-family: "Poppins", sans-serif !important;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: capitalize;
	color: #111111;
	display: block;
	margin-top: 0px;
	margin-bottom: 15px;
}

.do-not-form input {
	width: 100%;
	height: 56px;
	border-width: 1px;
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	background: #fff;
	margin-bottom: 0px;
	padding: 20px;
	margin-top: 0 !important;
}

.do-not-form input[type=submit]{
	background: #F37021;
}


.do-not-form textarea {
	width: 100%;
	height: 142px;
	border-width: 1px;
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	background: #fff;
	margin-bottom: 56px;
	padding: 20px;
	margin-top: 0 !important;
}

.do-not-form input::placeholder,
.do-not-form textarea::placeholder {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: capitalize;
	color: #111111;
}

.submit-btn {
	width: 130px;
	height: 56px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	color: #fff;
	text-decoration: none;
	font-family: Poppins;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	vertical-align: middle;
	border: 1px solid #000000;
}

/* vlounteer  */
.volunteer h2 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 44px;
	line-height: 100%;
	color: #111111;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 30px;
}

.schedule-sheet .category-button2 {
	border-radius: 5.6px;
	border: 0.93px solid #D11D5B;
	display: inline-block;
	text-align: center;
	padding: 15.5px;
	font-family: 'Century Gothic' !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #D11D5B;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: capitalize;
}

.schedule-sheet .category-button2:hover {
	cursor: pointer;
}

.schedule-sheet .category-button2.active {
	border: none;
	background: #D11D5B;
	color: #fff;
}

/* .voluteer-card {
    display: flex;
    gap: 24px;
} */

.voluteer-card .card {
	padding: 30px 20px 30px 30px;
	background: #0D72BA;
	height: 100%;
	overflow: hidden;
}

.card-excluv .name:not(:last-child) {
	margin-bottom: 23px !important;
}

.voluteer-card .card h6 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 18px;
	/* line-height: 100%; */
	color: #fff;
	vertical-align: middle;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 10px;
}

.voluteer-card .card .name p {
	line-height: 100%;
}

.voluteer-card .card p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
}

.voluteer-card .card .name {
	display: flex;
	gap: 15px;


}

.voluteer-card .card .name:not(:last-child) {
	margin-bottom: 20px;
}

.voluteer-card .card .name h5 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
	vertical-align: middle;
}

.accordian-box {
	background: #90C63E;
	padding: 60px 30px;
}

.accordian-box p {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 50px;
}

ul.accordion-list {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0;
	list-style: none;
}

ul.accordion-list li.active {
	box-shadow: 0px 8px 40px 0px #0000001F;

}

ul.accordion-list li {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding: 0px 0px;
	margin: 0 auto 25px auto;
	overflow: hidden;
	border: 1px solid #E4E7E9;
	border-radius: 10px;
	cursor: pointer;
}

ul.accordion-list li.active h3:after {
    content: "";
    color: white;
    background-image: url(./images/minus.svg);
    width: 16px;
    height: 3px;
    background-repeat: no-repeat;
    background-size: contain;
}

ul.accordion-list li h3 {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 22px 31px;
	margin: 0px 0;
	font-family: Poppins;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	color: #000000;
	cursor: pointer;
}

ul.accordion-list li h3:after {
	content: "";
    background-image: url(./images/plus.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    color: #0D72BA;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    font-weight: 900;
}

ul.accordion-list li div.answer {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0px 31px 22px 31px;
	cursor: pointer;
	margin-top: -5px;
}

ul.accordion-list li div.answer h6 {
	position: relative;
	display: block;
	font-family: Poppins;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
}

ul.accordion-list li div.answer p {
	position: relative;
	display: block;
	padding: 0px 0 0 0;
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 0px;
	text-align: left;
}

ul.accordion-list li div.answer h5 {
	position: relative;
	display: block;
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	color: #000000;
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
}

img.remind-app-img2 {
	max-width: 593px;
}

img.remind-app-img {
	max-width: 593px;
}

.text-end-remind {
	text-align: end;
}

/* remind-app  */
.remind-section img {
	width: 100%;
	height: auto;
	margin-top: 0px;
}

.remind-section .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.remind-section .content h6 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 20px;
	line-height: 100%;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 15px;
}

.remind-section .content h5 {
	font-family: Manrope;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #0D72BA;
	margin-top: 0px;
	margin-bottom: 15px;
}

.back-color-remind {
	background-color: #F5F5F5;
}

.remind-section a {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	color: #0D72BA;
	margin-top: 0px;
	margin-bottom: 20px;
	text-decoration: underline;
}

.remind-section .cmt-btn {
	display: block;
	margin: 0;
	margin-top: 20px;
	width: 100%;
	max-width: 130px;
	padding: 17.5px 25px;
}

/* rehearsal  */
.rehearsal-section .card_content {
	background: #fff;
}

.rehearsal-section .card {
	background: #fff;
	box-shadow: 0px 4px 14px 0px #00000017;
}

.rehearsal-section .card_title {
	color: #000000;
	font-family: Poppins;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
}

.rehearsal-section .card_content {
	padding: 20px;
}

.rehearsal-section .card-display {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.rehearsal-section .card-display a {
	font-family: Poppins;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #0D72BA;
	text-transform: capitalize;
	margin-top: 0px;
}

/* revaluation  */
.main-stage h2 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 44px;
	line-height: 100%;
	color: #111111;
	text-align: center;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 40px;
}

.evaluation {
	max-width: 250px;
	width: 100%;
}

.evaluation p {
	font-family: Century Gothic;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 100%;
	text-transform: capitalize;
}

.do-not .location-box.evaluation,
.do-not .fall-box.evaluation,
.do-not .spring-box.evaluation {
	width: 250px;

    height: 73px;
    display: flex
;
    justify-content: center;
    align-items: center;
}

.main-stage .main-box {
	display: flex;
	text-align: center;
	gap: 18px;
	flex-wrap: wrap;
	justify-content: center;
}

.do-not .fall-box {
	border: 1px solid #F37021;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	width: 184px;
	padding-top: 16.5px;
	padding-bottom: 16.5px;
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #666666;
	text-transform: capitalize;

}

.fall-box a {
	text-decoration: none;
}

.fall-box p {
	margin-bottom: 0px;
	color: #F37021;
	font-family: Poppins;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
}

.do-not .spring-box {
	border: 1px solid #0D72BA;
	border-radius: 6px;
	display: inline-block;
	text-align: center;
	width: 184px;
	padding-top: 16.5px;
	padding-bottom: 16.5px;
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #666666;
	text-transform: capitalize;

}

.spring-box a {
	text-decoration: none;
}

.spring-box p {
	margin-bottom: 0px;
	color: #0D72BA;
	font-family: Poppins;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	text-transform: capitalize;
}

/* privacy-policy  */
.privacy-policy h2 {
	font-family: Poppins;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 23px;
}

.privacy-policy p,
.privacy-policy ul li {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-3 {
	margin-bottom: 25px !important;
}

.event-detail h2 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: Poppins;
	font-weight: 500;
	font-size: 36px;
	line-height: 100%;
	color: #111111;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 11px;
}

.cmt-btn.event-btn {
	font-family: Poppins;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
}

.event-detail .content {
	display: flex;
	justify-content: space-between;
}

.event-detail h6 {
	font-family: Poppins;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #111111;
	margin-top: 0px;
	margin-bottom: 20px;
}

.event-detail p {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 50px;
}

.event-images img {
	margin-bottom: 19px;
	width: 100%;
	height: auto;
}

.event-detail-contact .box {
	background: #0D72BA;
	width: 416px;
	padding: 30px;
}

.event-detail-contact .box h6 {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.event-detail-contact .box i {
	color: #fff;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
}

.event-detail-contact .box span {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0;
}

.marg-left-big {
	margin-left: 14px !important;
}

.event-detail-contact .box i.fa.fa-envelope span,
.event-detail-contact .box i.fa.fa-phone span {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-transform: lowercase;
}

.event-detail-contact .box .cmt-btn {
	margin-top: 15px;
}

/* contact  */
.contact-us .box {
	background: #0D72BA;
	padding: 67px 38px;
}

.contact-us .box h2 {
	color: #fff;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
}

.contact-us .box p {
	text-align: center;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 68px;
	color: #fff;
	max-width: 793px;
}

.contact-us .form-label {
	display: block;
	font-family: Poppins;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	color: #fff;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 16px;
}

.contact-us .form-label span {
	color: #F37021;
}

.contact-us input {
	width: 100%;
	height: 56px;
	border-width: 1px;
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	background: #fff;
	margin-bottom: 0 !important;
	padding: 20px;
	margin-top: 0 !important;
}

.contact-us textarea {
	width: 100%;
	height: 142px;
	border-width: 1px;
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	background: #fff;
	margin-bottom: 0px !important;
	padding: 20px;
	margin-top: 0 !important;
}

.contact-us input::placeholder,
.contact-us textarea::placeholder {
	font-family: 'Century Gothic' !important;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: capitalize;
	color: #33333380;
}

.main-do-not {
	margin-bottom: 40px;
}



/* footer ---------------------------- */

.footer-main {
	background-color: #000000;
}

.footer-logo {
	max-width: 92px;
	margin: 0;
}

.footer-logo img {
	width: 100%;
}

.logo-main-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0px;
	padding-top: 30px;
}

.sections-footer {
	padding-top: 55px;
	padding-bottom: 52px;
}

.news-main-email input {
	background-color: #FFFFFF;
	font-weight: 400;
	font-size: 14.65px;
	line-height: 17.96px;
	margin: 0 !important;
	padding: 19px 25px;
	border: 1px solid #FFFFFF33;
	border-radius: 4px;
	color: #666666;
}

.news-main-email {
	margin-bottom: 34px;
}

.inner-text-newsleter h3 {
	font-family: 'Century Gothic' !important;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;

	text-align: left;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: capitalize;
}

.inner-text-newsleter p {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-transform: capitalize;
	color: #FFFFFF;
	margin-bottom: 21px;
	max-width: 315px;
}

.footer-right-btn {
	background-color: #F37021;
	padding: 14px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	border-radius: 5px;
	border: 1px solid #F37021;
	margin: 0 !important;
}

.footer-right-btn i {
	transform: rotate(-40deg);
	font-size: 24px;
}

.news-main-email {
	gap: 10px;
}

.inner-text-newsleter ul li a {
	font-weight: 400;
	font-size: 16px;
	line-height: 19.62px;
	text-transform: capitalize;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.inner-text-newsleter ul {
	list-style: none;
	padding: 0;
}

.inner-text-newsleter ul li {
	margin-bottom: 24px;
}

.upper-footer-menus {
	justify-content: space-between;
}

.images-amin-partner-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	column-gap: 38px;
	row-gap: 27px;
	padding-top: 10px;
}

.images-amin-partner-footer figure {
	margin: 0;
	float: unset;
	width: 100%;
	height: 100%;
	max-width: 150px;
	width: 100%;
}

.padd-left {
	padding-left: 60px;
}

.face-ook a {
	width: 31px;
	height: 31px;
	border-radius: 100px;
	background-color: #303030;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 17px;
	text-decoration: none;
}

.inner-icons-footer {
	gap: 9px;
	/* margin-bottom: 30px; */
}

.call-footer {
	font-weight: 400;
	font-size: 16px;
	line-height: 19.62px;

	color: #FFFFFF;
	text-decoration: none;
}

.copy-privacy {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.copy-privacy p {
	font-weight: 400;
	font-size: 16px;
	line-height: 19.62px;
	text-transform: capitalize;
	margin: 0;
	color: #FFFFFF;
}

.copy-privacy a {
	font-weight: 400;
	font-size: 16px;
	line-height: 19.62px;

	text-align: right;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
}

.footer-btm {
	padding: 30px 0;
	border-top: 1px solid #D2D2D233;
}

.logo-header img {
	max-width: 152px;
	width: 100%;
}

.sections-footer {
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.footer-content {
	max-width: 567px;
	width: 100%;
}

.footer-content p {
	font-family: Century Gothic;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* header ----------------------------------- */


.cmt-btn.blue-btn {
	background-color: #0D72BA;
	border-color: #0D72BA;
}

.buttons-mian {
	display: flex;
	align-items: center;
	gap: 17px;
}

.upper-header-main {
    display: flex
;
    padding: 9px 10px;
    align-items: center;
    justify-content: left;
    max-width: 1093px;
    margin: auto;
}

.nav-all {
	background-color: #90C63E;
	padding: 16px 0;
	position: relative;
	z-index: 99;
}


.navbar {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px;
	position: relative;
}

.navbar .logo a {
	color: white;
	text-decoration: none;
	font-size: 24px;
}

.navbar .nav-links {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.navbar .nav-links li {
	margin: 0 15px;
}

nav .nav-level-1 li a {
	color: #000000;
	text-decoration: none;
	font-weight: 500;
	font-size: 15px;
	line-height: 22.5px;
	font-family: "Poppins", sans-serif !important;
	text-align: center;
	text-transform: capitalize;
	position: relative;
}


.navbar .menu-icon {
	display: none;
	cursor: pointer;
}

.navbar .menu-icon .bar {
	width: 25px;
	height: 4px;
	background-color: white;
	margin: 5px;
	display: flex;
}

/* Dropdown Styles */
.navbar .dropdown {
	position: relative;
}

.navbar .dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #333;
	min-width: 160px;
	list-style-type: none;
	padding: 0;
	z-index: 9;
}
.inner-main-drop.level-1-item .inner-arrow::after{
	content: "";
    background-image: url(./images/drop.svg);
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 14px;
    color: black;
    position: absolute;
    right: -3px;
    transform: translateY(-50%);
    top: 43%;
}

.navbar .dropdown-content li {
	padding: 10px 15px;
}

.navbar .dropdown-content li a {
	color: white;
	text-decoration: none;
}

.navbar .dropdown:hover .dropdown-content {
	display: block;
}

.navbar .nav-links li .dropdown-content li {
	margin: 0;
}

.navbar .nav-links li .dropdown-content li:hover {
	background-color: gray;
}

.upper-btn-drop-icon {
	align-items: center;
	gap: 5px;
	justify-content: center;
}

.upper-btn-drop-icon i {
	font-size: 13px;
}


.level-1-item.selected>a {
	color: #0D72BA;
}

.inner-main-drop.level-1-item.selected .inner-arrow::after {
	color: #0D72BA;
}

li.level-2-item.selected {
	background-color: #4c4c4c;
}

li.level-2-item.selected a {
	color: white !important;
}

.padd-top-zer {
	padding-top: 0 !important;
}

.heading-home-main {
	font-weight: 600 !important;
	font-size: 44px !important;
	line-height: 62px !important;
	letter-spacing: 0%;
	color: #111111 !important;
	margin-bottom: 40px !important;
}

.date-news p::before {
	content: "\f133";
	font-weight: 400;
	font-family: "Font Awesome 6 free";
	color: #F37021;
	margin-right: 5px;
	font-size: 16px;

}
.privacy-policy ul{
	padding-left: 17px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.volunteer-btns-tabs .category-button2 {
	font-family: "Poppins", sans-serif !important;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;
	width: 100%;
	max-width: 175px;
	border-radius: 10px;
	padding: 18.5px 10px;
	margin: 0;
}

.volunteer-btns-tabs .nav-tab-box {
	gap: 20px;
}

.remind-app {
	position: relative;
	padding-bottom: 69%;
	width: 100%;
	margin: 0;
	margin-bottom: 25px !important;
	border-radius: 10px;
	overflow: hidden !important;
}

.remind-app img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

}


.half-img {
	position: relative;
	padding-bottom: 67.3% !important;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 19px !important;
}

.half-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	margin: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.full-img {
	position: relative;
	padding-bottom: 139.3% !important;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.full-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	margin: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.card_image {
	position: relative;
	padding-bottom: 64.2%;
	width: 100%;
	border-radius: 10px 10px 0 0;
}

.row-gap-30 {
	row-gap: 30px;
}

.display-title-main {
	display: none;
}


.flex-main-all-donate {
	display: flex;
	gap: 15px;
}
.google-calendar{
	padding: 20px 19px !important;
}

.cmt-btn.google-calendar{
text-transform: none !important;
}
.upper-location-box{
	display: flex;
	flex-wrap: wrap;
	gap: 14.5px;
}
.std-width-ctnr.page-intro #bread{
display: none;
}
.submit-btn:hover{
	background-color: white;
	color: black;
}
.comn-head-csmt{

}
@media screen and (max-width: 1599px) {
	.pdf-box{
		width: 100%;
	}

}
/* Responsiveness  */
@media screen and (max-width: 1099px) {

	.schedule-sheet h2 {
		margin-bottom: 38px;
		margin-top: 0px;
	}

	.schedule-sheet .category-button {

		padding-left: 15px;
		padding-right: 15px;
	}

	.schedule-sheet .nav-tab-box {
		gap: 16px;
		align-items: center;
		justify-content: center;
		margin-bottom: 19px;
	}

	.show-schedule p {
		font-size: 18px;
		line-height: 36px;
	}

	.show-schedule h3 {
		font-size: 34px;
		margin-bottom: 26px;
		margin-top: 39px;
	}

	.show-schedule h2 {
		font-size: 34px;
		margin-bottom: 26px;
		margin-top: 39px;
	}

	.show-schedule ul li {
		margin-bottom: 16px;
		margin-top: 0px;
	}

	.comn-padd {
		padding: 100px 0;
	}

}

@media screen and (max-width: 991px) {
	.row .col-6 {
		width: 100%;
	}

	.upper-header-main {
		padding: 3px 10px;
	}

	img.remind-app-img2 {
		max-width: 100%;
	}

	img.remind-app-img {
		max-width: 100%;
	}

	.inner-banner-img-all h2 {
		font-size: 50px;
		line-height: 64px;
	}

	.inner-banner-img-all {
		padding: 120px 20px;
	}

	.cmt-fonts h1,
	.cmt-fonts h2 {
		font-size: 36px;
		line-height: 41px;
	}

	.order-1 {
		order: 1;
	}

	.order-2 {
		order: 2;
	}

	.cmt-fonts p,
	.cmt-banner-carousel p.info,
	.show-schedule p,
	.form-sheet .form-box p,
	.voluteer-card .card p {
		font-size: 14px;
		line-height: 25px;
	}
	.inner-main-drop.level-1-item .inner-arrow::after {
		content: "";
		background-image: url(./images/drop.svg);
		width: 12px;
		height: 8px;
		background-repeat: no-repeat;
		background-size: contain;
		font-size: 14px;
		color: black;
		position: absolute;
		right: -3px;
		transform: translateY(-50%);
		top: 52%;
	}
	.voluteer-card .card h6 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.core-overlay h6 {
		font-size: 12px;
		line-height: 20px;
	}

	.schedule-sheet .category-button {
		padding: 11.5px 6px;
		font-size: 13px;
		line-height: 20px;
		margin-top: 0;
	}

	.schedule-sheet .nav-tab-box {
		margin-bottom: 0px;

	}

	.schedule-sheet .category-button2 {
		padding: 10.5px;
		margin-bottom: 0px;
	}

	.show-schedule ul {
		font-size: 14px;
	}

	.accordian-box p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 30px;
	}

	.accordian-box {
		padding: 40px 30px;
	}

	ul.accordion-list li h3 {
		font-size: 16px;
		padding: 15px 12px;
	}

	ul.accordion-list li div.answer {
		padding: 15px 15px;
	}

	ul.accordion-list li div.answer h5 {
		font-size: 14px;
		margin-bottom: 0px;
	}

	.volunteer .row .col-6 {
		margin-top: 20px;
	}

	.comn-padd {
		padding: 60px 0;
	}

	.comn-padd2 {
		padding-bottom: 60px;
		padding-top: 0px;
	}

	.form-sheet .form-box {
		padding: 50px;
	}

	.pdf-section {
		grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
		gap: 24px;
	}
	.rehearsal-section .card-display a {
		font-size: 13px;
	}
	.form-sheet .form-box .content1 .custom-margin,
	.form-sheet .form-box .content2 .custom-margin {
		margin-top: 50px;
	}

	.fundraiser-section .card_content {
		padding: 15px 12px;
	}

	.fundraiser-section .card_title,
	.contact-us .form-label {
		font-size: 15px;
	}

	.fundraiser-section a {
		font-size: 14px;
	}

	.do-not .location-box,
	.do-not .fall-box,
	.do-not .spring-box {
		padding-top: 10.5px;
		padding-bottom: 10.5px;
		font-size: 14px;
	}

	.event-detail .content {
		display: block;
		margin-bottom: 20px;
	}

	.contact-us .box {
		padding: 30px 38px;
	}

	.contact-us .box p {
		margin-bottom: 18px;
	}

	.contact-us input {
		height: 45px;
		margin-bottom: 25px;
		padding: 10px;
	}

	.contact-us input::placeholder,
	.contact-us textarea::placeholder {
		font-size: 14px;
	}

	.core-overlay {
		padding: 9px;
	}

	.do-not-form p {
		margin-bottom: 35px;
	}

	.do-not-form {
		margin-top: 20px;
	}

	.custom-nav-dots {
		margin-top: 90px;

	}


	.form-sheet .form-box h2 {
		font-size: 34px;
		margin-bottom: 15px;
		margin-top: 0px;
	}

	.form-sheet .form-box .content2,
	.form-sheet .form-box .content3 {
		margin-top: 80px;
	}

	.schedual-comn-calss.schedule-sheet .nav-tab-box {
		margin-bottom: 20px;
	}

	.show-schedule ul li {
		margin-bottom: 11px;
		margin-top: 0px;
	}

	.show-schedule ul li {

		font-size: 15px !important;
	}
	.row-gap-4{
		row-gap: 30px;
	}
	.form-note-all .category-button {
		padding: 12.5px 14px !important;
	}
	.do-not .location-box,
	.do-not .fall-box,
	.do-not .spring-box {
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 798px) {
	.inner-icons-footer {
		margin-top: 15px;
	}


	.privacy-policy h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.privacy-policy p,
	.privacy-policy ul li {
		font-size: 14px;
		line-height: 25px;
	}

	.fundraiser-section .card_title,
	.contact-us .form-label {
		font-size: 14px;
	}

	.event-detail-contact .box {
		width: auto;
	}

	.event-detail-contact .box h6 {
		font-size: 15px;
	}

	.event-detail-contact .box span,
	.event-detail-contact .box i.fa.fa-envelope span,
	.event-detail-contact .box i.fa.fa-phone span {
		font-size: 14px;
	}

	.rehearsal-section .card-display a {
		font-size: 13px;
	}
	.rehearsal-section .card-display {
		gap: 10px;
	}



	.do-not p {
		margin-bottom: 0px;
	}

	.instruction p {
		margin-bottom: 0px;
	}



	.row .col-4 {
		width: 50%;
	}

	.cmt-fonts h1,
	.cmt-fonts h2,
	.form-sheet .form-box h2,
	.show-schedule h3 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 12px;
	}

	.form-sheet .form-box {
		padding: 33px 16px;
	}

	.pdf-section {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 12px;
	}

	.do-not-form h5 {
		font-size: 25px;
		line-height: 100%;
	}

	.do-not-form label.form-label {
		font-size: 14px;
	}

	.do-not-form p {
		margin-bottom: 25px;
	}

	.do-not-form input {
		height: 40px;
		margin-bottom: 20px;
		padding: 10px;
	}

	.do-not-form textarea {
		height: 110px;
		margin-bottom: 15px;
		padding: 10px;
	}

	.submit-btn {
		height: 45px;
	}

	.do-not .locations p {
		font-size: 14px;
		line-height: 25px;
	}

	.do-not-form {
		padding: 25px 24px;
		margin-top: 20px;
	}

	.do-not .locations {
		margin-top: 0px;
	}

	.voluteer-card .card .name {
		gap: 10px;
	}

	.voluteer-card .card .name h5 {

		font-size: 13px;
	}

	.cmt-fonts p,
	.cmt-banner-carousel p.info,
	.show-schedule p,
	.form-sheet .form-box p,
	.voluteer-card .card p {
		font-size: 13px;
	}

	.remind-section .content h6,
	.remind-section .content h5,
	.remind-section a {
		font-size: 15px;
	}

	.cmt-btn {
		padding: 12px 26px;
	}



	.schedual-comn-calss.schedule-sheet .nav-tab-box {
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.show-schedule h2 {
		font-size: 34px;
		margin-bottom: 26px;
		margin-top: 15px;
	}

	.logo-header img {
		max-width: 116px;
		width: 100%;
	}
	.schedual-comn-calss.schedule-sheet .nav-tab-box {
        margin-bottom: 8px;
        flex-wrap: wrap;
    }


}

@media screen and (max-width: 575px) {
	.cmt-btn {
		font-size: 12px;
		padding: 6px 26px;
	}

	.evaluation p,
	.copy-privacy p,
	.copy-privacy a {
		font-size: 14px !important;
	}

	.accordian-box {
		padding: 20px 20px;
	}

	.schedule-sheet .category-button2 {
		margin-bottom: 10px;
	}

	.form-sheet .form-box {
		padding: 25px;
	}

	.show-schedule h3 {
		margin-top: 20px;
	}

	.event-images .row {
		row-gap: 20px;
	}

	.show-schedule ul li {
		margin-bottom: 10px;
	}


	.footer-logo {
		margin-bottom: 20px;
	}

	.logo-main-btn,
	.sections-footer {
		display: block !important;
	}

	.logo-main-btn,
	.sections-footer,
	.footer-btm {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-content p {
		font-size: 14px !important;
	}

	.fundraiser-section .card_text {
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
		margin-top: 0;
		margin-bottom: 11px;
	}

	.footer-main .cmt-btn {
		padding: 12.5px 11.5px;
	}

	.event-detail .cmt-btn {
		padding: 13.5px 36px;
	}

	.inner-banner-img-all h2 {
		font-size: 40px;
		line-height: 64px;
		margin: 0;
	}

	.pdf-section {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
		gap: 12px;
	}

	.pdf-box {
		width: 100%;
		max-width: 196px;
		height: 43px;

	}

	.pdf-box h3 {

		font-size: 14px;
		line-height: 100%;
	}

	.form-sheet .form-box .content2,
	.form-sheet .form-box .content3 {
		margin-top: 50px;
	}

	.cmt-fonts h1,
	.cmt-fonts h2,
	.form-sheet .form-box h2,
	.show-schedule h3 {
		font-size: 26px;
		line-height: 29px;
		margin-bottom: 12px;
	}

	.form-sheet .form-box p {
		margin-bottom: 18px;
	}

	.show-schedule ul li {
		font-size: 14px !important;
	}

	.copy-privacy {
		flex-wrap: wrap;
		row-gap: 15px;
	}

	.voluteer-card .card {
		padding: 19px;
	}

	.volunteer-btns-tabs.schedule-sheet .category-button2 {

		max-width: 126px;
	}

	.do-not-form {
		padding: 20px 12px;
		margin-top: 20px;
	}

	.do-not-form label.form-label {
		margin-bottom: 7px;
	}

	.logo-header img {
		max-width: 90px;
		width: 100%;
	}

	.footer-logo {
		max-width: 92px;
		margin: 0;
		margin: auto;
	}

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

	.voluteer-card .card .name {
		gap: 5px;
		flex-direction: column;
	}

	.flex-main-all-donate {
		display: flex;
		gap: 9px;
	}
	.do-not .location-box{
		width: 153px;
	}
}

@media screen and (max-width: 478px) {

	.contact-us input {
		margin-bottom: 15px;
	}

	.accordian-box p {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 30px;
	}

	.contact-us textarea {
		margin-bottom: 15px;
		padding: 10px;
	}

	.do-not .location-box,
	.do-not .fall-box,
	.do-not .spring-box {
		padding-top: 5.5px;
		padding-bottom: 5.5px;
	}

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

	.pdf-section {
		grid-template-columns: 1fr;
	}

	.comn-padd {
		padding: 30px 0;
	}

	.comn-padd2 {
		padding-bottom: 30px;
		padding-top: 0px;
	}

	.inner-banner-img-all h2 {
		font-size: 32px;
		line-height: 45px;
	}

	.inner-banner-img-all {
		padding: 80px 20px;
	}

	.cmt-fonts h1,
	.cmt-fonts h2,
	.show-schedule h3 {
		font-size: 21px;
		margin-bottom: 15px;
	}

	.form-sheet .form-box h2 {
		font-size: 27px;
		margin-bottom: 12px;
	}

	.form-sheet .form-box {
		padding: 25px 15px;
	}


	.form-sheet .form-box .content2,
	.form-sheet .form-box .content3 {
		margin-top: 30px;
	}

	.schedule-sheet .nav-tab-box {
		gap: 7px;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.cmt-fonts p,
	.cmt-banner-carousel p.info,
	.show-schedule p,
	.form-sheet .form-box p,
	.voluteer-card .card p {
		font-size: 12px;
	}

	.voluteer-card .card {
		padding: 12px;
	}

	.flex-main-all-donate {
		display: flex;
		gap: 5px;
	}

	.pdf-box {
		width: 100%;
		max-width: 100%;
		height: 40px;

	}

	.pdf-section {
		grid-template-columns: 1fr;
		margin-bottom: 13px;
	}

	.event-detail-contact .box i {
		margin-top: 0px;
		margin-bottom: 13px;
	}

	.event-detail-contact .box {
		width: 100%;
		padding: 19px;
	}
}
@media(max-width:420px){
	.do-not .location-box {
        width: 100%;
        margin-bottom: 10px;
    }

}

@media (min-width: 40rem) {
	.fundraiser-section .cards_item {
		width: 50%;
	}
}

@media (min-width: 56rem) {
	.fundraiser-section .cards_item {
		width: 33.3333%;
	}
}