/*!
Theme Name: MDA
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mda
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

MDA is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	margin-top: 55px;
}
.header-social-icons {
    margin-top: 55px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/*---Rehan Css---*/

/*---Oswald fonts ---*/

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-ExtraLight.eot');
    src: url('assets/fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-ExtraLight.woff2') format('woff2'),
        url('assets/fonts/Oswald-ExtraLight.woff') format('woff'),
        url('assets/fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-Light.eot');
    src: url('assets/fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-Light.woff2') format('woff2'),
        url('assets/fonts/Oswald-Light.woff') format('woff'),
        url('assets/fonts/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-Bold.eot');
    src: url('assets/fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-Bold.woff2') format('woff2'),
        url('assets/fonts/Oswald-Bold.woff') format('woff'),
        url('assets/fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-Medium.eot');
    src: url('assets/fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-Medium.woff2') format('woff2'),
        url('assets/fonts/Oswald-Medium.woff') format('woff'),
        url('assets/fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-Regular.eot');
    src: url('assets/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-Regular.woff2') format('woff2'),
        url('assets/fonts/Oswald-Regular.woff') format('woff'),
        url('assets/fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/fonts/Oswald-SemiBold.eot');
    src: url('assets/fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Oswald-SemiBold.woff') format('woff'),
        url('assets/fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*----Avenir Book Fonts---*/
/*@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Roman.eot');
      src:  url('assets/fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Roman.woff2') format('woff2'),
        url('assets/fonts/Avenir-Roman.woff') format('woff'),
        url('assets/fonts/Avenir-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Light.eot');
    src: 
        url('assets/fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Light.woff2') format('woff2'),
        url('assets/fonts/Avenir-Light.woff') format('woff'),
        url('assets/fonts/Avenir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('assets/fonts/Avenir-BookOblique.eot');
    src: 
        url('assets/fonts/Avenir-BookOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-BookOblique.woff2') format('woff2'),
        url('assets/fonts/Avenir-BookOblique.woff') format('woff'),
        url('assets/fonts/Avenir-BookOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Black Oblique';
    src: url('assets/fonts/Avenir-BlackOblique.eot');
    src: 
        url('assets/fonts/Avenir-BlackOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-BlackOblique.woff2') format('woff2'),
        url('assets/fonts/Avenir-BlackOblique.woff') format('woff'),
        url('assets/fonts/Avenir-BlackOblique.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Heavy.eot');
    src: 
        url('assets/fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Heavy.woff2') format('woff2'),
        url('assets/fonts/Avenir-Heavy.woff') format('woff'),
        url('assets/fonts/Avenir-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-HeavyOblique.eot');
    src: 
        url('assets/fonts/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-HeavyOblique.woff2') format('woff2'),
        url('assets/fonts/Avenir-HeavyOblique.woff') format('woff'),
        url('assets/fonts/Avenir-HeavyOblique.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-MediumOblique.eot');
    src: 
        url('assets/fonts/Avenir-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-MediumOblique.woff2') format('woff2'),
        url('assets/fonts/Avenir-MediumOblique.woff') format('woff'),
        url('assets/fonts/Avenir-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-LightOblique.eot');
    src: 
        url('assets/fonts/Avenir-LightOblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-LightOblique.woff2') format('woff2'),
        url('assets/fonts/Avenir-LightOblique.woff') format('woff'),
        url('assets/fonts/Avenir-LightOblique.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('assets/fonts/Avenir-Book.eot');
    src: 
        url('assets/fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Book.woff2') format('woff2'),
        url('assets/fonts/Avenir-Book.woff') format('woff'),
        url('assets/fonts/Avenir-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Black.eot');
    src: 
        url('assets/fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Black.woff2') format('woff2'),
        url('assets/fonts/Avenir-Black.woff') format('woff'),
        url('assets/fonts/Avenir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Oblique.eot');
    src: 
        url('assets/fonts/Avenir-Oblique.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Oblique.woff2') format('woff2'),
        url('assets/fonts/Avenir-Oblique.woff') format('woff'),
        url('assets/fonts/Avenir-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Medium.eot');
    src: 
        url('assets/fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Avenir-Medium.woff2') format('woff2'),
        url('assets/fonts/Avenir-Medium.woff') format('woff'),
        url('assets/fonts/Avenir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}*/

/*--- open sans fonts---*/
@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Medium.eot');
    src: url('assets/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Medium.woff') format('woff'),
        url('assets/fonts/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-LightItalic.eot');
    src: url('assets/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSans-LightItalic.woff') format('woff'),
        url('assets/fonts/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Regular.eot');
    src: url('assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Regular.woff') format('woff'),
        url('assets/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-SemiBoldItalic.eot');
    src: url('assets/fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-SemiBold.eot');
    src: url('assets/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('assets/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('assets/fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-MediumItalic.eot');
    src: url('assets/fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSans-MediumItalic.woff') format('woff'),
        url('assets/fonts/OpenSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-BoldItalic.eot');
    src: url('assets/fonts/OpenSansCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-BoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-Bold.eot');
    src: url('assets/fonts/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-Bold.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-Bold.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-ExtraBold.eot');
    src: url('assets/fonts/OpenSansCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-ExtraBold.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-Light.eot');
    src: url('assets/fonts/OpenSansCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-Light.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-Light.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-Italic.eot');
    src: url('assets/fonts/OpenSansCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-Italic.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-Italic.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-ExtraBoldItalic.eot');
    src: url('assets/fonts/OpenSansCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-ExtraBoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-SemiBold.eot');
    src: url('assets/fonts/OpenSansCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-SemiBold.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-SemiBold.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-MediumItalic.eot');
    src: url('assets/fonts/OpenSansCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-MediumItalic.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-Medium.eot');
    src: url('assets/fonts/OpenSansCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-Medium.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-Medium.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-Regular.eot');
    src: url('assets/fonts/OpenSansCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-Regular.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-Regular.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-LightItalic.eot');
    src: url('assets/fonts/OpenSansCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-LightItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-LightItalic.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-BoldItalic.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-BoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-Bold.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-Bold.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-Bold.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-ExtraBold.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-ExtraBold.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('assets/fonts/OpenSansCondensed-SemiBoldItalic.eot');
    src: url('assets/fonts/OpenSansCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansCondensed-SemiBoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSansCondensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-Light.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-Light.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-Light.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-ExtraBoldItalic.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-ExtraBoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-LightItalic.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-LightItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-LightItalic.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-Medium.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-Medium.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-Medium.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-Italic.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-Italic.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-Italic.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-MediumItalic.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-MediumItalic.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Bold.eot');
    src: url('assets/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Bold.woff') format('woff'),
        url('assets/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-SemiBoldItalic.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-SemiBoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-SemiBold.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-SemiBold.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-SemiBold.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans SemiCondensed';
    src: url('assets/fonts/OpenSansSemiCondensed-Regular.eot');
    src: url('assets/fonts/OpenSansSemiCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSansSemiCondensed-Regular.woff2') format('woff2'),
        url('assets/fonts/OpenSansSemiCondensed-Regular.woff') format('woff'),
        url('assets/fonts/OpenSansSemiCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-ExtraBold.eot');
    src: url('assets/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('assets/fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-BoldItalic.eot');
    src: url('assets/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('assets/fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('assets/fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('assets/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Light.eot');
    src: url('assets/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-Light.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Light.woff') format('woff'),
        url('assets/fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('assets/fonts/OpenSans-Italic.eot');
    src: url('assets/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/OpenSans-Italic.woff2') format('woff2'),
        url('assets/fonts/OpenSans-Italic.woff') format('woff'),
        url('assets/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}








.home-header-top-heading {
    margin-bottom: 0px;
}
.home-slider-img .n2-ss-item-image-content.n2-ss-item-content.n2-ow-all::after{
	content: unset;
}
.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow.n-uc-ykJc5bnIv5mz-inner {
    padding: 0 !important;
}
.n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content.n2-ow.n-uc-cz8gOVNvvh6J-inner {
    padding: 0 !important;
}
.newsletter.form-group input {
    background-color: #f5eff7;
    padding: 11px 13px;
    border-radius: 4px;
}
.wp-block-group.volunteer-main-section.vendor-page {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/08/Rectangle-6-copy-16-1.png);
}
.newsletter-wrap-subscribe {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.newsletter-wrap-subscribe input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #b3a3c3;
    border: none;
    color: #fff;
    font-family: 'Oswald';
    padding: 16px 32px;
    text-transform: uppercase;
}

/*.n2-ss-layer.n2-ow.n-uc-HqK4EvB0KOSR .n2-ss-item-image-content.n2-ss-item-content.n2-ow-all::after, .n2-ss-layer.n2-ow.n-uc-TZmFz6foq0YJ .n2-ss-item-image-content.n2-ss-item-content.n2-ow-all::after, .n2-ss-layer.n2-ow.n-uc-50zVGnSnODW6 .n2-ss-item-image-content.n2-ss-item-content.n2-ow-all::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    border-bottom-left-radius: 55% 10%;
    border-bottom-right-radius: 55% 10%;
    transform-origin: bottom;
    transform: scaleY(1.9);
    z-index: 2;
}*/

/*--Header css---*/
.client-slider-main-wrap .client-slides .client-columns-wrap .client-image img {
    border-radius: 50%;
}
ul li{
 list-style-type: none;
}
ul{
	margin: 0;
    padding: 0;
}
p{
	font-family: 'Open Sans';
}
.header-container {
    width: 1150px;
    margin: 0 auto;
    max-width: 100%;
    display: flex;
    /*align-items: center;*/
    justify-content: space-between;
}
.container{
	 width: 1150px;
    margin: 0 auto;
    max-width: 100%;
}
.header-social-icons ul.social-icons {
    display: flex;
    align-items: center;
    gap: 15px;
}
ul#primary-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    font-weight: 600;
}
ul#primary-menu li a {
    color: #000;
}
header.entry-header h1 {
    background-color: black;
    margin: 0;
}
header#masthead::after {
  content: "";
    position: absolute;
    top: -60px;
    left: 0;
    height: 212px;
    z-index: -1;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-4-3-1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
}
header#masthead {
    background-color: unset;
   
    z-index: 9999;
     transition: all 0.3s ease-in-out;
     position: fixed;
    top: 0;
    right: 0;
    width: 100%;
}
.site-header.sticky {
    width: 100%;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
   
}
.party-planner-wrap {
    margin-top: 50px;
}

.footer-wrapper {
    background-color: #f4f1f6;
    padding: 50px 0;
}
.footer-wrapper .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer-wrapper h4 {
    font-size: 22px;
    color: #000;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: 500;
}
.footer-wrapper .container ul li a {
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    padding: 0 0 3px 0;
    display: block;
}
.footer-contact p {
    margin: 0 0 16px 0;
    font-size: 17px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Oswald';
}
.footer-contact ul.social-icons {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    align-items: center;
}
.footer-bottom p a {
    color: #fff;
    text-decoration: underline;
}
body{
	font-family: 'Oswald';
	margin: 0 !important;
}
.footer-bottom p {
    margin: 0;
    padding: 12px 0;
    color: #fff;
    background-color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Open Sans';
}



.vendor-main-row-wrap .vendor-inner-col {
    position: relative;
    display: block;
}
.vendor-main-row-wrap {
    gap: 40px;
}
.vendor-main-row-wrap .vendor-inner-col .wp-block-media-text__content {
	display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    flex-direction: column;
}
p.vendor-overlay-img {
    margin: 0;
}
.vendor-main-row-wrap .vendor-inner-col:hover .wp-block-media-text__content{
	background-color: rgb(151 61 197 / 50%);
	    
}
.mda-hero-banner p {
    font-family: 'Oswald';
}
.new-home-vendor-img .wp-block-media-text__content p {
    font-family: 'Oswald';
}
.vendor-main-row-wrap .vendor-inner-col:hover .wp-block-media-text__content p.vendor-overlay-img {
    margin: 0;
}
.vendor-main-row-wrap .vendor-inner-col .wp-block-media-text__content figure.wp-block-image.size-full {
    margin: 10px 0 0 0;
}
.vendor-main-row-wrap {
    padding: 100px 0;
}
.vendor-main-row-wrap .vendor-inner-col.first-before-img::before {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/08/Ellipse-4-copy-6.png);
    position: absolute;
    top: -80px;
    width: 228px;
    height: 91px;
    content: '';
    background-repeat: no-repeat;
    left: 30px;
}


.our-mission-wrap .wp-block-group.container {
    gap: 45px;
    position: relative;
}
.our-mission-wrap {
    padding: 223px 0 50px 0;
    margin-top: -224px;
}
.newsletter-wrap .newsletter-inner-right {
    width: 53%;
}
.our-mission-wrap .wp-block-group.container figure {
    position: absolute;
    left: 25px;
}
.newsletter-wrap {
    padding: 50px 0;
}


.about-us-main-wrap figure {
    margin: 0;
}
.about-us-main-wrap figure img {
    width: 100%;
    height: 100%;
}
.about-us-main-wrap{
	gap:0;
}
.about-us-main-wrap .what-we-do-text {
    padding: 77px;
}
.about-us-main-wrap .what-we-do-text h2 {
    margin: 0;
}


.insta-section-main-wrap .wp-block-group figure {
    margin: 0;
    position: absolute;
    bottom: 0;
}
.insta-section-main-wrap {
    position: relative;
    padding: 75px 0 60px 0;
    margin-top: 80px;
}
.insta-section-main-wrap .wp-block-group figure img{
	width: 85%;
}
.insta-section-main-wrap h2 {
    margin: 0;
}
.map-section h2 {
    margin: 40px 0 0 0;
}
.map-section p {
    margin-top: 10px;
}

.wp-block-group.volunteer-main-section {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/08/Rectangle-6-copy-16.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 66px 0;
}
.wp-block-group.volunteer-main-section h2 {
    margin: 0;
}
.wp-block-group.volunteer-main-section p {
    margin: 2px 0;
}


.sponsor-section .carousel-slider-outer.carousel-slider-outer-image-carousel.carousel-slider-outer-198 .owl-item img {
    width: 65%;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
/*.sponsor-section {
    margin: 50px 20px;
}*/
.sponsor-section .carousel-slider .owl-stage {
    display: flex;
    align-items: center;
}
.sponsor-slider .slick-track {
    display: flex;
    align-items: center;
}
.sponsor-slide img {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 31px;
}
.sponsor-section .owl-nav.disabled {
    display: block !important;
}
.sponsor-section.container {
    margin-top: 70px;
    margin-bottom: 70px;
}
.wp-block-group.sponsor-section .carousel-slider-outer.carousel-slider-outer-image-carousel.carousel-slider-outer-198 .owl-item img:hover{
	filter: grayscale(0%);
}

/*---About Us css---*/
.mda-hero-banner .wp-block-media-text__content {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 61%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: max-content;
}
.mda-hero-banner .wp-block-media-text.is-stacked-on-mobile {
    display: block;
}

.mda-hero-banner {
    position: relative;
    z-index: 10;
}
.about-btn a:hover {
    color: #fff !important;
    background-color: #7d679c !important;
}
/*.page-id-219 header#masthead ,.page-id-248 header#masthead , .page-id-278 header#masthead{
    background-color: unset;
    position: relative;
    z-index: 12;
}*/
.page-id-219 nav#site-navigation, .page-id-248 nav#site-navigation, .page-id-278 nav#site-navigation{
    z-index: 200;
}
.page-id-219 .site-branding ,.page-id-248 .site-branding, .page-id-278 .site-branding{
    z-index: 200;
}
.page-id-219 .header-social-icons, .page-id-248 .header-social-icons, .page-id-278 .header-social-icons{
    z-index: 222;
}
.page-id-219 .insta-section-main-wrap .wp-block-group figure img {
    width: 68%;
}
.page-id-219 .insta-section-main-wrap {
     margin-top: 0px; 
}

.counter-section .counter-item .counter-title {
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
}
.counter-section .counter-item .counter-number {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
    font-family: 'Oswald';
}
.counter-section .counter-item {
    text-align: center;
}
.counter-section {
    display: flex;
    justify-content: space-between;
    padding: 50px 125px;
}
p.hero-text-top {
    padding: 70px 0;
}
.our-mission-main {
    border-radius: 54px;
}
.our-mission-main .our-mission-col figure {
    margin: 0;
}
.our-mission-main .our-mission-col img {
    width: 100%;
}
.our-mission-col.first {
    padding: 40px 25px 40px 40px;
}
.our-mission-col.first h2 {
    margin: 0;
}
.what-we-do-section h2 {
    margin: 0;
}
.what-we-do-section {
    margin-top: 60px;
    margin-bottom: 60px;
}


.vendor-top-para {
    padding: 130px 0 35px 0;
}
.vendor-content-background-main {
    margin-top: -76px;
}


.vendor-main-section .wp-block-group__inner-container {
    display: flex;
    gap: 30px;
        row-gap: 30px;
            flex-wrap: wrap;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card {
    background-color: #fff;
    border-radius: 20px;
    flex: 0 calc(49% - 5px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   
}
.vendor-main-section {
    padding: 50px 0;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c7c7c7;
    padding: 30px 30px 20px 30px;
            
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-header span.vendor-person {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    display: block;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-header span.vendor-company {
    font-size: 35px;
    font-weight: 700;
    color: #7d679c;
    text-transform: uppercase;
    line-height: 38px;
    margin-top: 1px;
    display: block;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content {
    padding: 2px 30px 30px 30px;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content p {
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.3px;
    color: #000;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content a.vendor-button {
    text-align: center;
    text-decoration: none;
    background-color: #65afa3;
    color: #fff;
    padding: 14px 60px;
    border-radius: 30px;
    width: 46%;
    display: block;
    margin: 9px auto;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
        border: 2px solid #65ada3;
}
.custom-scrollbar {
    height: 258px;
    overflow-y: auto; /* Enables vertical scrollbar */
    padding-right: 10px; /* Adds padding to avoid scrollbar overlaying text */
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #7e679d; /* Color of the scrollbar */
    border-radius: 10px; /* Rounded scrollbar */
}
.cta-btn-border-inner a:hover {
    background-color: #fff;
    color: #000;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #7e679d; /* Darker color on hover */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #d8c0e4; /* Track color */
    border-radius: 10px;
}


div#n2-ss-2 .n2-ss-slide-limiter {
    max-width: 100% !important;
}
div#n2-ss-2 .n-uc-RoLnIbykwQc0-inner {
    padding: 0 !important;
}
div#n2-ss-2 .n-uc-i92ZVv5oEbLS-inner {
    padding: 0 !important;
}
/*.entry-content .n2_clear {
    margin-top: -145px;
}*/

/* Hamburger Icon Styles */
.sponsor-slide img {
    filter: grayscale(100%); /* Make the image grayscale */
    transition: filter 0.3s ease; /* Smooth transition */
}

.sponsor-slide img:hover {
    filter: grayscale(0%); /* Remove grayscale on hover */
}
.hamburger-icon {
    display: none;
    flex-direction: column;
    cursor: pointer;
}

.hamburger-icon span {
    width: 30px;
    height: 3px;
    background-color: #7d679c;
    margin: 5px 0;
    transition: all 0.3s ease;
}

/* Mobile Menu Styles */
a {
    text-decoration: none;
}

.close-icon {
   font-size: 59px;
    color: #7d679c;
    position: absolute;
    top: 8px;
    right: 13px;
    cursor: pointer;
    line-height: 31px;
}
#mobile-menu {
    position: fixed;
    top: 0;
    left: -300px;
    width: 250px;
    height: 100vh;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease-in-out;
    display: none;
    flex-direction: column;
    padding-top: 20px;
}

#mobile-menu.open {
    left: 0;
    z-index: 999;
}

.mobile-navigation ul {
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.mobile-social-icons {
    margin-top: 20px;
}
nav.mobile-navigation ul#primary-menu {

    display: flex;
    align-items: flex-start;
    gap: 0px;
    font-size: 20px;
    font-weight: 500;
}
nav.mobile-navigation ul#primary-menu li {
    border-bottom: 1px solid;
    width: 100%;
}
nav.mobile-navigation ul#primary-menu li a {
    text-decoration: none;
    padding: 10px 15px !important;
    display: block;
    font-size: 17px;
    letter-spacing: 0.2px;
}
.mobile-social-icons ul.social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 15px;
}
nav.mobile-navigation {
    margin-top: 35px;
}
.sponsor-slider {
    margin-top: 50px;
    padding: 0 20px;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single .sp-collapse.spcollapse .ea-body p a {
    color: #973dc5;
}
.wp-block-button.is-style-fill.btn-hover a:hover {
    color: #66afa4 !important;
    background-color: #fff !important;
    border: 1px solid #66afa4;
}
.wp-block-button.is-style-fill.btn-hover a{
	  border: 1px solid #66afa4;
}
.sponsor-slider button.slick-prev.slick-arrow::before {
    width: 42px;
    content: '';
    background: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-arrow-button-4811699-1-1.png) !important;
    height: 42px;
    display: block;
    background-repeat: no-repeat !important;
}
.sponsor-slider button.slick-next.slick-arrow::before {
    content: '';
     height: 42px;
    display: block;
    background-repeat: no-repeat !important;
     width: 42px;
    background: url(https://mda.webappinc.com/wp-content/uploads/2024/08/noun-arrow-button-4811699-1.png);
}
/*---*/
@media (max-width:1200px){
	.header-container {
    padding: 0 25px;
}
.sponsor-slider .slick-next {
    right: 30px;
}
.sponsor-slider .slick-prev {
    left: 21px;
}
}

/* Media Query for Mobile Layout */
@media (max-width: 1000px) {
	.our-mission-wrap.faq-section .wp-block-group.wp-container-content-1.is-vertical.is-layout-flex.wp-container-core-group-is-layout-3.wp-block-group-is-layout-flex {
    flex: 100%;
}
	.vendor-main-section .wp-block-group__inner-container .vendor-card {
    flex: 100%;
}

.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content a.vendor-button {
    width: fit-content;
}

	.wp-block-group.about-us-main .mda-hero-banner p {
    font-size: 35px !important;
}
.wp-block-group.our-vendors-main .mda-hero-banner p {
    font-size: 30px !important;
}
.wp-block-group.about-us-main p {
    font-size: 16px !important;
}
p.hero-text-top {
    padding: 38px 15px;
}
.our-mission-main .wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-4.wp-block-group-is-layout-flex {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 15px;
}
.our-mission-col.first {
    padding: 15px 15px 15px 15px;
}
.our-mission-col.first h3 {
    margin: 6px 0 0 0;
    font-size: 17px !important;
}
.what-we-do-section .wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex {
    flex-wrap: wrap;
    flex-direction: column-reverse;
        align-items: flex-start;
}
.counter-section {
    display: flex;
    justify-content: space-between;
    padding: 30px 40px;
}
.what-we-do-section {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 15px;
}
.what-we-do-section .wp-block-group.wp-container-content-3, .what-we-do-section .wp-block-group.wp-container-content-4 {
    flex: 100%;
}
.our-mission-main {
    margin: 0 15px;
    width: fit-content;
}

	.newsletter.form-group input {
    width: 100%;
}

	.mda-hero-banner {
    margin-top: 0;

}
	.site-branding img {
    width: 95px;
}
.entry-content .n2_clear {
    margin-top: 91px;
}
/*.entry-content {
    margin-top: 0;
}*/
.party-planner-wrap {
    margin-top: -91px;
    padding: 0 20px;
}
	header#masthead::after{
		position: unset;
	}
header#masthead{
	    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.9);
	     background-color: #fff !important;
	}
    .hamburger-icon {
        display: flex;
        justify-content: center;
    }

    #mobile-menu {
        display: flex;
    }

    /* Hide desktop menu on mobile */
    .main-navigation,
    .header-social-icons {
        display: none;
    }
    .vendor-main-row-wrap .vendor-inner-col:last-child {
    margin-top: 71px;
}
.vendor-main-row-wrap{
	flex-wrap: wrap !important;
}
p br {
    display: none;
}
h2{
	font-size: 22px !important;
}
.our-mission-wrap .wp-block-group.container figure {
    position: unset;
}
.our-mission-wrap {
    padding: 50px 0;
    margin-top: 0;
}
.newsletter-wrap .newsletter-inner-right {
    width: 100%;
    padding: 0 20px;
}
.newsletter-wrap {
    padding: 20px 0;
}
.our-mission-wrap .wp-block-group.container {
    gap: 30px;
    flex-wrap: wrap;
        padding: 0 20px;
        justify-content: center;
}
.our-mission-wrap .wp-block-group.container .wp-block-group.wp-container-content-1.is-vertical.is-layout-flex.wp-container-core-group-is-layout-5.wp-block-group-is-layout-flex {
    flex-basis: 100%;
}
.about-us-main-wrap {
    flex-wrap: wrap !important;
    padding: 0 20px;
}
.about-us-main-wrap .wp-block-group {
    flex-basis: 100%;
}
.about-us-main-wrap .what-we-do-text {
    padding: 0;
}
.insta-section-main-wrap .wp-block-group figure {
    margin: 0;
    position: unset;
    bottom: 0;
}
.insta-section-main-wrap .wp-block-group.container {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
        flex-direction: column-reverse;
        gap:20px;
}
.insta-section-main-wrap .wp-block-group.container .wp-block-group {
    flex-basis: 100%;
}
.insta-section-main-wrap {
   
    padding: 75px 0 0px 0;

}
.wp-block-group.volunteer-main-section .wp-block-group.container {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    text-align: center;
}

.footer-wrapper .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 20px;
            column-gap: 85px;
}
.footer-logo {
    display: block;
    width: 100%;
}
.sponsor-section.container {
    margin-top: 40px;
    margin-bottom: 40px;
}
.sponsor-slider{
	margin-top: 35px;
}

.home-slider-img img {
    width: 8%;
}
.home-slider-img {
    top: -25px !important;
}
.hero-slider-para p {
    font-size: 16px !important;
    line-height: 23px !important;
}
.hero-slider-heading h1 {
    font-size: 17px !important;
}
.hero-slider-heading {
    top: -6px !important;
}
.hero-slider-btn a {
    padding: 11px 28px !important;
    font-size: 14px !important;
    letter-spacing: 0.1px !important;
}
.hero-slider-btn {
    left: 9% !important;
}
.footer-wrapper h4 {
       font-size: 18px;
    color: #000;
    margin: 25px 0 10px 0;
}
.footer-wrapper .container ul li a {
    font-size: 16px;
}
.vendor-main-section {
    padding: 35px 15px;
}
}

/*---About us page mbl css---*/
.insta-section-main-wrap a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.insta-section-main-wrap a img {
    width: 32px;
}
a:focus {
    outline: none;
}
ul#primary-menu li.current_page_item a {
    color: #7d679c;
}
@media (max-width: 600px){
	.new-home-vendor-img .wp-block-media-text__content p {
    font-size: 23px !important;
}
	.footer-bottom p {
    font-size: 14px;
    padding: 12px 15px;
    line-height: 23px;
}
	/*.vendor-main-row-wrap .vendor-inner-col .wp-block-media-text__content p.vendor-overlay-img {
    font-size: 18px !important;
}*/
.vendor-main-row-wrap .vendor-inner-col .wp-block-media-text__content p.vendor-overlay-img br {
    display: block;
}
	.wp-block-group.faq-main .mda-hero-banner p {
    font-size: 26px !important;
}
.wp-block-group.faq-main p.hero-text-top {
    padding: 30px 15;
    font-size: 17px !important;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single h3.ea-header a {
    font-size: 18px !important;
}
.our-mission-wrap.faq-section p {
    font-size: 17px !important;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single {
    padding: 0px 0 !important;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single .sp-collapse.spcollapse .ea-body {
    padding: 0 10px 25px 48px !important;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single .sp-collapse.spcollapse .ea-body p {
    font-size: 15px !important;
}
	    .wp-block-group.about-us-main p {
        font-weight: 400 !important;
    }
	    .mda-hero-banner {
        margin-top: 93px;
    }
        .wp-block-group.about-us-main .mda-hero-banner p {
        font-size: 22px !important;
        font-weight: 600 !important;
    }
    .wp-block-group.our-vendors-main .mda-hero-banner p {
        font-size: 22px !important;
                width: max-content;
    }
    .insta-section-main-wrap {
        padding: 35px 0 0px 0;
    }
        .counter-section {
       
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .counter-section .counter-item {
    text-align: center;
    width: 100%;
}
    .wp-block-group.our-vendors-main .mda-hero-banner {
        margin-top: 91px;
    }
   
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-header span.vendor-company {
    font-size: 18px;
    line-height: 25px;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-header span.vendor-person {
    font-size: 16px;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content p {
    font-weight: 500;
    font-size: 15px;
}
.custom-scrollbar {
    height: 207px;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-header {
    padding: 20px 20px 20px 20px;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content {
    padding: 2px 20px 30px 20px;
}
.vendor-top-para {
    padding: 98px 15px 0px 15px;
    font-size: 17px !important;
}
.vendor-content-background-main {
    margin-top: -76px;
}
.vendor-main-section {
    padding: 35px 15px;
}
.wp-block-group.volunteer-main-section {
    padding: 40px 0;
    background-position: center;
}
.wp-block-group.volunteer-main-section p {
    font-size: 17px !important;
}
.footer-logo img {
    width: 30%;
}
.footer-wrapper {
    padding: 30px 0;
}

.aside-vendor-inner.first {
    width: 55%;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
}

/*---faq css---*/
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single {
    color: #fff !important;
    background: #65afa3 !important;
    border-radius: 13px;
    margin-bottom: 20px;
    border: none;
    padding: 10px 0;
        display: inline-block;
    width: 100%;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single h3.ea-header a {
    color: #fff;
    font-size: 25px;
    font-family: 'Oswald';
    font-weight: 400;
    text-transform: uppercase;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single h3.ea-header a i {
    color: #fff;
    font-size: 22px;
    font-weight: 400 !important;
}

.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single.ea-expand {
    background: #deefee !important;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single.ea-expand h3.ea-header a {
    color: #000;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single.ea-expand h3.ea-header a i {
    color: #65afa3;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single .sp-collapse.spcollapse .ea-body{
    background: #deefee !important;
    padding-left: 58px;
}
.wp-block-group.faq-section.container div#sp_easy_accordion-1724075970 .ea-card.sp-ea-single .sp-collapse.spcollapse .ea-body p {
    font-size: 19px;
    font-family: 'Open Sans';
    font-weight: 500 !important;
}
.our-mission-wrap.faq-section {
    margin: 0;
    padding: 50px 0;
}
.wp-block-group.newsletter-wrap.faq-newsletter .newsletter-wrap-subscribe input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #d7a337;
}
.wp-block-group.faq-section.container {
    padding: 0 15px;
}

/*---contact us page css---*/
/*@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; }
}*/

span.typed-cursor {
    display: none;
}
#printer-text {
	color: #7d679c;
    overflow: hidden;
    white-space: nowrap;
    border-right: 3px solid black; /* Caret color */
    text-transform: uppercase;
}

.contact-us-form-wrap .contact-us-form-group {
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}
.contact-us-form-wrap .contact-us-form-group label {
      width: 100%;
    font-size: 19px;
    font-family: 'Open Sans';
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.2px;
}
.contact-us-form-wrap .contact-us-form-group label input {
    width: 100%;
}
.contact-us-form-wrap .contact-us-form-group label input {
    border-radius: 10px;
    width: 100%;
    border: none;
    background-color: #f4f1f6;
    padding: 15px 20px;
    margin-top: 6px;
}
.contact-us-form-wrap .contact-us-form-group label textarea {
    border-radius: 10px;
    width: 100%;
    border: none;
    background-color: #f4f1f6;
    padding: 15px 20px;
    margin-top: 6px;
}
.contact-us-form-wrap .contact-us-form-group label input:focus, .contact-us-form-wrap .contact-us-form-group label textarea:focus {
    outline: none;
}
.contact-us-form-wrap {
    padding-bottom: 50px;
}
.contact-us-form-group input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    border: none;
    background: #7d679c;
    padding: 15px 30px;
    font-size: 21px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #7d679c;
}
.contact-us-form-group input.wpcf7-form-control.wpcf7-submit:hover{
	color: #7d679c;
	background:#fff;
	border: 1px solid #7d679c;
}
.wp-block-group.contact-inner-wrap.container {
    margin-bottom: 50px;
    padding: 0 20px;
}
@media (max-width: 600px){
	.contact-us-form-wrap {
     padding-bottom: 0px; 
}
	.wp-block-group.contact-us-main .mda-hero-banner p {
    font-size: 19px !important;
}
.wp-block-group.contact-inner-wrap.container p {
    font-size: 19px !important;
}
.contact-us-form-wrap .contact-us-form-group {
    flex-wrap: wrap;
}
.contact-us-form-wrap .contact-us-form-group label {
    font-size: 17px;
}
.contact-us-form-group input.wpcf7-form-control.wpcf7-submit {
    font-size: 20px;
    width: 100%;
    display: inline-block;
}
}

/*---venues page css---*/
.our-venues-background-inner {
    margin-top: -76px;
}

.wp-block-group.volunteer-main-section.venues-page {
	background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/08/Rectangle-6-copy-16-2.png);
}

.venue-display-main-wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    column-gap: 30px;
    margin: 60px 0;
    padding: 0 12px;
}
.venue-display-main-wrap .venue {
    flex: 0 calc(32% - 5px);
    background-color: #fff;
    border-radius: 27px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.venue-display-main-wrap .venue .venue-content .venue-column-1 p, .venue-display-main-wrap .venue .venue-content .venue-column-1 h2 {
    margin: 0;
}
.venue-display-main-wrap .venue .venue-content {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    align-items: center;
    position: relative;
}
.venue-display-main-wrap .venue .venue-description {
    padding: 0px 20px;
}
.vendor-main-section .wp-block-group__inner-container .vendor-card .vendor-content a.vendor-button:hover{
	 color: #65ada3;
    background-color: #fff;
    border: 2px solid #65ada3;
}
.venue-display-main-wrap .venue .venue-website a {

    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background-color: #65ada3;
    padding: 14px 30px;
    border-radius: 51px;
    width: 76%;
    text-align: center;
    text-transform: uppercase;
     border: 2px solid #65ada3;
     text-transform: uppercase;
     letter-spacing: 0.2px;

}
.venue-display-main-wrap .venue .venue-website {
    width: 100%;
    display: flex;
    justify-content: center;
        margin: 40px 0;
}
.venue-display-main-wrap .venue .venue-image img {
    width: 100%;
    max-width: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.venue-display-main-wrap .venue .venue-description p.custom-scrollbar {
    height: 158px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.cta-btn-border-inner a {
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 12px 25px;
    display: inline-block;
    color: #fff;
}
.venue-display-main-wrap .venue .venue-content .venue-column-1 p {
    font-family: 'Oswald';
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
}
.venue-display-main-wrap .venue .venue-content .venue-column-1 h2 {
    font-size: 20px;
    font-weight: 600;
    color: #7d679c;
    text-transform: uppercase;
}
.venue-display-main-wrap .venue .venue-content .venue-column-1 p span {
    color: #7d679c;
    cursor: pointer;
}

.venue-display-main-wrap .venue .venue-description p.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #65afa3; /* Color of the scrollbar */
    border-radius: 10px; /* Rounded scrollbar */
}

.venue-display-main-wrap .venue .venue-description p.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #65afa3; /* Darker color on hover */
}

.venue-display-main-wrap .venue .venue-description p.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #d8c0e4; /* Track color */
}
.venue-display-main-wrap .venue .venue-website a:hover {
    color: #65ada3;
    background-color: #fff;
    border: 2px solid #65ada3;
}

@media (max-width: 1100px){
	.venue-display-main-wrap .venue {
    flex: 0 calc(40% - 5px);
}
.venue-display-main-wrap {
    justify-content: center;
}
.our-venues-background-inner p.vendor-top-para {
    padding-right: 10px;
    padding-left: 15px;
}
.volunteer-main-section.venues-page .wp-block-group.container.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-5.wp-block-group-is-layout-flex {
    justify-content: space-between;
    padding: 0 15px;
}
}
@media (max-width: 800px){
.venue-display-main-wrap .venue {
    flex: 0 calc(48% - 5px);
}
}
@media (max-width: 700px){
	.cta-btn-border-inner a {
    padding: 9px 17px;
}
.wp-block-group.volunteer-main-section.venues-page .wp-block-group.container.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-5.wp-block-group-is-layout-flex {
    justify-content: center;
    text-align: center;
    row-gap: 15px;
}
	.venue-display-main-wrap .venue {
    flex: 100%;
}
.wp-block-group.our-venues-main .mda-hero-banner p {
    font-size: 20px !important;
}
.venue-display-main-wrap .venue .venue-content .venue-column-1 h2 {
    font-size: 18px !important;
}
.venue-display-main-wrap .venue .venue-content .venue-column-1 p {
    font-size: 16px;
}
.venue-display-main-wrap .venue .venue-website a {
    font-size: 16px;
    padding: 13px 24px;
    width: 62%;
}
.venue-display-main-wrap {
    margin: 40px 0;
    padding: 0 15px;
}
}

/*---client testimonials css---*/
.client-slider-main-wrap {
    display: flex;
    gap: 25px;
    width: 1400px;
    position: relative;
    
}
/*.slick-track {
    display: flex !important;  
    gap: 25px;
}*/
.client-slider-main-wrap .client-slides .client-description p.custom-scrollbar {
    height: 150px;
}
.wp-block-group.client-testimonial-main {
   padding: 71px 0 72px 140px;
    width: 100%;
    max-width: 100%;
    overflow-y: hidden;
        overflow-x: hidden;
    
}
.wp-block-group.client-col.first {
    margin-right: 50px;
}
.client-slider-main-wrap .client-slides {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 2.828px 2.828px 14.5px rgba(0, 0, 0, 0.13);
    padding: 25px 30px;
    margin: 20px;
}
.client-slider-main-wrap .client-slides .client-columns-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
.client-slider-main-wrap .client-slides .client-columns-wrap h3 {
    margin: 0;
    font-size: 25px;
    line-height: 35px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
    font-family: "Oswald";
}
.client-slider-main-wrap .client-slides .client-columns-wrap p.client-para {
    margin: 0;
    opacity: 0.600;
    font-size: 17px;
    color: #000000;
    font-weight: 300;
    font-family: "Oswald";
}
.client-slider-main-wrap .client-slides .client-description p {
    margin-top: 27px;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    font-style: italic;
    font-family: 'Open Sans';
}
.client-slider-main-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    top: -72px;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/paw-bg.png);
    height: 525px;
    width: 81%;
    background-size: cover;
    z-index: -1;
    background-repeat: no-repeat;
}
.client-slider-main-wrap::before {
    content: '';
    position: absolute;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/unnamed-file.png);
    height: 300px;
    width: 300px;
    background-repeat: no-repeat;
    top: -80px;
    left: -156px;
}

@media (max-width: 1500px){
	.wp-block-group.client-testimonial-main {
    padding: 71px 0 72px 140px;
    width: 100%;
    max-width: 100%;
   
}
}
@media (max-width: 1250px){
	    .wp-block-group.client-testimonial-main {
        padding: 53px 0 62px 35px;
    }
    .client-slider-main-wrap {
    width: 958px;
}
}
@media (max-width: 650px){
	.client-custom-container {
    flex-wrap: wrap !important;
}
}

/*---new header css---*/
.new-woo-events-btn-bottom a {
    margin: 15px 0;
    padding: 20px 55px;
}
.new-woo-events-btn-bottom a:hover {
    background-color: #fff;
    color: #000 !important;
}
.new-join-signup-newsletter-btn a {
    font-family: 'Oswald';
    padding: 15px 57px;
}
.mobile-main-wrap-new {
    display: none;
}
.header-social-icons ul.social-icons li a.social-icon.search{
    background-color: #7d679c;
}
.header-social-icons ul.social-icons li a, .mobile-social-icons ul.social-icons li a, .footer-contact ul.social-icons li a{
    background-color: #000;
    color: #fff;
    font-size: 19px;
    padding: 5px 11px;
    border-radius: 98%;
    display: inline-block;
    vertical-align: middle;
}
.header-social-icons ul.social-icons li:nth-child(3) a, .mobile-social-icons ul.social-icons li:nth-child(3) a, .footer-contact ul.social-icons li:nth-child(3) a {
    padding: 5px 13px;
}
.header-social-icons ul.social-icons li:nth-child(6) a, .mobile-social-icons ul.social-icons li:nth-child(6) a, .footer-contact ul.social-icons li:nth-child(6) a {
    padding: 5px 9px;
}
@media (max-width: 1000px){
	.mobile-main-wrap-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-container .site-branding {
    display: none;
}
.header-container {
    display: block;
}
.mobile-main-wrap-new .icon-search-mbl a.social-icon.search {
    color: #fff;
    font-size: 19px;
    padding: 6px 11px;
    border-radius: 98%;
    display: inline-block;
    vertical-align: middle;
    background-color: #7d679c;
}
.mobile-main-wrap-new .site-branding{
	display: block;
}
}
@media (max-width: 600px){
	.suggest-flex-wrapper h2 {
    font-weight: 500 !important;
    padding: 0 15px;
}
	.new-woo-events-btn-bottom a {
    padding: 14px 8px;
    font-size: 12px !important;
}
	.new-top-stay-uptodate-btn a {
    font-size: 16px;
}
.mobile-main-wrap-new .site-branding {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    width: 34%;
}
.mobile-main-wrap-new {
    position: relative;
    height: 92px;
}
    .mobile-main-wrap-new .site-branding img {
        width: 100%;
    }

	.wp-block-group.mbl-center-volunteer-inner {
    text-align: center;
}

	.wp-block-group.search-main .wp-block-group.mda-hero-banner p {
    font-size: 20px !important;
}
	.footer-contact ul.social-icons {
    gap: 8px;
}

	.header-social-icons ul.social-icons li a, .mobile-social-icons ul.social-icons li a,  .footer-contact ul.social-icons li a {
    font-size: 16px;
    padding: 4px 8px;
}
.header-social-icons ul.social-icons li:nth-child(3) a, .mobile-social-icons ul.social-icons li:nth-child(3) a,  .footer-contact ul.social-icons li:nth-child(3) a {
    padding: 4px 10px;
}
.header-social-icons ul.social-icons li:nth-child(6) a, .mobile-social-icons ul.social-icons li:nth-child(6) a,  .footer-contact ul.social-icons li:nth-child(6) a {
    padding: 4px 7px;
}
.client-slider-main-wrap .client-slides {
    margin: 15px 21px;
    margin-left: 0 !important;
}
.client-slider-main-wrap .slick-track{
	display: flex;
	gap: 20px;
}
.client-slider-main-wrap {
    width: 360px;
}
.client-slider-main-wrap::after {
    top: -28px;
    height: 398px;
    width: 63%;
}
.client-slider-main-wrap::before {
      height: 142px;
    width: 125px;
    top: -28px;
    background-size: contain;
    left: -19px;
}
.wp-block-group.client-custom-container .wp-block-group.client-col.first.wp-container-content-6 {
    flex: 100%;
    margin-bottom: 22px;
}
.insta-section-main-wrap {
    margin-top: 15px;
}
    .wp-block-group.client-testimonial-main {
        padding: 20px 0 62px 15px;
    }
    .client-slider-main-wrap .client-slides .client-columns-wrap h3 {
    font-size: 18px;
}
.client-slider-main-wrap .client-slides .client-columns-wrap p.client-para {
    font-size: 16px;
}
.client-slider-main-wrap .client-slides .client-description p {
    font-size: 15px;
}
.client-slider-main-wrap .client-slides .client-description p.custom-scrollbar {
    height: 135px;
}
}


/*---map css---*/
.wp-block-group.map-section.sec-col {
    padding: 0 30px;
}
.map-section-flex-row {
    align-items: flex-start;
}
.map-location-categories {
    margin-bottom: 25px;
}
.map-location-categories button.category-filter {
    font-size: 17px;
    text-transform: uppercase;
    color: #9ab3de;
    font-weight: 600;
    font-family: "Oswald";
    background-color: #fff;
    border: 2px solid #9ab3de;
    border-radius: 25px;
    padding: 14px 35px;
    margin-right: 15px;
    cursor: pointer;
}
.map-location-categories button.category-filter:hover{
	background-color: #9ab3de;
	color: #fff;
}
.map-location-categories button.category-filter.active {
    background-color: #9ab3de;
    color: #fff;
}
.map-locations .location-item {
    gap: 20px;
    padding: 15px;
    background-color: #f1f8f8;
    border-radius: 11px;
    margin-bottom: 25px;
}
.map-locations .location-item .location-info h3 {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #7e679d;
    font-weight: 500;
    font-family: "Oswald";
}
.map-locations .location-item .location-info p {
    font-size: 15px;
    color: #000000;
    font-family: 'Open Sans';
    font-weight: 600;
    margin: 3px 0 7px 0;
}
.map-locations .location-item .location-info a.location-btn {
    font-size: 17px;
    text-transform: uppercase;
    color: #66afa4;
    font-weight: 600;
    font-family: "Oswald";
    border-radius: 25px;
    background-color: #f1f8f8;
    border: 2px solid #66afa4;
    padding: 11px 21px;
    display: inline-block;
    margin-right: 11px;
}
.map-scrollbar {
    height: 587px;
    overflow-y: auto; /* Enables vertical scrollbar */
    padding-right: 10px; /* Adds padding to avoid scrollbar overlaying text */
}

.map-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.map-scrollbar::-webkit-scrollbar-thumb {
    background-color: #d7a437; /* Color of the scrollbar */
    border-radius: 10px; /* Rounded scrollbar */
}
.map-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #d7a437; /* Darker color on hover */
}

.map-scrollbar::-webkit-scrollbar-track {
    background-color: #e3e3e3; /* Track color */
    border-radius: 10px;
}
div#map {
    width: 100% !important;
    height: 665px !important;
}
.map-locations .location-item.active {
    background-color: #66afa4;
}
.map-locations .location-item.active .location-info h3, .map-locations .location-item.active .location-info p {
    color: #fff;
}
.leaflet-marker-icon.custom-marker div {
    background-color: #7e679d !important;
        width: 20px !important;
    height: 20px !important;
    position: relative;
}

.leaflet-marker-icon.custom-marker.shops div{
	background-color: #66afa4 !important;
}
/* Blinking animation */
@keyframes blink {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: 0.3;
    }
    50% {
        transform: translateX(-50%) scale(1.3);
        opacity: 0.5;
    }
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 0.3;
    }
}
.leaflet-marker-icon.custom-marker.active div::after {
  content: '';
    position: absolute;
    background-color: #7e679d;
    height: 130px;
    width: 130px;
    opacity: 0.3;
    border-radius: 55%;
    top: -57px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;

    /* Apply the blinking animation */
    animation: blink 2s infinite;
}
/*.leaflet-container.shops .leaflet-marker-icon.custom-marker div {
    background-color: #66afa4 !important;
}*/
.leaflet-marker-icon.custom-marker.shops.active div::after{
	 background-color: #66afa4 !important;
}
.map-locations .location-item.active .location-info a.location-btn {
    background-color: #fff;
}
@media (max-width: 1500px){
	.map-scrollbar {
    height: 555px;
}
}
@media (max-width: 1300px){
.about-us-main-wrap .what-we-do-text {
    padding: 15px 40px;
}
.map-scrollbar {
    height: 445px;
}
}
@media (max-width: 1100px){
	.map-locations .location-item .location-info a.location-btn {
    padding: 9px 9px;
    margin-right: 7px;
}
.map-scrollbar {
    height: 392px;
}
}
@media (max-width: 800px){
.wp-block-group.map-section.sec-col {
    padding: 30px 0;
}
}
@media (max-width: 600px){
	.map-location-categories button.category-filter {
    font-size: 15px;
    padding: 11px 22px;
    margin-right: 8px;
}
.map-location-categories {
    margin-bottom: 15px;
}
.map-locations .location-item .location-info h3 {
    font-size: 17px;
}
.map-locations .location-item .location-info p {
    font-size: 14px;
}
.map-locations .location-item .location-info p br {
    display: none;
}
.map-locations .location-item {
    gap: 10px;
    align-items: center;
}
.map-locations .location-item .location-info a.location-btn {
    font-size: 13px;
    border: 1px solid #66afa4;
    padding: 6px 8px;
    margin-right: 4px;
}
.what-do-new-flex-section {
    flex-direction: column-reverse;
}
    .about-us-main-wrap .what-we-do-text {
        padding: 15px 0px;
    }
    div#map {
    width: 100% !important;
    height: 320px !important;
}
.leaflet-marker-icon.custom-marker div::after {
    height: 90px !important;
    width: 90px !important;
    top: -39px !important;
}
.leaflet-marker-icon.custom-marker div {
    width: 15px !important;
    height: 15px !important;
}
}


/*--- range css---*/
  .range-container {
    width: 100%;
    max-width: 219px;
    margin: 0;
    text-align: center;
     font-family: 'Open Sans';
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

        /* Slider input field */
        .range-slider {
            -webkit-appearance: none;
            width: 100%;
            height: 7px;
            border-radius:50px !important;
            background: #d1e8e6; /* Background color for unfilled part */
            outline: none;
            position: relative;
            border: none !important;
        }

        /* Handle (thumb) styling */
        .range-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            background: #61a899; /* Color of the thumb */
            border-radius: 50%;
            cursor: pointer;
            border: 2px solid #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }

        .range-slider::-moz-range-thumb {
            width: 20px;
            height: 20px;
            background: #61a899;
            border-radius: 50%;
            cursor: pointer;
            border: 2px solid #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }

        /* Filled portion of the slider - needs to be updated dynamically */
        .range-slider.fillable {
            background: linear-gradient(to right, #61a899 0%, #61a899 50%, #d1e8e6 50%);
        }

        /* Range slider labels */
        .range-labels {
            display: flex;
            justify-content: space-between;
        }

        .range-value {
            font-size: 16px;
            color: #666;
            margin-top: 20px;
            display: none;
        }
        .range-labels span {
    font-size: 17px;
    color: #000;
}
@media (max-width: 600px){
	.range-container {
    max-width: 100%;
        margin-bottom: 15px;
}
}

/*---tooltip---*/
.about-btn-new-text a {
    border: 3px solid #7d679c;
    padding: 10px 35px;
}
.about-btn-new-text a:hover {
    color: #fff !important;
    background-color: #7d679c !important;
}
.event-names-tooltip {
       background-color: #7d679c;
    border: none;
    padding: 10px;
    position: absolute;
    z-index: 10;
    width: 88%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 17px;
        border-radius: 15px;
}
span.arrow-show-new i {
    font-size: 45px;
}

.event-names-tooltip ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.event-names-tooltip ul li {
    padding: 5px 0;
    font-family: 'Open Sans';
    border-bottom: 1px solid #fff;
    color: #fff;
}
span.arrow-show-new {
    position: absolute;
    right: -3px;
    top: 19px;
}
p.new-hosted-absolute-events {
    position: relative;
    width: max-content;
}

.event-names-tooltip ul li:last-child{
	border-bottom: none;
}
@media (max-width: 600px){
	.event-names-tooltip ul li {
    padding: 4px 0;
    font-size: 14px;
}
.about-btn-new-text a {
    border: 2px solid #7e2ea7 !important;
    padding: 8px 25px;
    font-size: 15px !important;
}

}

/*---upcoming events css---*/
.wp-block-group.upcoming-events-main-wrap {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-6-copy-3-1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding: 60px 0;
    background-position: center;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide {
    background-color: #fff;
    border-radius: 19px;
    margin: 0 11px;
}
.woo-event-slide .event-header img {
    width: 100%;
}
.woo-event-slide .event-info {
    padding: 20px;
}
.woo-event-slide .event-title-logo {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
    height: 68px;
}
.woo-event-slide .event-title-logo .event-title h2 {
    margin: 0;
    font-size: 22px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    font-family: "Oswald";
    line-height: 28px;
}
.woo-event-slide .event-title-logo .event-logo {
    width: 48%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.woo-event-slide ul.event-details li.date-event-col {
    font-size: 22px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
    font-family: "Oswald";
    position: relative;
    margin-left: 44px;
}
/*.woo-event-slide ul.event-details li span {
    margin-right: 8px;
}*/
.woo-event-slide ul.event-details li:first-child {
    margin-bottom: 14px;
}
.woo-event-slide ul.event-details li.address-col-new{
    font-weight: 500;
    font-size: 16px;
    color: #000000;
     font-family: 'Open Sans';
         position: relative;
    margin-left: 44px;
    height: 47px;
}
.woo-event-slide a.book-now-btn {
    font-size: 17px;
    font-family: 'Oswald';
    text-align: center;
    display: block;
    padding: 12px 0;
    margin-top: 20px;
    background-color: #7d679c;
    color: #fff;
    border-radius: 15px;
    text-transform: uppercase;
     border: 2px solid #7d679c;
}
.woo-event-slide ul.event-details li.date-event-col::before {
    content: '';
    position: absolute;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-event-6983571-copy.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    left: -42px;
    top: 1px;
}
.woo-event-slide ul.event-details li.address-col-new::before {
    content: '';
    position: absolute;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-location-7000736-copy.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 21px;
    height: 25px;
    left: -38px;
    top: 1px;
}
.woo-event-slide a.book-now-btn:hover {
    color: #7d679c;
    background-color: #fff;
    border: 2px solid #7d679c;
}
.woo-upcoming-events-main {
    padding: 25px 0 40px 0;
}
.woo-upcoming-events-main button.slick-prev.slick-arrow::before {
 width: 42px;
    content: '';
    background: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-arrow-button-4811699-1-1-1-1.png) !important;
    height: 42px;
    display: block;
    background-repeat: no-repeat !important;
    opacity: 1;
}
.woo-upcoming-events-main button.slick-next.slick-arrow::before{
	    content: '';
	    opacity: 1;
    height: 42px;
    display: block;
    background-repeat: no-repeat !important;
    width: 42px;
    background: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-arrow-button-4811699-1-1-1.png);
}
.woo-upcoming-events-main .slick-prev {
    left: -50px;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide .event-header{
	position: relative;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide .event-header span.badge-status-events {
    position: absolute;
    top: 32px;
    right: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    font-family: "Oswald";
    padding: 9px 29px;
    background-color: green;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide .event-header span.badge-status-events.Expired {
    color: #121015;
    background-color: #fff;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide .event-header span.badge-status-events.Ongoing {
    background-color: #d7a437;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide .event-header span.badge-status-events.Upcoming {
 background-color: #66afa4;
}
.woo-event-slide.Expired a.book-now-btn {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}
@media (max-width: 600px){
	.wp-block-group.upcoming-events-main-wrap {
    padding: 20px 0;
}
.woo-upcoming-events-main {
    padding: 15px 0 20px 0;
    overflow-x: hidden;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide {
    margin: 0 15px;
}
.woo-event-slide .event-title-logo .event-title h2 {
    font-size: 18px !important;
    line-height: 24px;
}
.woo-event-slide .event-title-logo {
    height: 62px;
    margin-bottom: 7px;
}
.woo-event-slide .event-title-logo .event-logo {
    width: auto;
}
.woo-event-slide ul.event-details li.date-event-col {
    font-size: 17px;
}
.woo-event-slide ul.event-details li.address-col-new {
    font-size: 15px;
}
.woo-event-slide ul.event-details li.date-event-col::before {
    width: 25px;
    height: 25px;
}
.woo-event-slide ul.event-details li.address-col-new::before {
    width: 18px;
    height: 21px;
    top: 6px;
}
.woo-upcoming-events-main .woo-events-inner-slides .woo-event-slide .event-header span.badge-status-events {
 
    font-size: 18px;
    padding: 7px 24px;
}
.woo-event-slide a.book-now-btn {
    font-size: 16px;
    padding: 11px 0;
}
}

/*--cart page css---*/
body.woocommerce-cart main#primary , body.woocommerce-checkout main#primary{
    margin-top: 207px;
}
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
   width: 1200px;
    margin: 0 auto;
    font-family: 'Open Sans';
    font-size: 20px;
}
body.woocommerce-checkout main#primary .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    width: 1200px;
    margin: 0 auto 50px auto;
     font-family: 'Open Sans';
}
body.woocommerce-checkout .is-large .wc-block-checkout__sidebar {
    top: 174px !important;
}
label.filter-woo-events {
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
    display: flex;
    gap: 12px;
    align-items: center;
}
.event-filter-dropdown {
    position: absolute;
    top: 0;
    right: 20px;
}
select#event-status-filter {
    margin-top: 4px;
}
.wp-block-group.upcoming-events-inner-wrap.container {
    position: relative;
}
@media (max-width: 600px){
	.event-filter-dropdown {
    position: unset;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
}

body.woocommerce-cart .wp-block-woocommerce-cart.alignwide {
    width: 100%;
    font-size: 17px;
    padding: 0 20px;
}
body.woocommerce-cart main#primary, body.woocommerce-checkout main#primary {
    margin-top: 140px;
}
body.woocommerce-checkout main#primary .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0 20px;
}
}

/*---search ---*/
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.search-box {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    width: 400px;
}

.search-box input {
    flex: 1;
    padding: 10px;
    border: none;
    outline: none;
    font-size: 16px;
}

.search-btn, .close-search {
    padding: 10px;
    cursor: pointer;
}
div.search-results {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 15px;
}
.map-locations .location-item .location-image img {
    border-radius: 11px;
}

@media (max-width: 600px){
	.search-box {
    width: 330px;
}
body.search-results .wp-block-group.mda-hero-banner p {
    font-size: 22px !important;
    font-weight: 600;
}
}

/*---preloader css---*/
.main-wrap-new-preloader {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    height: 100vh;
    z-index: 99999999;
}
.ajax-loader {
    position: fixed;
    top: 40%;
    left: 50%;
    transform-origin: 50% 50%;
    transform: rotate(90deg) translate(-50%, -50%);
    font-size: 50px;
    width: 1em;
    height: 3em;
    color: #7d679c;
    z-index: 9999; /* Ensure it's on top of other elements */
    background-color: #fff;

    .paw {
        width: 1em;
        height: 1em;
        animation: 2.05s pawAnimation ease-in-out infinite;
        opacity: 0;

        svg {
            width: 100%;
            height: 100%;
        }

        .icon {
            fill: #7d679c;
        }

        &:nth-child(odd) {
            transform: rotate(-10deg);
        }

        &:nth-child(even) {
            transform: rotate(10deg) translate(125%, 0);
        }

        &:nth-child(6) { animation-delay: 0.25s; }
        &:nth-child(5) { animation-delay: 0.5s; }
        &:nth-child(4) { animation-delay: 0.75s; }
        &:nth-child(3) { animation-delay: 1s; }
        &:nth-child(2) { animation-delay: 1.25s; }
        &:nth-child(1) { animation-delay: 1.5s; }
    }
}

@keyframes pawAnimation {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}

/*---product page---*/
a.custom-link-new-inner-home {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
}
body.single-product main#primary {
    margin-top: 217px !important;
    width: 1200px;
    margin: 0 auto;
        margin-bottom: 40px;
}
body.single-product main#primary footer.entry-footer {
    display: none;
}
body.single-product aside#secondary {
    display: none;
}
body.single-product div#comments {
    display: none;
}
body.single-product nav.navigation.post-navigation {
    display: none;
}
body.single-product .woocommerce div.product {
    display: inline-block;
}
body.single-product section.related.products {
    display: none;
}
body.single-product article header.entry-header h1 {
    background-color: unset;
    margin: 0;
    color: #973dc5;
}
body.single-product article .summary.entry-summary p {
    margin: 7px 0;
    color: #000 !important;
    font-weight: 500;
    font-size: 19px !important;
}
body.single-product article .summary.entry-summary{
	margin: 0;
}
body.single-product article .summary.entry-summary .product_meta {
    display: none;
}
@media (max-width: 600px){
	body.single-product main#primary {
    margin-top: 140px !important;
    width: 100%;
    padding: 0 15px;
}
body.single-product article header.entry-header h1 {
    font-size: 21px;
}
}

/*---header css---*/
@media (min-width: 1300px){
	header#masthead {
    padding-right: 100px;
}
}
ul.footer-others-menu {
    display: flex;
    width: 320px;
    gap: 26px;
    padding-top: 20px;
    align-items: center;
}
ul.footer-others-menu li:first-child {
    width: 46%;
}
ul.footer-others-menu li:nth-child(2) {
    width: 100%;
}
@media (max-width: 600px){
	ul.footer-others-menu {
    padding-top: 5px;
}
}

/*---*/
.slider-navigation .slick-prev {
    position: relative;
}
.slider-navigation .slick-prev::before {
    width: 42px;
    content: '';
    background: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-arrow-button-4811699-1-1.png) !important;
    height: 42px;
    display: block;
    background-repeat: no-repeat !important;
}
.slider-navigation {
      display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -16px;
    position: relative;
    width: max-content;
    margin-left: 31px;
}
.slider-navigation .slick-next{
	position: relative;
	right: -3px;
}
.slider-navigation .slick-next::before{
    content: '';
    height: 42px;
    display: block;
    background-repeat: no-repeat !important;
    width: 42px;
    background: url(https://mda.webappinc.com/wp-content/uploads/2024/08/noun-arrow-button-4811699-1.png);
}
.slider-navigation span.slider-counter {
    font-size: 23px;
    font-family: 'Oswald';
}

@media (max-width: 600px){
	.slider-navigation {
    margin-top: -61px;
    margin-right: 0;
    float: right;
}
.slider-navigation .slick-prev::before, .slider-navigation .slick-next::before {
    width: 32px;
    height: 35px;
    background-size: cover !important;
}
.slider-navigation .slick-prev {
    position: relative;
    left: -14px;
}
.slider-navigation span.slider-counter {
    font-size: 21px;
    font-family: 'Oswald';
    padding-bottom: 5px;
}
}

/*----*/
/* Scroll to Top Button Styles */
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #65afa4;
    color: #fff;
    font-size: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.3s, visibility 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.scroll-to-top i {
    border: 1px solid #fff;
    padding: 7px 9px;
    border-radius: 50%;
    color: #fff;
}
a#scrollToTop:hover {
    color: #fff;
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
}
body.home .insta-section-main-wrap {
    display: none;
}
.n2-ss-slide.n2-ow.n2-ss-slide-3, .n2-ss-slide.n2-ow.n2-ss-slide-14, .n2-ss-slide.n2-ow.n2-ss-slide-16 {
    padding-bottom: 18px;
}
ss3-force-full-width::after {
    content: '';
    position: absolute;
    bottom: -60px;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-5-1.png);
    background-size: cover;
    width: 100%;
    height: 149px;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 600px){
	ss3-force-full-width::after {
	    bottom: 5px;
    width: 100%;
    height: 33px;
    background-position: 18%;
}
}

/*---*/
.wp-block-group.suggest-section-main {
    padding: 55px 0;
}
@media (max-width:600px){
	.wp-block-group.suggest-section-main {
    padding: 25px 0;
    margin-bottom: 15px;
}
.suggest-flex-wrapper {
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center !important;
    text-align: center;
}

.suggest-flex-wrapper h2 {
    font-size: 20px !important;
    margin-bottom: 13px;
}

}

/*---about us nw css---*/
.wp-block-group.volunteer-main-section.about-us-new-page {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-6-copy-16-3.png);
    padding: 98px 0;
}
.wp-block-group.award-inner-first-col-left {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-6-copy-11-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 53px 0;
    background-position: center;
}
.wp-block-group.award-section-right-new-image {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-717-copy.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 66.7px 0;
    background-position: center;
}
.wp-block-group.founder-main-wrap.container {
    padding-top: 95px;
    padding-bottom: 30px;
}
.wp-block-group.founder-main-wrap.container h2,.wp-block-group.founder-main-wrap.container h3 {
    margin: 0;
}
.wp-block-group.founder-main-wrap.container h2{
    line-height: 44px;
    margin-bottom: 10px;
}
.wp-block-group.founder-main-wrap.container p {
    margin-top: 0;
}
.wp-block-group.founder-main-wrap.container .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-4.wp-block-group-is-layout-flex {
    gap: 30px;
}
div#vision-mission-new h2 {
    margin: 0;
    line-height: 44px;
}
div#vision-mission-new h3 {
    margin: 15px 0 10px 0;
    line-height: 32px;
}
div#vision-mission-new p {
    margin: 0;
}
div#vision-mission-new figure {
    margin: 0;
    width: 100%
}
div#vision-mission-new figure img {
    width: 100%
}
.wp-block-group.vision-mission-inner-wrap.container {
    width: 100%; /* Full-width container */
    padding-left: calc((100% - 1150px) / 2); /* Padding to simulate margin on the left */
    padding-right: 0; /* No padding on the right */
    box-sizing: border-box; /* Ensures padding is included in the width calculation */
}
.wp-block-group.vision-mission-inner-wrap.container .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex {
    gap: 70px;
}
p.community-about-page-font-oswald {
    font-family: 'Oswald';
}
.main-row-award-top {
    gap: 0;
}
.wp-block-group.award-inner-first-col-left .wp-block-group.first-inner-inner-row-new {
    gap: 40px;
}
.wp-block-group.award-inner-first-col-left .wp-block-group.first-inner-inner-row-new h2 {
    margin: 0;
    margin-bottom: 7px;
}
.new-grid-award-left-side {
    gap: 0;
    padding-left: 9px;
}
@media (max-width: 600px){
	.wp-block-group.about-us-main-new .wp-block-group.mda-hero-banner p {
    font-size: 22px !important;
}
.wp-block-group.founder-main-wrap.container {
    padding: 20px 15px;
}
.wp-block-group.founder-main-wrap.container .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-4.wp-block-group-is-layout-flex {
    gap: 0;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.wp-block-group.founder-main-wrap.container h3 {
    font-size: 20px !important;
}
.wp-block-group.founder-main-wrap.container h2 {
    line-height: 32px;
    margin-bottom: 6px;
}
.wp-block-group.vision-mission-inner-wrap.container .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex {
    gap: 0;
    flex-direction: column-reverse;
    padding: 15px 15px;
}
div#vision-mission-new h2 {
    margin-top: 13px;
    line-height: 28px;
}
div#vision-mission-new h3 {
    margin: 5px 0 8px 0;
    line-height: 27px;
    font-size: 18px !important;
}
.wp-block-group.volunteer-main-section.about-us-new-page {
    padding: 55px 0;
}

.wp-block-group.volunteer-main-section.about-us-new-page .wp-block-group.container.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-12.wp-block-group-is-layout-flex {
    row-gap: 17px;
}
.wp-block-group.volunteer-main-section.about-us-new-page p br {
    display: block;
}
.wp-block-group.volunteer-main-section.about-us-new-page p {
    font-size: 20px !important;
}
.wp-block-group.volunteer-main-section.about-us-new-page p.cta-btn-border-inner {
    font-size: 17px !important;
}
.main-row-award-top {
    flex-wrap: wrap !important;
}
.wp-block-group.award-inner-first-col-left {
    padding: 25px 15px;
    flex: 100%;
}
.wp-block-group.award-section-right-new-image {
    padding: 25px 0 40px 0;
    flex: 100%;
}
.wp-block-group.award-inner-first-col-left .wp-block-group.first-inner-inner-row-new {
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.wp-block-group.award-inner-first-col-left .wp-block-group.first-inner-inner-row-new .wp-block-group.award-secon-col-inner h3 {
    font-size: 18px !important;
}
.new-grid-award-left-side {
    padding-left: 5px;
}
.wp-block-group.award-inner-first-col-left .wp-block-group.first-inner-inner-row-new .wp-block-group.award-secon-col-inner .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-15.wp-block-group-is-layout-flex {
    justify-content: center;
    padding-bottom: 15px;
    width: 92%;
    margin: 0 auto;
}
.wp-block-group.award-inner-first-col-left .wp-block-group.first-inner-inner-row-new .wp-block-group.award-secon-col-inner .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-17.wp-block-group-is-layout-flex {
    justify-content: center;
    width: 92%;
    margin: 0 auto;
}
h2.wp-block-heading.has-white-color.has-text-color.has-link-color.wp-elements-815fdf693533e293c332021138981760 {
    text-align: center;
}
h2.wp-block-heading.has-text-color.has-link-color.wp-elements-b7a3861da26f24446e0138f63f82aa94 {
    font-size: 29px !important;
}
h2.wp-block-heading.has-text-color.has-link-color.wp-elements-cbb939f32c472256eee727b28aa166e6 {
    font-size: 29px !important;
}
}

/*---giving back page css---*/
.wp-block-group.woof-action-bg-section {
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/Rectangle-6-copy-16-4.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 15px;
}
/* Hide all content divs by default */
.wp-block-group.ontario-spca-tab-content.container,
.wp-block-group.markham-food-tab-content.container,
.wp-block-group.whitchurch-tab-content.container {
    display: none; /* Hide all content initially */
}

/* Show content when it has the 'active' class */
.wp-block-group.ontario-spca-tab-content.container.active,
.wp-block-group.markham-food-tab-content.container.active,
.wp-block-group.whitchurch-tab-content.container.active {
    display: block;
}
p.giving-back-top-para-new {
    padding: 60px 0 35px 0;
}
.wp-block-group.woof-action-section-main.container .wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex {
    gap: 30px;
}
}
.wp-block-group.woof-action-section-main.container .wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex h2 {
    line-height: 38px;
}
.wp-block-group.woof-action-bg-section p {
    margin: 10px 0;
}
.wp-block-group.woof-action-bg-section p strong {
    font-weight: 600;
}
.wp-block-group.donate-section-new-wrapper.container {
    padding: 50px 0 0 0;
}
.wp-block-group.donate-section-new-wrapper.container h2 {
    margin: 0;
}
p.has-text-align-center.has-black-color.has-text-color.has-link-color.wp-elements-20e70809ce788a86a3fd0b76c8e38072 {
    margin: 10px 0;
}
.donate-new-row-main {
    gap: 35px;
    padding: 30px 0;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col {
    padding-top: 45px;
    border-radius: 22px;
    box-shadow: 2.828px 2.828px 12px rgba(0, 0, 0, 0.19);
    padding-bottom: 5px;
    width: 350px;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col .wp-block-image figure {
    height: 146px;
    margin: 0 auto;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col ul.wp-block-list.donate-inner-col-listed-item-bone li {
    font-family: 'Open Sans';
    font-weight: 500;
    color: #000;
    padding-left: 62px !important;
    padding: 13px 0;
    position: relative;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col ul.wp-block-list.donate-inner-col-listed-item-bone li:first-child {
    background-color: #f2f2f2;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col ul.wp-block-list.donate-inner-col-listed-item-bone li::before {
    content: '';
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-bone-7093262-copy-2.png);
    position: absolute;
    height: 23px;
    width: 23px;
    left: 30px;
}
.wp-block-group.woof-action-section-main.container h2 {
    line-height: 38px;
}
.wp-block-group.tabular-new h2 {
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
}
.wp-block-group.tab-main-columns-main .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex {
    gap: 0;
}
.wp-block-group.tabular-new {
    border: 1px solid #c1c1c1;
    border-right: none;
    padding: 12px 0;
    cursor: pointer;
}
.wp-block-group.tabular-new.active h2 {
    color: #fff;
}
.wp-block-group.tabular-new.active {
    background-color: #368d80;
}
.wp-block-group.listed-tab-cont-bg-color-wrap {
    background-color: #f7f7f7;
    padding: 40px 0 60px 0;
}
.wp-block-group.listed-tab-cont-bg-color-wrap ul li {
    font-family: 'Open Sans';
    color: #000;
    font-weight: 500 !important;
    margin-bottom: 6px;
    padding-left: 33px;
    position: relative;
}
.wp-block-group.listed-tab-cont-bg-color-wrap ul li::before {
    content: '';
    position: absolute;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-bone-7093262-copy-2.png);
    height: 23px;
    width: 23px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.wp-block-group.listed-tab-cont-bg-color-wrap ul li a {
    color: #7d679c;
}
/* Hide all new tab content divs by default */
.tabular-new-2024,
.tabular-new-2023 {
    display: none;
}

/* Show the active content */
.tabular-new-2024.active,
.tabular-new-2023.active {
    display: block;
}
.wp-block-group.bg-new-radius-dated {
    border-radius: 12px;
    
}
.inner-dating-3-col-new-main {
    padding: 32px 30px;
    border-bottom: 1px solid #a898be;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs::before {
    content: '';
    position: absolute;
    height: 72px;
    width: 1px;
    background-color: #a898be;
    left: -30px;
    top: -5px;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs {
    position: relative;
        width: 259px;
    align-items: center;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs::after {
    content: '';
    position: absolute;
    height: 72px;
    width: 1px;
    background-color: #a898be;
    right: -32px;
    top: -5px;
}
.flex-new-listed-item-dated {
    padding: 0 0 30px 30px;
    gap: 23px;
}
.flex-new-listed-item-dated ul li {
    font-family: 'Open Sans';
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}
.wp-block-group.right-side-new-gap-dated-colls .inner-dating-3-col-new-main {
    border-radius: 12px;
}
.wp-block-group.right-side-new-gap-dated-colls {
    gap: 31px;
}
.tabular-new-2024 .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-40.wp-block-group-is-layout-flex {
    gap: 30px;
}
.wp-block-group.date-inner-col.active h2 {
    color: #368d80 !important;
}
.wp-block-group.date-inner-col h2 {
    cursor: pointer;
}
.wp-block-group.help-to-date-main.container {
    padding: 45px 0 60px 0;
}
.dated-section-secondly-new-row {
    width: 632px;
    margin: 0 auto;
    gap: 30px;
}
.dated-section-secondly-new-row .wp-block-group.inner-dating-3-col-new-main {
    border-radius: 12px;
}
.dated-section-secondly-new-row .wp-block-group.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs {
    width: 342px;
}
h2.dated-new-topp-para {
    margin: 0;
}
.wp-block-group.date-help-tab-content-row p.has-text-color.has-link-color.wp-elements-9dbf1174384516441bd007243aa73524 {
    font-size: 30px;
}
@media (max-width: 1025px){
	.tabular-new-2024 .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-40.wp-block-group-is-layout-flex {
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
}
@media (max-width: 650px){
	
	.donate-new-row-main {
    gap: 35px;
    padding: 30px 15px;
    flex-wrap: wrap !important;
}
.wp-block-group.tab-main-columns-main .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-14.wp-block-group-is-layout-flex {
    gap: 0;
    flex-wrap: wrap !important;
}
.wp-block-group.tabular-new {
    border-right: 1px solid #c1c1c1;
    padding: 0px 0;
    flex-basis: 100%;
    border-bottom: none;
}
.wp-block-group.tabular-new.wp-container-content-3 {
    border-bottom: 1px solid #c1c1c1;
}
.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-16.wp-block-group-is-layout-flex, .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-18.wp-block-group-is-layout-flex, .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-20.wp-block-group-is-layout-flex {
    flex-wrap: wrap;
}
.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-16.wp-block-group-is-layout-flex ul, .wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-18.wp-block-group-is-layout-flex ul,.wp-block-group.is-content-justification-left.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-20.wp-block-group-is-layout-flex ul  {
    flex-basis: 100%;
    padding: 0 15px;
}
.wp-block-group.bg-new-radius-dated.has-background.wp-container-content-12 {
    flex-basis: 100%;
    margin: 0px;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col {
    width: 100%;
}
.wp-block-group.giving-back-main-wrapper .mda-hero-banner p {
    font-size: 22px !important;
}
p.has-text-align-center.giving-back-top-para-new.container.has-black-color.has-text-color.has-link-color.wp-elements-528a802c707d39b2d629405d3814c593 {
    font-size: 17px !important;
    padding: 25px 15px;
}
.wp-block-group.woof-action-section-main.container .wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex {
    gap: 15px;
}
.wp-block-group.woof-action-section-main.container h2 {
    line-height: 20px;
}
.wp-block-group.woof-action-bg-section {
    padding: 15px 15px;
}
.wp-block-group.woof-action-bg-section p {
    font-size: 17px !important;
    text-align: center;
}
p.has-text-align-center.has-black-color.has-text-color.has-link-color.wp-elements-20e70809ce788a86a3fd0b76c8e38072 {
    margin: 10px 0;
    font-size: 17px !important;
    padding: 0 15px;
}
.wp-block-group.donate-section-new-wrapper.container {
    padding: 25px 0 0 0;
}
.wp-block-group.listed-tab-cont-bg-color-wrap {
    background-color: #f7f7f7;
    margin-top: 15px;
    padding: 25px 0 25px 0;
}
.wp-block-group.help-to-date-main.container {
    padding: 25px 0 35px 0;
}
.dated-section-secondly-new-row .wp-block-group.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs {
    width: auto;
}
.dated-section-secondly-new-row {
    width: 100%;
    margin: 0 auto;
    gap: 15px;
}
.wp-block-group.date-tab-same-col-content.tabular-new-2023 {
    margin: 0 15px;
}
.wp-block-group.date-tab-same-col-content.tabular-new-2024 {
    margin: 0 15px;
}
.wp-block-group.wp-container-content-13 {
    flex-basis: 100%;
}
.inner-dating-3-col-new-main {
    padding: 20px 20px;
    border-bottom: 1px solid #a898be;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs {
    width: 154px;
    text-align: center;
    gap: 0;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs::before {
    height: 66px;
    left: -11px;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs::after {
    height: 66px;
    right: -15px;
}
.inner-dating-3-col-new-main h2 {
    font-size: 16px !important;
}
.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs p {
    font-size: 12px !important;
}
.flex-new-listed-item-dated ul li {
    padding-left: 10px;
    font-size: 14px !important;
}
.tabular-new-2024 .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-40.wp-block-group-is-layout-flex {
        gap: 15px;
}
 .wp-block-group.right-side-new-gap-dated-colls {
    gap: 15px;
}
.wp-block-group.bg-new-radius-dated.has-background.wp-container-content-12 .wp-block-group.inner-dating-3-col-new-main .wp-block-group.new-right-left-liner-abs {
    width: 140px;
}
.wp-block-group.inner-dating-3-col-new-main.has-background.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-37.wp-block-group-is-layout-flex .wp-block-group.new-right-left-liner-abs.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-36.wp-block-group-is-layout-flex::before {
    height: 52px;
}
.wp-block-group.inner-dating-3-col-new-main.has-background.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-37.wp-block-group-is-layout-flex .wp-block-group.new-right-left-liner-abs.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-36.wp-block-group-is-layout-flex::after {
	height: 52px;
}
.wp-block-group.dated-section-secondly-new-row .wp-block-group.new-right-left-liner-abs {
    width: 165px !important;
}
.wp-block-group.tab-main-columns-main {
    margin: 0 15px;
}
.wp-block-group.tabular-new h2 {
    font-size: 17px !important;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col p {
    font-size: 16px !important;
    padding: 0 15px;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col ul.wp-block-list.donate-inner-col-listed-item-bone li {
    padding-left: 50px !important;
    font-size: 16px !important;
}
.donate-new-row-main .wp-block-group.donate-cards-inner-col ul.wp-block-list.donate-inner-col-listed-item-bone li::before {

    left: 20px;
}
.wp-block-group.listed-tab-cont-bg-color-wrap ul li {
    font-size: 16px !important;
}
.wp-block-group.flex-new-listed-item-dated.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-29.wp-block-group-is-layout-flex {
    align-items: flex-start;
}
.flex-new-listed-item-dated ul li::before {
    top: 3px !important;
    height: 18px !important;
    width: 18px !important;
    left: -16px !important;

}
}

/*---*/
.suggest-flex-wrapper h2 {
    font-weight: 500 !important;
}
.suggest-flex-wrapper a.wp-block-button__link.has-white-color.has-text-color.has-background.has-link-color.wp-element-button {
    font-weight: 500 !important;
}
.flex-new-listed-item-dated ul li::before {
    content: '';
    position: absolute;
    background-image: url(https://mda.webappinc.com/wp-content/uploads/2024/09/noun-bone-7093262-copy-9.png);
    height: 22px;
    width: 22px;
    left: -9px;
    background-size: cover;
    background-repeat: no-repeat;
}

/*---*/
.venue-display-main-wrap .venue .venue-content .venue-column-2 {
    width: 24%;
    display: flex;
    justify-content: end;
    align-items: center;
}
body.woocommerce-order-received main#primary {
    width: 1200px;
    margin: 0 auto;
    margin-top: 207px;
    padding: 0 15px;
}
.wp-block-group.awards-last-section-main {
    margin-top: -1px;
}
.wp-block-group.award-inner-first-col-left.wp-container-content-5 {
    margin-top: -1px;
}
p.has-text-align-center.vendor-top-para.container.has-black-color.has-text-color.has-link-color.wp-elements-9ecbd2d0ae04519f3b6a73fba2923614 {
    padding-bottom: 18px;
}
.wp-block-button.newwest-vendor-tiop a.wp-block-button__link.has-background.wp-element-button {
    padding: 14px 35px;
    font-size: 19px !important;
    font-family: 'Open Sans';
    border: 2px solid #7d679c;
    font-weight: 500;
}
.wp-block-button.newwest-vendor-tiop a.wp-block-button__link.has-background.wp-element-button:hover {
	color: #7d679c !important;
	background-color: #fff !important;
}
@media (max-width: 600px){
	.wp-block-button.newwest-vendor-tiop a.wp-block-button__link.has-background.wp-element-button {
    padding: 10px 27px !important;
    font-size: 17px !important;
}
body.woocommerce-order-received main#primary {
    width: 100%;
    margin: 0 auto;
    margin-top: 140px;
    padding: 0 15px;
}
}