/*!
Theme Name: WMO - World Memon Organization
Theme URI: http://underscores.me/
Author: Shaikh Aryan Bilal
Author URI: https://shaikharyanbilal.wordpress.com/
Description: Custom WordPress theme for World Memon Organization.
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: httpsworldmemon-org
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.

WMO - World Memon Organization 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;
    width: 100%;
}

.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;
}

/* Custom CSS */

/* .translated-rtl {
    direction: rtl;
} */

/*Hello*/

body {
    text-decoration: none;
    font-family: "Nunito", sans-serif !important;
}

a,
a:active,
a:focus {
    text-decoration: none !important;
    cursor: pointer;
    outline: none;
}

input:active,
select:active,
textarea:active,
button:active,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: unset;
}

img {
    max-width: 100%;
}

/*.container-fluid {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Header Styling Starts */

.Header {
    background: #fff;
}

.Header .container-fluid {
    padding: 0;
}

.Header nav.navbar {
    padding: 0;
    display: flex;
    align-items: stretch;
}

.Header .WebLogo {
    background: #C8D1DB;
    width: 15%;
}

.Header a.navbar-brand {
    max-width: 135px;
    display: block;
    margin: auto;
    padding: 5px;
}

.Header .HeaderRight {
    width: 85%;
}

.Header .topBar {
    padding: 10px 20px;
    border-bottom: #E5EEEC solid 1px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Header .topBar .topBarContact {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.Header .topBar .topBarContact li {
    display: inline-block;
    margin-right: 20px;
}

.Header .topBar .topBarContact li:last-child {
    margin: 0;
}

.Header .topBar .topBarContact li i {
    color: #c35c34;
    font-size: 15px;
}

.Header .topBar .topBarContact li a {
    font-size: 15px;
    margin-left: 5px;
    color: #1F2230;
    font-weight: 500;
}

.Header .topBarRight {
    display: flex;
}

.Language-and-Currency {
    display: flex;
    margin-right: 20px;
}

.LangSwitcher,
.CurrencySwitcher {
    display: flex;
    gap: 6px;
}

.LangSwitcher {
    border-right: 1px solid black;
    padding-right: 15px;
}

.CurrencySwitcher {
    padding-left: 15px;
    background-color: #fff !important;
}

.CurrencySwitcher select,
.CurrencySwitcher select option {
    background: #fff;
}

.LangSwitcher img,
.CurrencySwitcher img {
    width: 30px;
    border-radius: 5px;
    height: auto;
}

.LangSwitcher select,
.CurrencySwitcher select {
    border: 0;
    font-size: 15px;
}

.Header .topBarRight .UserBtn a {
    font-size: 18px;
    color: #000;
}

.Header .MainNavBar #navbarCollapse {
    max-width: 85%;
}

.Header .MainNavBar .HeaderBtn {
    width: 15%;
    display: inline-block;
    text-align: center;
}

.Header .MainNavBar {
    display: flex;
    padding: 30px 20px 20px 20px;
    border-bottom: solid 1px #eee;
}

.Header .MainNavBar .navbar-nav a.nav-item {
    color: #717580;
    margin-right: 10px;
    font-weight: 600;
    position: relative;
}

.Header .MainNavBar .navbar-nav a.nav-item:hover {
    color: #000;
}

.Header .MainNavBar .navbar-nav a.nav-item::before {
    content: '';
    background: #c35c34;
    height: 2px;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .3s all;
}

.Header .MainNavBar .navbar-nav a.nav-item:hover::before {
    width: 100%;
}

.Header .MainNavBar .HeaderBtn a.nav-item {
    display: inline-block;
    background: #C35C34;
    color: #fff;
    padding: 7px 15px;
    font-weight: 700;
    border-radius: 5px;
    border: solid 1px #C35C34;
}

.Header .MainNavBar .HeaderBtn a.nav-item i {
    margin-right: 2px;
}

.Header .MainNavBar .HeaderBtn a.nav-item:hover {
    background: unset;
    color: #000;
}

/* Hide submenu by default */
.sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    /* Change as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 200px;
    z-index: 9999;
}

/* Show submenu on hover */
.menu-item-has-children:hover>.sub-menu {
    display: block;
}

/* Style each submenu item */
.sub-menu .menu-item {
    border-bottom: 1px solid #eee;
}

/* Style submenu links */
.sub-menu .nav-link {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

/* Hover effect for submenu links */
.sub-menu .nav-link:hover {
    background-color: #f5f5f5;
    color: #000;
}

/* Add dropdown icon to parent menu item */
.menu-item-has-children>a::after {
    content: "\f107";
    /* Font Awesome down arrow */
    font-family: "Font Awesome 6 Free";
    /* Use correct version */
    font-weight: 900;
    margin-left: 8px;
    font-size: 12px;
}

.menu-item-has-children .sub-menu .sub-menu {
    left: 100%;
    margin-top: -30px;
    min-width: 270px;
}

.menu-item-has-children .sub-menu .sub-menu ul.sub-menu {
    left: 100%;
    margin-top: -30px;
    min-width: 200px;
}

/* Custom CSS For Singles */

.single .content-area {
    padding: 70px 0px;
}

/* Header Styling Ends */

/* Hero Section Starts */

.HeroSection {
    position: relative;
}

.HeroSection .HeroSlider {
    position: relative;
    z-index: 999;
}

.HeroSection .HeroSlider .item {
    height: 600px;
    position: relative;
    background-position: center !important;
}

.HeroSection .HeroSlider .item::before {
    content: '';
    background: #181818;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.HeroSection .HeroSlider .HeroContent {
    color: #fff;
    padding-right: 100px;
    position: relative;
    z-index: 3;
}

.HeroSection .HeroSlider .row {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
}

.HeroSection .HeroSlider .HeroContent h2 {
    font-size: 40px;
    font-weight: bolder;
}

.HeroSection .HeroSlider .HeroContent h2 span {
    display: block;
    font-size: 50px;
}

.HeroSection .HeroSlider .HeroContent p {
    font-size: 22px;
}

.HeroSection .HeroSlider .HeroContent a {
    display: inline-block;
    background: #C35C34;
    color: #fff;
    padding: 7px 15px;
    font-weight: 700;
    border: solid 1px #C35C34;
    border-radius: 5px;
    margin-right: 10px;
}

.HeroSection .HeroSlider .HeroContent a:last-child {
    margin-right: 0px;
}

.HeroSection .HeroSlider .HeroContent a i {
    margin-left: 4px;
}

.HeroSection .HeroSlider .HeroContent a:hover {
    background: unset;
}

.HeroSection .HeroSlider.slick-slider .slick-next,
.HeroSection .HeroSlider.slick-slider .slick-prev {
    position: absolute;
    font-size: 0;
    background: #ffffff;
    border: solid 2px #ffffff;
    height: 30px !important;
    width: 30px !important;
    padding: 0px;
    display: block;
    min-height: unset;
    top: 45%;
    opacity: 0.5;
    z-index: 222;
}

.HeroSection .HeroSlider.slick-slider .slick-next {
    right: 0;
}

.HeroSection .HeroSlider.slick-slider .slick-prev {
    left: 0;
}

.HeroSection .HeroSlider.slick-slider .slick-next::before {
    content: '\f054';
    font-size: 16px;
    display: block;
    font-family: 'fontawesome';
    color: #000000;
}

.HeroSection .HeroSlider.slick-slider .slick-prev::before {
    content: '\f053';
    font-size: 16px;
    display: block;
    font-family: 'fontawesome';
    color: #000000;
}

.HeroSection .HeroSlider.slick-slider:hover button {
    opacity: 1;
}

.HeroSection .HeroSlider .ItemVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.HeroSection .HeroSlider .ItemVideo video {
    width: 100%;
}

.HeroSection .HeroDonation {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

.HeroSection .HeroDonation .row {
    height: 600px;
    display: flex;
    align-items: center;
}

.HeroDonation .DonateBox {
    background: #fff;
    max-width: 380px;
    margin: auto;
    position: relative;
    z-index: 999;
}

.HeroDonation .DonateBox .BoxHeading {
    background: #c35c34;
    text-align: center;
    color: #fff;
    padding: 8px;
}

.HeroDonation .DonateBox .BoxHeading h4 {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-size: 22px;
}

.HeroDonation .DonateBox .BoxForm {
    padding: 15px;
}

.HeroDonation .DonateBox .BoxForm .form-group {
    margin-bottom: 15px;
}

.HeroDonation .DonateBox .BoxForm .form-group select,
.HeroDonation .DonateBox .BoxForm .form-group input {
    width: 100%;
    border: solid 1px #ccc;
    padding: 10px 5px;
    font-size: 17px;
    border-radius: 5px;
    color: #757575;
    font-weight: 500;
    height: 46px;
}

.HeroDonation .DonateBox .BoxForm .AmountOptions {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.HeroDonation .DonateBox .BoxForm .AmountOptions button {
    border: solid 2px #ccc;
    border-radius: 5px;
    padding: 4px 10px;
    margin: 0px 2px;
    background: unset;
    width: 100%;
    color: #757575;
}

.HeroDonation .DonateBox .BoxForm .AmountOptions button:active,
.HeroDonation .DonateBox .BoxForm .AmountOptions button:hover {
    background: #212226;
    color: #fff;
    border-color: #212226;
}

.HeroDonation .DonateBox .BoxForm .CurrencySwitcher {
    width: 15%;
    display: inline-block;
    padding-left: 0px;
}

.HeroDonation .DonateBox .BoxForm .CurrencyInput {
    display: inline-block;
    width: 85%;
    float: right;
    padding-left: 10px;
}

.HeroDonation .DonateBox .BoxForm button.submit {
    background: #c35c34;
    border: solid 2px #c35c34;
    width: 100%;
    display: block;
    margin: auto;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

.HeroDonation .DonateBox .BoxForm button.submit:hover {
    background: unset;
    color: #000;
}

/* Hero Section Ends */

/* Quick Donate Starts */

.QuickDonate {
    background: #222028;
    color: #fff;
    position: relative;
    padding: 25px 0px;
    overflow: hidden;
}

.page-template-page-checkout .QuickDonate {
    display: none !important
}

.page-template-page-checkout.page {
    margin: unset !important;
}

.QuickDonate .container {
    position: relative;
}

.QuickDonate::before {
    content: '\f4be';
    font-family: 'FontAwesome';
    display: block;
    position: absolute;
    top: 10%;
    left: 9%;
    font-size: 60px;
    opacity: .1;
}

.QuickDonate .row {
    display: flex;
    align-items: center;
}

.QuickDonate .QuickDonateHeading h2 {
    font-size: 34px;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.QuickDonate .QuickDonateForm form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.QuickDonate .QuickDonateForm .form-group {
    width: 25%;
    padding: 0px 10px;
}

.QuickDonate .QuickDonateForm .CurrencySwitcher {
    background-color: unset !important;
}

.QuickDonate .QuickDonateForm .form-group select {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    border: unset;
    padding: 0px 5px;
    color: #757575;
}

.QuickDonate .QuickDonateForm .AmountSelector {
    display: flex;
    align-items: center;
    background: #fff;
    height: 45px;
    border-radius: 10px;
    width: 100%;
    padding: 0px 5px;
}

.QuickDonate .QuickDonateForm .AmountSelector select {
    width: 40px;
}

.QuickDonate .QuickDonateForm .AmountSelector input {
    width: 100%;
    border: unset;
    outline: unset;
}

.QuickDonate .QuickDonateForm .form-group button[type=submit] {
    background: unset;
    border: solid 1px #c35c34;
    height: 45px;
    text-align: center;
    border-radius: 5px;
    padding: 0px 15px;
    color: #fff;
    font-weight: 600;
}

.QuickDonate .QuickDonateForm .form-group button[type=submit] i {
    margin-right: 4px;
}

.QuickDonate .QuickDonateForm .form-group button[type=submit]:hover {
    background: #c35c34;
}

.QuickDonate .QuickSticky {
    display: none;
}

/* Quick Donate Ends */

/* Projects Section Starts */

.ProjectsSection {
    padding: 50px 0px;
}

.ProjectsSection .SectionHeading {
    margin-bottom: 30px;
    text-align: center;
}

.ProjectsSection .SectionHeading h5 {
    font-size: 22px;
    color: #c35c34;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.ProjectsSection .SectionHeading hr {
    margin: 10px auto;
    max-width: 100px;
    color: #c35c34;
    height: 2px;
    opacity: 1;
}

.ProjectsSection .SectionHeading h2 {
    font-size: 44px;
    font-weight: bolder;
    color: #1F2230;
    margin-top: 10px;
    margin-bottom: 0;
}

.ProjectsSection .ProjectSlider {
    position: relative;
}

.ProjectsSection .ProjectSlider .item {
    padding: 0px 10px;
}

.ProjectsSection .ProjectBox {
    border: solid 1px #E9E9EE;
}

.ProjectsSection .ProjectBox .ProjectThumbnail {
    position: relative;
    height: 150px;
    overflow: hidden;
}

.ProjectsSection .ProjectBox .ProjectThumbnail img {
    width: 100%;
    transition: .3s all;
}

.ProjectsSection .ProjectBox:hover .ProjectThumbnail img {
    transform: scale(1.1);
}

.ProjectsSection .ProjectBox .ProjectThumbnail span {
    background: #c35c34;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.ProjectsSection .ProjectBox .ProjectThumbnail span a {
    color: #fff;
}

.ProjectsSection .ProjectBox .ProjectDesc {
    padding: 15px 10px;
}

.ProjectsSection .ProjectBox .ProjectDesc h4 {
    font-size: 20px;
    font-weight: bold;
    color: #1F2230;
    height: 48px;
    overflow: hidden;
}

.ProjectsSection .ProjectBox .ProjectDesc p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #707876;
}

.ProjectsSection .ProjectBox .ProjectGoalBar {
    background: #EFF5F4;
    padding: 15px 10px;
}

.ProjectsSection .ProjectBox .ProjectGoalBar .goalbar {
    background: #fff;
    display: block;
    height: 10px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin-top: 8px;
}

.ProjectsSection .ProjectBox .ProjectGoalBar .goalbar span {
    content: '';
    background: #c35c34;
    display: block;
    height: 10px;
    border-radius: 15px;
}

.ProjectsSection .ProjectBox .ProjectGoalBar .value {
    background: #c35c34;
    color: #fff;
    display: inline-block;
    padding: 2px;
    font-size: 12px;
    text-align: center;
    position: relative;
}

.ProjectsSection .ProjectBox .ProjectGoalBar .value::after {
    content: '\f0dd';
    display: block;
    font-family: 'FontAwesome';
    color: #c35c34;
    font-size: 18px;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}

.ProjectsSection .ProjectBox .ProjectValues {
    background: #eff5f4;
    display: flex;
    width: 100%;
    padding: 5px 10px;
    justify-content: space-between;
}

.ProjectsSection .ProjectBox .ProjectValues h3 {
    font-weight: bold;
    color: #11161F;
    font-size: 18px;
    display: inline-block;
}

/* .ProjectsSection .ProjectBox .ProjectValues span {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #707876;
} */

.ProjectsSection .ProjectBox .ProjectBtn {
    background: #eff5f4;
    text-align: center;
    padding: 15px 10px 10px 10px;
}

.ProjectsSection .ProjectBox .ProjectBtn a {
    display: inline-block;
    background: unset;
    color: #000;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: bold;
    border: solid 1px #c35c34;
}

.ProjectsSection .ProjectBox:hover .ProjectBtn a {
    background: #c35c34;
    color: #fff;
}

.ProjectsSection .ProjectSlider .slick-dots {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    list-style: none;
}

.ProjectsSection .ProjectSlider .slick-dots li {
    display: inline-block;
}

.ProjectsSection .ProjectSlider .slick-dots li button {
    font-size: 0;
    border: unset;
    height: 10px;
    width: 10px;
    background: #8F9097;
    margin: 0px 2px;
    border-radius: 50px;
    padding: 0;
}

.ProjectsSection .ProjectSlider .slick-dots li.slick-active button {
    background: #c35c34;
}

/* Projects Section Ends */

/* CTA Section Starts */

.CTASection {
    background: url(https://wmo.arytech.io/wp-content/uploads/2025/03/handholdingbg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 0px 150px 0px;
    position: relative;
    background-attachment: fixed;
}

.CTASection::before {
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
}

.CTASection .SectionContent {
    position: relative;
    text-align: center;
}

.CTASection .SectionContent h4 {
    font-size: 44px;
    color: #fff;
    font-weight: bolder;
}

.CTASection .SectionContent a {
    display: inline-block;
    background: unset;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: bold;
    border: solid 1px #fff;
    margin-top: 10px;
}

.CTASection .SectionContent a:hover {
    border-color: #c35c34;
    background: #c35c34;
}

/* CTA Section Ends */

/* Counter Section Starts */

.CounterSection {
    position: relative;
    margin-top: -80px;
}

.CounterSection .container {
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.30);
}

.CounterSection .CounterBox {
    position: relative;
    padding: 50px 0px;
    text-align: center;
    width: 100%;
}

.CounterSection .CounterBox strong {
    font-size: 44px;
    color: #c35c34;
    font-weight: bolder;
    line-height: 42px;
}

.CounterSection .CounterBox h6 {
    font-size: 16px;
    margin-top: 5px;
    color: #707876;
    font-weight: bold;
}

.CounterSection .CounterBox::before {
    height: 35%;
    width: 2px;
    background: #707876;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: .5;
}

.CounterSection .col-md-3:first-child .CounterBox::before {
    display: none;
}

/* Counter Section Ends */

/* Blog Section Starts */

.BlogSection {
    padding: 50px 0px;
}

.BlogSection .SectionHeading {
    margin-bottom: 30px;
    text-align: center;
}

.BlogSection .SectionHeading h5 {
    font-size: 22px;
    color: #c35c34;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.BlogSection .SectionHeading hr {
    margin: 10px auto;
    max-width: 100px;
    color: #c35c34;
    height: 2px;
    opacity: 1;
}

.BlogSection .SectionHeading h2 {
    font-size: 44px;
    font-weight: bolder;
    color: #1F2230;
    margin-top: 10px;
    margin-bottom: 0;
}

.BlogSection .BlogBox {
    border: solid 1px #E9E9EE;
    position: relative;
    margin-bottom: 20px;
}

.BlogSection .BlogBox .BlogThumbnail {
    height: 220px;
    overflow: hidden;
}

.BlogSection .BlogBox .BlogThumbnail img {
    width: 100%;
    transition: .3s all;
    min-height: 100%;
}

.BlogSection .BlogBox:hover .BlogThumbnail img {
    transform: scale(1.1);
}

.BlogSection .BlogBox .BlogDate {
    text-align: right;
    position: absolute;
    top: 5px;
    right: 5px;
}

.BlogSection .BlogBox .BlogDate span {
    background: #c35c34;
    color: #fff;
    display: inline-block;
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 3px;
}

.BlogSection .BlogBox .BlogAuthor {
    position: relative;
    padding: 10px;
    display: none;
}

.BlogSection .BlogBox .BlogAuthor ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.BlogSection .BlogBox .BlogAuthor li {
    display: inline-block;
    margin: 0px 5px;
    border-left: 1px #707876 solid;
    padding: 0px 10px;
    color: #707876;
    font-weight: bold;
}

.BlogSection .BlogBox .BlogAuthor li:first-child {
    margin: 0;
    padding: 0;
    border: unset;
}

.BlogSection .BlogBox .BlogAuthor li i {
    color: #c35c34;
}

.BlogSection .BlogBox .BlogContent {
    padding: 5px 10px 10px 10px;
}

.BlogSection .BlogBox .BlogContent a h5 {
    color: #1F2230;
    font-size: 22px;
    font-weight: bold;
    height: 52px;
    overflow: hidden;
}

.BlogSection .BlogBox .BlogContent p {
    margin: 0;
    color: #707876;
    font-size: 15px;
    line-height: 20px;
}

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

.BlogSection .SectionBtn a {
    background: unset;
    border: solid 1px #c25c34;
    padding: 7px 15px;
    border-radius: 5px;
    display: inline-block;
    color: #000;
}

.BlogSection .SectionBtn a:hover {
    background: #c35c34;
    color: #fff;
}

/* Blog Section Ends */

/* Category Section Starts */

.CategorySection {
    padding: 20px 0px 40px 0px;
}

.CategorySection .SectionHeading {
    margin-bottom: 30px;
    text-align: center;
}

.CategorySection .SectionHeading h5 {
    font-size: 22px;
    color: #c35c34;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

.CategorySection .SectionHeading hr {
    margin: 10px auto;
    max-width: 100px;
    color: #c35c34;
    height: 2px;
    opacity: 1;
}

.CategorySection .SectionHeading h2 {
    font-size: 44px;
    font-weight: bolder;
    color: #1F2230;
    margin-top: 10px;
    margin-bottom: 0;
}

.CategorySection .CategoryBox {
    position: relative;
}

.CategorySection .CategoryBox .CategoryThumbnail {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    border: solid 1px #c35c34;
    min-height: 260px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.CategorySection .CategoryBox .CategoryThumbnail img {
    width: 100%;
    transition: .3s all;
}

.CategorySection .CategoryBox:hover .CategoryThumbnail img {
    transform: scale(1.1);
}

.CategorySection .CategoryBox .CategoryThumbnail::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 130%) 0%, rgba(0, 0, 0, 0) 105%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.CategorySection .CategoryBox .CategoryContent {
    position: absolute;
    bottom: -10px;
    left: 0;
    padding: 0px 15px;
    z-index: 2;
    transition: .3s all;
}

.CategorySection .CategoryBox .CategoryContent h4 {
    display: inline-block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.CategorySection .CategoryBox .CategoryContent p {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.CategorySection .CategoryBox:hover .CategoryContent {
    bottom: 10px;
    ;
}

/* Category Section Ends */

/* Serving Section Starts */

.ServingSection {
    padding: 30px 0px;
    background: url(../img/ServingBG.png) no-repeat;
    background-size: cover;
}

.ServingSection .row {
    display: flex;
}

.ServingSection .VideoCol {
    width: 540px;
    max-width: 100%;
    position: relative;
}

.ServingSection .VideoCol img {
    width: 100%;
}

.ServingSection .VideoCol a {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    background: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c35c34;
    font-size: 30px;
}

.ServingSection .RightContent {
    position: relative;
}

.ServingSection .RightContent .SectionHeading {
    margin-bottom: 15px;
    position: relative;
}

.ServingSection .RightContent .SectionHeading .SubHeading {
    position: relative;
}

.ServingSection .RightContent .SectionHeading .SubHeading h5 {
    display: inline-block;
    padding-left: 60px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #c35c34;
}

.ServingSection .RightContent .SectionHeading .SubHeading h5::before {
    content: '';
    display: block;
    background: #c35c34;
    height: 2px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.ServingSection .RightContent .SectionHeading h2 {
    font-weight: bold;
    font-size: 50px;
    margin-top: 10px;
}

.ServingSection .RightContent .WMOFeatures ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0px;
}

.ServingSection .RightContent .WMOFeatures ul li {
    width: 48%;
    font-weight: bold;
    margin-bottom: 10px;
}

.ServingSection .RightContent .WMOFeatures ul li i {
    color: #c35c34;
    margin-right: 5px;
}

.ServingSection .RightContent .WMOFeatures ul li span {
    font-size: 15px;
    font-weight: 600;
}

.ServingSection .RightContent .OtherContent h3 {
    font-size: 26px;
    font-weight: bold;
    color: #c35c34;
}

.ServingSection .RightContent .OtherContent p {
    color: #707876;
    max-width: 560px;
    font-size: 15px;
}

.ServingSection .RightContent .OtherContent a {
    display: inline-block;
    background: unset;
    color: #000;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: bold;
    border: solid 1px #c35c34;
}

.ServingSection .RightContent .OtherContent a:hover {
    background: #c35c34;
    color: #fff;
}

/* Serving Section Ends */

/* Footer Section Starts */

.Footer {
    padding: 60px 0px 0px 0px;
    position: relative;
    background: #c35c34;
}

.Footer::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /* background: url(assets/img/FooterBG.png) no-repeat; */
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1;
}

.Footer .container {
    position: relative;
}

.Footer .AboutCol h6 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.Footer .AboutCol p {
    color: #fff;
    font-size: 15px;
    padding-right: 30px;
    margin-bottom: 10px;
}

.Footer .AboutCol a {
    background: unset;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    border: solid 1px #fff;
}

.Footer .AboutCol a:hover {
    background: #fff;
    color: #c35c34;
}

.Footer .AboutCol a i {
    margin-right: 2px;
    font-size: 20px;
}

.Footer .FooterMenu h6 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.Footer .FooterMenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.Footer .FooterMenu ul li {
    margin-bottom: 5px;
}

.Footer .FooterMenu ul li a {
    color: #eee;
    display: block;
}

.Footer .FooterMenu ul li a:hover {
    text-decoration: underline;
}

.Footer .ContactMenu h6 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.Footer .ContactMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-right: 30px;
}

.Footer .ContactMenu ul li {
    display: flex;
    margin-bottom: 10px;
    border-bottom: solid 1px #363945;
    align-items: center;
    padding-bottom: 10px;
}

.Footer .ContactMenu ul li i {
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
}

.Footer .ContactMenu ul li span {
    font-size: 14px;
    display: block;
    color: #AFB2C0;
    font-weight: 500;
}

.Footer .ContactMenu ul li a {
    color: #fff;
    font-weight: 500;
}

.Footer .ContactMenu ul li:last-child {
    border: unset;
}

.Footer .NewsletterCol h6 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.Footer .NewsletterCol p {
    color: #fff;
}

.Footer .NewsletterCol .NewsletterForm {
    display: flex;
    background: #fff;
    width: 280px;
    padding: 10px;
    position: relative;
    max-width: 100%;
}

.Footer .NewsletterCol .NewsletterForm input {
    border: unset;
    background: unset !important;
    width: unset;
    height: 30px;
}

.Footer .NewsletterCol .NewsletterForm button {
    border: unset;
    background: #c35c34;
    display: flex;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 3px;
    height: 44px;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
}

.Footer .NewsletterCol .NewsletterForm button i {
    margin-right: 3px;
}

.FooterBottom {
    background: #1F2230;
    padding: 10px 0px 100px 0px;
}

.FooterBottom .FooterBottomContent {
    display: flex;
    justify-content: space-between;
}

.FooterBottom .FooterBottomContent ul.FooterSocial {
    padding: 0;
    margin: 0;
    list-style: none;
}

.FooterBottom .FooterBottomContent ul.FooterSocial li {
    display: inline-block;
    margin: 0px 2px;
}

.FooterBottom .FooterBottomContent ul.FooterSocial li a {
    color: #fff;
    padding: 3px;
}

.FooterBottom .FooterBottomContent p.copyright {
    color: #fff;
    margin: 0;
    font-weight: 400;
}

/* Footer Section Ends */

/* SideBar Starts */

.CartSideBar {
    position: fixed;
    top: 0;
    right: -100%;
    /* Initially hidden */
    width: 350px;
    /* Adjust width as needed */
    height: 100%;
    background: white;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease-in-out;
    z-index: 1000;
}

.CartSideBar.active {
    right: 0;
    /* Slide in */
}

.CartSideBar .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    z-index: 999;
}

.CartSideBar .overlay.active {
    opacity: 1;
    visibility: visible;
}

.CartSideBar .SideBar {
    position: relative;
    z-index: 99999;
    background: #fff;
    height: 100%;
}

.CartSideBar .SideBar .Heading {
    background: #21212B;
    color: #fff;
    padding: 10px;
    position: relative;
}

.CartSideBar .SideBar .Heading h2 {
    font-size: 20px;
    margin: 0;
    line-height: 20px;
}

.CartSideBar .SideBar .Heading span {
    font-size: 13px;
    display: inline-block;
}

.CartSideBar .SideBar .Heading .close {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 22px;
    width: 22px;
    margin: auto;
    font-size: 22px;
    line-height: 24px;
    cursor: pointer;
}

.CartSideBar .Cartitems {
    position: relative;
    padding: 15px 10px;
    min-height: 350px;
    overflow-y: scroll;
    max-height: 370px;
}

.CartSideBar .Cartitems .item {
    border-bottom: solid 1px #c35c34;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.CartSideBar .Cartitems .item:last-child {
    border: unset;
}

.CartSideBar .Cartitems h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: left;
    min-width: 160px;
    max-width: 160px;
}

.CartSideBar .Cartitems .ItemDetail {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.CartSideBar .Cartitems .ItemDetail .thumbnail {
    max-width: 50px;
    overflow: hidden;
    margin-right: 10px;
}

.CartSideBar .Cartitems .ItemDetail .thumbnail img {
    width: unset;
    max-width: unset;
    height: 50px;
}

.CartSideBar .Cartitems .ItemDetail .description ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

.CartSideBar .Cartitems .ItemDetail .description {
    padding: 0px 5px;
    display: none !important;
}

.CartSideBar .Cartitems .ItemDetail .itemprice {
    text-align: right;
}

.CartSideBar .Cartitems .ItemDetail strong {
    font-size: 16px;
}

.CartSideBar .Cartitems .ItemDetail .itemprice .itemremove {
    font-size: 12px;
}

.CartSideBar .Cartitems .ItemDetail .itemprice .itemremove a {
    color: #000;
}

.CartSideBar .Cartitems .ItemDetail .itemprice .itemremove a:hover {
    color: #c35c34;
}

.CartSideBar .AdditionalItems {
    padding: 10px;
    background: #f3f3f3;
    border-top: solid 1px #99999970;
}

.CartSideBar .AdditionalItems h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}

.CartSideBar .AdditionalItems .iteminner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.CartSideBar .AdditionalItems .iteminner div {
    text-align: left;
}

.CartSideBar .AdditionalItems .iteminner h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: left;
}

.CartSideBar .AdditionalItems .iteminner strong {
    font-size: 16px;
    text-align: left;
}

.CartSideBar .AdditionalItems .iteminner strong span {
    background: unset;
}

.CartSideBar .AdditionalItems .iteminner span i {
    background: #c35c34;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    border: solid 1px #c35c34;
}

.CartSideBar .AdditionalItems .iteminner:hover span i {
    background: unset;
    color: #c35c34;
}

.CartSideBar .AdditionalItems ul.slick-dots {
    display: none !important;
}

.CartSideBar .AdditionalItems .AdditionalBox {
    position: relative;
}

.CartSideBar .AdditionalItems .AdditionalBox button {
    background: unset;
    border: unset;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
}

.CartSideBar .AdditionalItems .AdditionalBox button.slick-prev {
    top: 0;
}

.CartSideBar .AdditionalItems .AdditionalBox button.slick-next {
    bottom: 0;
}

.CartSideBar .AdditionalItems .AdditionalBox .item {
    padding: 5px 25px 5px 0px;
}

/* .CartSideBar .AdditionalItems ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.CartSideBar .AdditionalItems li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.CartSideBar .AdditionalItems li div {
    text-align: left;
}

.CartSideBar .AdditionalItems li strong {
    display: block;
    font-size: 16px;
    line-height: 18px;
}

.CartSideBar .AdditionalItems li span {
    font-weight: bold;
    font-size: 18px;
}

.CartSideBar .AdditionalItems li i {
    font-size: 22px;
}

.CartSideBar .AdditionalItems li:last-child {
    border: unset;
} */

.CartSideBar .SideBarTotal {
    text-align: center;
    position: fixed;
    width: 350px;
    bottom: 0;
    max-width: 100%;
}

.CartSideBar .SideBarTotal .TotalPrice {
    background: #1F202C;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 10px 5px 10px;
}

.CartSideBar .SideBarTotal .TotalPrice h6 {
    font-size: 16px;
}

.CartSideBar .SideBarTotal .SideBarBtns {
    background: #1F202C;
    padding: 5px 10px 10px 10px;
}

/* .CartSideBar .SideBarTotal .SideBarBtns .SideBarCheckout {
    background: #C35C34;
    display: block;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
    border: solid 1px #c35c34;
} */

.CartSideBar .SideBarTotal .SideBarBtns a {
    background: unset;
    display: block;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    border: solid 1px #c35c34;
    margin-bottom: 10px;
}

/* .CartSideBar .SideBarTotal .SideBarBtns .SideBarCheckout:hover {
    background: unset;
} */

.CartSideBar .SideBarTotal .SideBarBtns a:hover {
    background: #c35c34;
}

/* SideBar Ends */

/* Donation Checout Section Starts */

.CheckoutWrapper {
    padding: 40px 0px;
}

.CheckoutWrapper .CheckoutBox,
.CheckoutWrapper .AdditionalCol {
    background: #f5f5f5;
    border: solid 1px #ccc;
    min-height: 700px;
    position: relative;
    border-radius: 15px;
    height: 700px;
    overflow: hidden;
}

.CheckoutWrapper .CheckoutBox {
    height: auto;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps .Step {
    background: #7A7E88;
    color: #fff;
    display: flex;
    padding: 7px 20px;
    margin-right: 5px;
    align-items: center;
    min-width: 140px;
    text-align: center;
    justify-content: center;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps .Step .icon {
    font-size: 18px;
    margin-right: 3px;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps .Step .text {
    font-size: 18px;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps .Step.active {
    background: #c35c34;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps .Step:first-child {
    border-radius: 10px 0px 0px 10px;
}

.CheckoutWrapper .CheckoutBox .CheckoutSteps .Step:last-child {
    border-radius: 0px 10px 10px 0px;
}

.CheckoutWrapper .CartCounting {
    margin: 15px 0px 15px 15px;
    display: inline-block;
    color: #c35c34;
    border-bottom: 1px solid #c35c34;
    font-size: 16px;
}

.CheckoutWrapper #CartCountDetailed {
    font-weight: bold;
}

.CheckoutWrapper #cart-container {
    padding: 10px 15px;
    max-height: 340px;
    overflow-y: scroll;
}

.CheckoutWrapper .CheckoutItems .Items {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #ccc;
    width: 100%;
}

.CheckoutWrapper .CheckoutItems .Items:last-child {
    border: unset;
}

.CheckoutWrapper .CheckoutItems .Items .thumbnail {
    max-width: 100px;
    width: 10%;
}

.CheckoutWrapper .CheckoutItems .Items .thumbnail img {
    width: 100%;
}

.CheckoutWrapper .CheckoutItems .ContentRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.CheckoutWrapper .CheckoutItems .ItemContent {
    width: 90%;
    padding: 0px 5px;
}

.CheckoutWrapper .CheckoutItems .ContentRow .ItemTitle h6 {
    margin: 0;
    font-size: 16px;
    width: 300px;
}

.CheckoutWrapper .CheckoutItems .ContentRow .ItemTitle p {
    font-size: 14px;
    margin: 0;
    display: none;
}

.CheckoutWrapper .CheckoutItems .ContentRow .ItemPrice {
    font-size: 18px;
}

.CheckoutWrapper .CheckoutItems .ContentRow .ActionBtns a.RepeatBtn {
    background: #c35c34;
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    margin-right: 20px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
}

.CheckoutWrapper .CheckoutItems .ContentRow .ActionBtns .removeitem {
    cursor: pointer;
}

.CheckoutWrapper .CheckoutItems .QuesRow {
    margin-top: 5px;
}

.CheckoutWrapper .CheckoutItems .QuesRow label {
    font-size: 15px;
    margin-right: 10px;
    display: inline-block;
}

.CheckoutWrapper .CheckoutItems .QuesRow input {
    border: solid 1px #ccc;
    padding: 5px;
    background: unset;
    border-radius: 5px;
    width: 250px;
    max-width: 100%;
}

.CheckoutWrapper .CheckoutBox .DonationTypeRow {
    display: flex;
    align-items: center;
    padding: 10px 30px;
    justify-content: center;
}

.CheckoutWrapper .CheckoutBox .DonationTypeRow h5 {
    margin: 0;
    font-size: 18px;
}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns {
    margin-left: 20px;
    display: flex;
}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn {
    display: flex;
    background: unset;
    color: #000000;
    margin-right: 10px;
    padding: 10px;
    width: 240px;
    text-align: center;
    position: relative;
    border-radius: 5px;
    justify-content: center;
    cursor: pointer;
    border: solid 1px #c35c34;
}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns .icon {
    position: absolute;
    left: 8px;
    bottom: 1px;
    opacity: .3;
}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns .PerodBtn .fa-circle-check {}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn strong {
    font-size: 16px;
    line-height: 18px;
    margin-left: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn .fa-circle-check {
    margin-left: 30px;
}

.CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn:hover,
.CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn.active {
    background: #c35c34;
    color: #fff;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal {
    background: #20212A;
    color: #fff;
    padding: 15px 40px;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .GrandTotal {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #eee;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .GrandTotal h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .GrandTotal span {
    font-size: 20px;
    font-weight: bold;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .Disclaimer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .Disclaimer i {
    color: #c35c34;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .Disclaimer p {
    margin: 0;
    margin-left: 5px;
    font-size: 14px;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .Disclaimer p span {
    color: #c35c34;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .NextBtn {
    text-align: right;
    display: inline-block;
    float: right;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .NextBtn a {
    color: #fff;
    background: #c35c34;
    margin-top: 15px;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 5px;
}

.BackBtn {
    display: inline-block;
}

.CheckoutWrapper .CheckoutBox .CheckoutTotal .BackBtn a {
    color: #fff;
    background: #c35c34;
    margin-top: 15px;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 5px;
}

.CheckoutWrapper .CheckoutBox .CheckoutBottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.CheckoutWrapper .AdditionalCol .Heading {
    background: #c35c34;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
}

.CheckoutWrapper .AdditionalCol .Heading h3 {
    font-size: 16px;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems {
    padding: 10px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-height: 700px;
    overflow-y: scroll;
    padding-bottom: 70px;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems .items {
    width: 48%;
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    margin-bottom: 10px;
    text-align: center;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems .items .thumbnail {
    max-height: 100px;
    overflow: hidden;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems .items .thumbnail img {
    width: 100%;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems .items h5 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
    max-height: 34px;
    overflow: hidden;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems .items span {
    font-weight: bold;
    font-size: 15px;
    display: none;
}

.CheckoutWrapper .AdditionalCol .AdditionalItems .add-btn {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    padding: 5px 30px;
    font-size: 16px;
}

/* .CheckoutWrapper #chapter {
    width: 100%;
    padding: 10px;
    border: solid 1px #CCCCCC;
    color: #757575;
    border-radius: 5px;
} */

/* .CheckoutWrapper .chapter-selection-chk {
    padding: 0px 22px 180px 22px;
    background-color: #f5f5f5;
    margin-bottom: -10px;
} */

/* Donation Checout Section Ends */

/* Donor Checkout Section Starts */

.CheckoutWrapper .CheckoutBox .DonorForm {
    padding: 15px 20px 180px 20px;
}

/* .CheckoutWrapper .CheckoutBox .chapter-selection-chk {
    padding: 0px 0px 180px 0px;
} */

.CheckoutWrapper .CheckoutBox .DonorForm .form-group input,
.CheckoutWrapper .CheckoutBox .DonorForm .form-group textarea,
.CheckoutWrapper .CheckoutBox .DonorForm .form-group select {
    width: 100%;
    padding: 10px;
    border: solid 1px #CCCCCC;
    color: #757575;
    border-radius: 5px;
}

.CheckoutWrapper .CheckoutBox .DonorForm .form-group {
    margin-bottom: 15px;
}

.CheckoutWrapper .CheckoutBox .DonorForm .form-group button {
    float: right;
    border: solid 1px #c35c34;
    background: #c35c34;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
}

.CheckoutWrapper .CheckoutBox .DonorForm .form-group button:hover {
    background: unset;
    color: #000;
}

.CheckoutWrapper .AccountDetail {
    background: #f5f5f5;
    border: solid 1px #ccc;
    min-height: 700px;
    position: relative;
    border-radius: 15px;
    height: 700px;
    overflow: hidden;
}

.CheckoutWrapper .AccountDetail .Heading {
    background: #c35c34;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
}

.CheckoutWrapper .AccountDetail .Heading h3 {
    font-size: 16px;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
}

.AccntTabs {
    display: flex;
    cursor: pointer;
}

.AccntTabs .AccntTabs {
    padding: 10px 20px;
    background: #ddd;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
}

.AccntTabs .AccntTabs.active {
    background: #007bff;
    color: #fff;
}

.AccntTabsContent {
    display: none;
    padding: 15px;
}

.AccntTabsContent.active {
    display: block;
}

.CheckoutWrapper .AccountDetail .AccntTabsWrapper {
    text-align: center;
    padding-top: 20px;
}

.CheckoutWrapper .AccountDetail .AccntTabsWrapper .AccntTab {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 2px #000;
    cursor: pointer;
}

.CheckoutWrapper .AccountDetail .AccntTabsWrapper .AccntTab:last-child {
    border: unset;
    padding: 0;
    margin: 0;
}

.CheckoutWrapper .AccountDetail .AccntTabsContent h6 {
    background: #DCDCDC;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
}

.CheckoutWrapper .AccountDetail .AccntTabsContent ul {
    padding: 0;
    list-style: none;
    font-size: 14px;
}

.CheckoutWrapper .AccountDetail .AccntTabsWrapper .AccntTab.active {
    text-decoration: underline;
}

/* Donor Checkout Section Ends */

.CheckoutWrapper .CheckoutBox .DonorForm .notification-consent {
    width: 100%;
}

.CheckoutWrapper .CheckoutBox .DonorForm .notification-consent input#notify-news {
    width: unset;
    margin-right: 5px;
}

.CheckoutWrapper #GiftAidContent {
    padding: 15px 15px 10px 15px;
    background-color: #E07A5F;
    margin-bottom: 15px;
    border-radius: 10px;
}

.CheckoutWrapper #GiftAidContent .TitleAndIcon {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.CheckoutWrapper #GiftAidContent .TitleAndIcon i.fa-solid.fa-gift {
    color: white;
    font-size: 30px;
    margin-right: 10px;
    transform: rotate(-18deg);
}

.CheckoutWrapper .giftaidlabel,
.CheckoutWrapper .GiftAidText {
    color: white;
    text-align: justify;
}

.CheckoutWrapper .GiftAidTitle {
    font-family: "Dancing Script", cursive;
    color: white;
    font-size: 50px;
    margin: 0;
}

.CheckoutWrapper .CheckoutBox .DonorForm span.aidtabs {
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid white;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px;
}

.CheckoutWrapper .CheckoutBox .DonorForm .form-group label {
    display: inline;
}

.CheckoutWrapper .CheckoutBox .DonorForm input[type="checkbox"],
.CheckoutWrapper .CheckoutBox .DonorForm input[type="radio"] {
    width: unset;
    display: inline-block;
}

/* Membership Page Starts */

.PageTitle {
    position: relative;
    padding: 150px 0px;
    text-align: center;
    background: url('https://wmo.arytech.io/wp-content/uploads/2025/04/HeroBG01.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.PageTitle h2 {
    font-size: 44px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

.PageTitle::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
}

.PageTitle .container {
    position: relative;
}

.MemberShipDescription p {
    text-align: center;
    padding: 0px 150px;
    margin: 0;
}

.MemberShipDescription a {
    text-align: center;
    display: block;
    color: #c35c34;
    font-weight: 500;
    margin: 10px 0px;
    text-decoration: underline !important;
}

.MembershipListWrap {
    margin-top: 15px;
}

.MembershipListWrap .MembershipList {
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    transition: 0.3s all;
}

.MembershipListWrap .MembershipList:hover {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.MembershipListWrap .MembershipList .thumbnail {
    height: 200px;
    overflow: hidden;
}

.MembershipListWrap .MembershipList .thumbnail img {
    width: 100%;
    transition: .3s all;
}

.MembershipListWrap .MembershipList:hover .thumbnail img {
    transform: scale(1.2);
}

.MembershipListWrap .MembershipList .content {
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
}

/* Membership Page Ends */

/* Membership Form Starts */

.fluentform {
    padding: 60px 0px;
}

.fluentform .ff-step-titles li:before {
    color: #000;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    border-radius: 5px;
    border: solid 1px #d5d5d5;
    background: #fdfdfd;
}

.fluentform .ff-step-titles li:after {
    top: 19px;
    background: #d5d5d5;
}

.fluentform .ff-step-titles li.ff_active:before,
.fluentform .ff-step-titles li.ff_completed:before {
    background: #c35c34 !important;
}

.ff-default .ff-btn-secondary:not(.ff_btn_no_style),
.fluentform form.ff-form-has-steps .ff-btn-submit {
    background: #c35c34 !important;
    border: solid 1px #c35c34;
    padding: 7px 15px;
    border-radius: 5px;
    font-weight: 500;
    line-height: normal;
    min-width: 120px;
    text-align: center;
    font-size: 16px;
    max-width: 120px;
    display: inline-block;
}

.ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover,
.fluentform form.ff-form-has-steps .ff-btn-submit:hover {
    background: unset !important;
    color: #000;
    border-color: #c35c34;
}

.fluentform .ff-step-titles li.ff_active:after,
.fluentform .ff-step-titles li.ff_completed:after {
    background: #c35c34;
    width: 100% !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    background: #c35c34;
    border-color: #c35c34;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected:first-child label>span {
    border-color: #c35c34;
}

.fluentform .ff-el-group a {
    color: #c35c34 !important;
}

.fluentform .ff-el-group a:hover {
    text-decoration: underline !important;
    color: #000 !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover {
    color: #000;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span:hover {
    color: #fff;
}

#fluentform_3>fieldset>div>div.ff-step-body>div.fluentform-step.active>div>div.ff-el-input--label.asterisk-right>label,
#fluentform_3>fieldset>div>div.ff-step-body>div.fluentform-step.active>div>div>div>h4 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    accent-color: #c35c34 !important;
}

/* Membership Form Ends */

.CartSideBar .SideBar #cart-container .EmptyCart {
    text-align: center;
    margin-top: 30px;
}

.CheckoutWrapper #cart-container .EmptyCart img {
    max-width: 130px;
    margin-bottom: 5px;
}

.CheckoutWrapper .Cartitems .EmptyCart {
    text-align: center;
}

.CheckoutWrapper #cart-container .EmptyCart p {
    color: #7a7e88;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 5px auto;
    width: 340px;
}

.CheckoutWrapper #cart-container .EmptyCart a {
    background: unset;
    border: solid 1px #7b7f89;
    padding: 7px 15px;
    border-radius: 5px;
    color: #7b7f89;
    font-weight: 500;
    display: inline-block;
}

.CartSideBar .SideBar #cart-container .EmptyCart {
    text-align: center;
}

.CartSideBar .SideBar #cart-container .EmptyCart img {
    max-width: 100px;
}

.CartSideBar .SideBar #cart-container .EmptyCart p {
    color: #7b7f89;
    width: 250px;
    margin: 10px auto;
    max-width: 100%;
}

.CartSideBar .SideBar #cart-container .EmptyCart a {
    background: unset;
    border: solid 1px #7b7f89;
    padding: 7px 15px;
    border-radius: 5px;
    color: #7b7f89;
    font-weight: 500;
    display: inline-block;
}

.CartSideBar .SideBar #cart-container .EmptyCart a i {
    margin-right: 3px;
}

.CartSideBar .SideBar #cart-container .EmptyCart a:hover {
    background: #c35c34;
    color: #fff;
    border-color: #c35c34;
}

.CartSideBar .Cartitems .ItemDetail .quantity-controls {
    display: flex;
    border: solid 1px #e6e6e6;
}

.CartSideBar .Cartitems .ItemDetail .quantity-controls button {
    height: 25px;
    width: 25px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    border: unset;
}

.CartSideBar .Cartitems .ItemDetail .quantity-controls input {
    max-width: 40px;
    text-align: center;
    padding: 0;
    height: 25px;
    font-size: 14px;
    border: unset;
    background: #fff;
}

.gtranslate_wrapper {
    z-index: 1;
}

.gtranslate_wrapper .gt_switcher .gt_selected,
.gtranslate_wrapper .gt_switcher .gt_selected a,
.gtranslate_wrapper .gt_switcher {
    width: 135px !important;
}

.CheckoutWrapper .CheckoutItems .ContentRow .quantity-controls {
    display: flex;
    border: solid 1px #e6e6e6;
}

.CheckoutWrapper .CheckoutItems .ContentRow .quantity-controls button {
    height: 35px;
    width: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center;
    border: unset;
}

.CheckoutWrapper .CheckoutItems .ContentRow .quantity-controls input {
    text-align: center;
    padding: 0;
    height: 35px;
    border: unset;
    background: #fff;
    min-width: 4ch;
    max-width: 60px;
}

.CheckoutWrapper .CheckoutBox .PaymentLoader {
    display: flex;
    width: 100%;
    min-height: 340px;
    max-height: 340px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.CheckoutWrapper .CheckoutBox .PaymentLoader .PaymentText {
    text-align: center;
}

.CheckoutWrapper .CheckoutBox .PaymentLoader img {
    max-width: 70px;
    mix-blend-mode: darken;
}

/* CART LOADER */
.loader-cart {
    color: #c35c34;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    transform: translateX(-38px);
    animation: l21 .5s infinite alternate linear;
    position: absolute;
    left: 50%;
    top: 10%;
}

@keyframes l21 {
    50% {
        box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px
    }

    100% {
        box-shadow: 19px 0 0 0, 38px 0 0 3px, 57px 0 0 7px
    }
}

.page-template-page-checkout .loader-cart {
    color: #c35c34;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
    transform: translateX(-38px);
    animation: l21 .5s infinite alternate linear;
    position: absolute;
    left: 8%;
    top: 7%;
}

/* CART LOADER END */

/* The Memon Page Starts */

.TheMemonBooks {
    padding: 60px 0px;
}

.TheMemonBooks .BookPDF {
    border: solid 1px #eee;
    border-radius: 10px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 15px;
    max-width: 260px;
    text-align: center;
}

.TheMemonBooks .BookPDF .thumbnail {
    position: relative;
}

.TheMemonBooks .BookPDF .thumbnail img {
    width: 100%;
}

.TheMemonBooks .BookPDF h6 {
    color: #fff;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
    transition: .3s all;
}

.TheMemonBooks .BookPDF .thumbnail::before {
    content: '';
    height: 300px;
    width: 100%;
    display: block;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: .3s all;
}

.TheMemonBooks .BookPDF:hover .thumbnail::before {
    bottom: 0;
}

.TheMemonBooks .BookPDF:hover h6 {
    bottom: 10px;
}

/* The Memon Page Ends */

/* Annual Reports Starts */

.AnnualReports {
    padding: 50px 0px;
}

.AnnualReports .row {
    display: flex;
    align-items: center;
}

/* .AnnualReports .ReportsNav {
    max-height: 450px;
    overflow-y: scroll;
} */

.AnnualReports .ReportsNav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    justify-content: center;
}

.AnnualReports .Report {
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    border: solid 1px #eee;
    width: 47%;
    display: inline-block;
}

.AnnualReports .Report strong {
    display: block;
    font-size: 26px;
}

.AnnualReports .Report a {
    color: #000;
}

.AnnualReports .Report:hover,
.AnnualReports .Report.active {
    background: #c35c34;
}

.AnnualReports .Report:hover a,
.AnnualReports .Report.active a {
    color: #fff;
}

.AnnualReports .ReportsPreview img#start-image {
    width: 700px;
    max-width: 100%;
    margin: auto;
    display: block;
}

.AnnualReports .BookPDF {
    border: solid 1px #eee;
    border-radius: 10px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 15px;
    max-width: 260px;
    text-align: center;
}

.AnnualReports .BookPDF .thumbnail {
    position: relative;
}

.AnnualReports .BookPDF .thumbnail img {
    width: 100%;
}

.AnnualReports .BookPDF h6 {
    color: #fff;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
    transition: .3s all;
}

.AnnualReports .BookPDF .thumbnail::before {
    content: '';
    height: 300px;
    width: 100%;
    display: block;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: .3s all;
}

.AnnualReports .BookPDF:hover .thumbnail::before {
    bottom: 0;
}

.AnnualReports .BookPDF:hover h6 {
    bottom: 10px;
}

/* Annual Reports Ends */

/* Donate - Project Listing Starts */

.ProjectGrids .campaign-item {
    width: 33%;
    display: inline-block;
    margin-bottom: 30px;
}

/* Donate - Project Listing Ends */

/* About Page Starts */

.AboutDescription {
    padding: 50px 0px;
}

.AboutDescription .row {
    display: flex;
    align-items: center;
}

.AboutDescription .LeftCol {
    padding-right: 70px;
}

.AboutDescription .LeftCol .SubHeading {
    position: relative;
}

.AboutDescription .LeftCol .SubHeading {
    position: relative;
}

.AboutDescription .LeftCol .SubHeading h5 {
    display: inline-block;
    padding-left: 60px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #c35c34;
}

.AboutDescription .LeftCol .SubHeading h5::before {
    content: '';
    display: block;
    background: #c35c34;
    height: 2px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.AboutDescription .LeftCol h2 {
    font-weight: bold;
    font-size: 50px;
    margin-top: 10px;
}

.AboutDescription .LeftCol p {
    font-size: 15px;
}

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

.AboutDescription .RightCol img {
    width: 500px;
    max-width: 100%;
    margin: auto;
}

.AbtVideo {
    position: relative;
    padding-top: 30px;
}

.AbtVideo .AbtVidInner {
    position: relative;
    width: 80%;
    border-radius: 30px;
    overflow: hidden;
    margin: auto;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

.AbtVideo .AbtVidInner img {
    width: 100%;
}

.AbtVideo .AbtVidInner span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 50px;
    display: inline-block;
    background: #c35c34;
    color: #fff;
    text-align: center;
    font-size: 30px;
    border-radius: 10px;
    line-height: 50px;
}

.Abt3rdSec {
    margin: 50px 0px;
    padding: 50px 0px;
    background: #eeeeee91;
}

.Abt3rdSec .AbtContentBox {
    text-align: center;
    background: #fff;
    padding: 30px;
    border-radius: 30px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    transition: .2s all;
}

.Abt3rdSec .AbtContentBox h3 {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
    color: #c35c34;
}

.Abt3rdSec .AbtContentBox p {
    font-size: 15px;
    margin: 0;
}

.Abt3rdSec .AbtContentBox:hover {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

.CounterSection.AbtCounter {
    margin: 0;
    margin-bottom: 30px;
}

.CommunitySection {
    padding: 40px 0px 140px 0px;
    background: #eeeeee91;
}

.CommunitySection h4 {
    font-weight: bold;
    font-size: 50px;
    color: #c35c34;
}

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

.CommunitySection .LeftCol img {
    width: 480px;
    max-width: 100%;
    border-radius: 15px;
}

.CommunitySection .row {
    display: flex;
    align-items: center;
}

.CommunitySection .RightCol {
    padding-right: 50px;
}

.CommunitySection .RightCol p {
    font-size: 15px;
    margin-bottom: 10px;
}

.MissionSection {
    padding: 60px 0px 30px 0px;
}

.MissionSection .row {
    display: flex;
    align-items: center;
}

.MissionSection .LeftCol {
    padding-right: 170px;
}

.MissionSection .LeftCol h2 {
    font-size: 34px;
    font-weight: bold;
}

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

.MissionSection .RightCol img {
    width: 520px;
    border-radius: 20px;
    margin: auto;
    max-width: 100%;
}

.VisionSection {
    padding: 30px 0px 30px 0px;
    background-color: #f5f5f5;
}

.VisionSection .row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.VisionSection .LeftCol {
    padding-right: 170px;
}

.VisionSection .LeftCol h2 {
    font-size: 34px;
    font-weight: bold;
}

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

.VisionSection .RightCol img {
    width: 520px;
    border-radius: 20px;
    margin: auto;
    max-width: 100%;
}

.ValuesSection {
    padding: 30px 0px 30px 0px;
}

.ValuesSection .row {
    display: flex;
    align-items: center;
}

.ValuesSection .LeftCol {
    padding-right: 170px;
}

.ValuesSection .LeftCol h2 {
    font-size: 34px;
    font-weight: bold;
}

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

.ValuesSection .RightCol img {
    width: 520px;
    border-radius: 20px;
    margin: auto;
    max-width: 100%;
}

.KeyPrinciples {
    padding: 40px 0px;
    margin: 40px 0px;
    background: #222028;
    color: #fff;
}

.KeyPrinciples .Heading {
    border-bottom: solid 2px #c25c34;
    margin-bottom: 30px;
}

.KeyPrinciples .Heading h2 {
    font-size: 40px;
    font-weight: bold;
}

.KeyPrinciples .KeyBox strong {
    font-size: 44px;
    display: inline-block;
}

.KeyPrinciples .KeyBox h4 {
    font-size: 22px;
    font-weight: 400;
}

/* About Page Ends */

.CheckoutWrapper .AdditionalCol .CheckoutGallery {
    max-height: 700px;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.CheckoutWrapper .AdditionalCol .CheckoutGallery .Image {
    width: 45%;
    display: inline-block;
}

.CheckoutWrapper .AdditionalCol .CheckoutGallery .Image img {
    width: 100%;
}

/* Contact Page Starts */

.ContactSection1 {
    padding: 70px 0px;
    background: #f3ecec;
}

.ContactSection1 .row {
    display: flex;
    align-items: flex-end;
}

.ContactSection1 .LeftCol {
    padding-right: 140px;
}

.ContactSection1 .LeftCol .SectionHeading .SubHeading {
    position: relative;
}

.ContactSection1 .LeftCol .SectionHeading .SubHeading h5 {
    display: inline-block;
    padding-left: 60px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #c35c34;
}

.ContactSection1 .LeftCol .SectionHeading .SubHeading h5::before {
    content: '';
    display: block;
    background: #c35c34;
    height: 2px;
    width: 50px;
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
}

.ContactSection1 .LeftCol .SectionHeading h2 {
    font-weight: bold;
    font-size: 50px;
    margin-top: 10px;
}

.ContactSection1 .LeftCol p.description {
    font-size: 15px;
}

.ContactSection1 ul.RightCol {
    padding: 0;
    list-style: none;
}

.ContactSection1 ul.RightCol li {
    margin-bottom: 30px;
}

.ContactSection1 ul.RightCol li:last-child {
    margin: 0;
}

.ContactSection1 ul.RightCol li strong {
    display: block;
    font-size: 20px;
}

.ContactSection1 ul.RightCol li a {
    color: #212529;
}

.ContactForm {
    padding: 50px 0px;
    background: url(https://wmo.arytech.io/wp-content/uploads/2025/04/487460976_1087044883462372_3147247250791662362_n.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.ContactForm form {
    padding: 30px;
    border: solid 1px #eee;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    width: 750px;
    max-width: 100%;
    margin: auto;
    background-color: #fff;
}

.ContactForm form .form-group {
    margin-bottom: 20px;
}

.ContactForm form .form-group input,
.ContactForm form .form-group textarea {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    border: solid 1px #eee;
}

.ContactForm form .form-group button {
    border: solid 1px #c35c34;
    border-radius: 5px;
    padding: 7px 15px;
    color: #000;
    background: unset;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 140px;
    margin: auto;
}

.ContactForm form .form-group button:hover {
    background: #c35c34;
    color: #fff;
}

.ContactForm::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
}

.ContactForm .container {
    position: relative;
}

/* Contact Page Ends */

.admin-bar .CartSideBar {
    margin-top: 30px;
}

/* Memon Community Page Starts */

.MemonCommSection {
    padding: 50px 0px;
}

.MemonCommSection .row {
    display: flex;
    align-items: center;
}

.MemonCommSection .LeftCol {
    padding-right: 50px;
}

/* .MemonCommSection .LeftCol h1 {
    font-size: 44px;
    font-weight: bold;
    text-transform: uppercase;
} */

.MemonCommSection .LeftCol p {
    margin-bottom: 10px;
}

.MemonCommSection .LeftCol p:last-child {
    margin: 0;
}

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

.MemonCommSection .RightCol img {
    border-radius: 30px;
    width: 550px;
    max-width: 100%;
    margin: auto;
}

.MemonCommContent {
    background: url(https://wmo.arytech.io/wp-content/uploads/2025/04/487460976_1087044883462372_3147247250791662362_n.jpg);
    padding: 60px 0px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.MemonCommContent::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
    background: #EEE;
    background: linear-gradient(90deg, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 0.64) 70%);
}

.MemonCommContent p {
    width: 700px;
    max-width: 100%;
    margin-bottom: 15px;
    color: #000;
    position: relative;
}

.MemonCommContent p:last-child {
    margin-bottom: 0;
}

.MemonHistory {
    padding: 50px 0px;
}

.MemonHistory .ContentCol h3 {
    text-transform: uppercase;
    font-size: 30px;
}

.MemonHistory .ContentCol p {
    margin-bottom: 15px;
    font-size: 15px;
}

.ReferenceCommSection {
    padding: 0px 0px 40px 0px;
}

.ReferenceCommSection .row {
    display: flex;
    align-items: center;
}

.ReferenceCommSection .RightCol {
    text-align: center;
    max-height: 380px;
    overflow: hidden;
    border-radius: 30px;
}

.ReferenceCommSection .RightCol img {
    width: 100%;
    max-width: 100%;
}

.ReferenceCommSection .LeftCol {
    padding-left: 30px;
}

.ReferenceCommSection .LeftCol h3 {
    font-size: 26px;
    font-weight: bold;
}

.ReferenceCommSection .LeftCol ul {
    margin: 0;
}

.ReferenceCommSection .LeftCol ul li {
    margin-bottom: 10px;
}

.ReferenceCommSection .LeftCol ul li:last-child {
    margin: 0;
}

/* Memon Community Page Ends */

/* Chapters Page Starts */

.ChaptersListing {
    padding: 60px 0px;
}

.ChaptersListing .row {
    display: flex;
    justify-content: center;
}

.ChaptersListing .ChapterBox {
    background: #eeeeee57;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    border: solid 1px #ccc;
    margin-bottom: 30px;
    transition: .3s all;
    position: relative;
    min-height: 250px;
    cursor: pointer;
}

.ChaptersListing .ChapterBox .thumbnail {
    height: 100%;
    overflow: hidden;
}

.ChaptersListing .ChapterBox .thumbnail img {
    width: 100%;
    transition: .3s all;
}

.ChaptersListing .ChapterBox:hover {
    background: #eee;
    transform: translateY(-10px);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.40);
    /* padding-bottom: 40px; */
}

.ChaptersListing .ChapterBox .content h4 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    text-transform: uppercase;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}

.ChaptersListing .ChapterBox::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 100%) 0%, rgba(0, 0, 0, 0) 60%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: .7;
    transition: .3s all;
}

.ChaptersListing .ChapterBox:hover::before {
    opacity: 1;
}

.single-chapter .content-area {
    padding: 60px 0px;
}

.single-chapter .content-area table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.single-chapter .content-area th,
.single-chapter .content-area td {
    padding: 12px 16px;
    text-align: left;
}

.single-chapter .content-area thead {
    background-color: #c25c34;
    color: #ffffff;
}

.single-chapter .content-area tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.single-chapter .content-area tbody tr:hover {
    background-color: #e9ecef;
}

.tablepress>:where(thead, tfoot)>tr>* {
    background: unset !important;
    color: #fff !important;
}

.tablepress thead .dt-orderable-asc:hover,
.tablepress thead .dt-orderable-desc:hover,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
    background: unset !important;
}

.tablepress>:where(thead)+tbody>:where(:not(.child))>*,
.tablepress>tbody>*~:where(:not(.child))>*,
.tablepress>tfoot>:where(:first-child)>* {
    border: unset !important;
}

/* Chapters Page Ends */

/* Checkout Success Page Starts */

.CheckoutWrapper .CheckoutBox .DonationSuccess {
    padding: 15px;
    text-align: center;
    transform: translateY(20%);
}

.CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner {
    width: 400px;
    max-width: 100%;
    margin: auto;
}

.CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner i {
    font-size: 44px;
    color: #28c07d;
    margin-bottom: 20px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .45);
    border-radius: 50px;
}

.CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner h4 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 30px;
}

.CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner h6 {
    font-size: 18px;
    text-transform: capitalize;
}

.CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner p {
    margin: 0;
}

/* Checkout Success Page Ends */

/* Governance Documents Page Starts */

.GovernanceDocuments {
    padding: 60px 0px;
}

.GovernanceDocuments .SectionHeading {
    text-align: center;
    margin-bottom: 40px;
}

.GovernanceDocuments .SectionHeading h1 {
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 5px;
}

.GovernanceDocuments .SectionHeading h4 {
    font-size: 18px;
    background: #c35c34;
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    margin: 0;
}

.GovernanceDocuments .row {
    display: flex;
    justify-content: center;
}

.GovernanceDocuments .DocBox a {
    margin: auto;
    border: solid 1px #dddddd;
    margin-bottom: 20px;
    padding: 0px 30px 30px 30px;
    border-radius: 30px;
    width: 380px;
    color: #000;
    text-align: center;
    display: block;
    transition: .3s all;
}

.GovernanceDocuments .DocBox a:hover {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.55);
}

.GovernanceDocuments .DocBox h5 {
    background: #c35c34;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    border-radius: 0px 0px 10px 10px;
    padding: 3px 10px;
    margin-bottom: 20px;
    margin-top: -1px;
}

.GovernanceDocuments .DocBox h5 span {
    display: block;
    font-size: 14px;
}

.GovernanceDocuments .DocBox h3 {
    font-size: 24px;
    max-width: 250px;
    margin: auto;
}

/* Governance Documents Page Ends */

/* 404 Page Starts */

.ErrorPage {
    padding: 100px 0px;
    text-align: center;
}

.ErrorPage strong {
    font-size: 140px;
    font-weight: bolder;
    line-height: 130px;
    display: block;
}

.ErrorPage p {
    width: 500px;
    max-width: 100%;
    margin: auto;
    font-size: 18px;
}

.ErrorPage a {
    display: inline-block;
    background: unset;
    border: solid 1px #c35c34;
    color: #c35c34;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: 5px;
    font-weight: 600;
}

.ErrorPage a:hover {
    background: #c35c34;
    color: #fff;
}

/* 404 Page Ends */

/* Mobile Responsive CSS Starts */

@media only screen and (max-width: 768px) {
    .Header .topBar .topBarContact {
        display: none;
    }

    .Header .WebLogo {
        width: 25%;
    }

    .Header .HeaderRight {
        width: 75%;
    }

    .Header .topBar {
        padding: 5px 10px;
    }

    .gt_switcher .gt_selected a {
        font-size: 12px !important;
    }

    .gt_switcher a img {
        width: 20px;
        height: 20px;
    }

    .gtranslate_wrapper .gt_switcher .gt_selected,
    .gtranslate_wrapper .gt_switcher .gt_selected a,
    .gtranslate_wrapper .gt_switcher {
        width: 100px !important;
    }

    .Header .topBarRight {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .Header .MainNavBar {
        padding: 15px 10px 10px 10px;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    .Header .MainNavBar button.navbar-toggler {
        padding: 0;
        height: unset;
        outline: unset;
        line-height: unset;
    }

    .Header .MainNavBar button.navbar-toggler:active,
    .Header .MainNavBar button.navbar-toggler:focus {
        outline: none;
        border: unset;
        background: #000;
        color: #fff;
        box-shadow: unset;
    }

    .Header .MainNavBar #navbarCollapse {
        max-width: 100%;
        position: absolute;
        background: #fff;
        top: 60px;
        left: 0;
        z-index: 9999;
        width: 300px;
    }

    .Header .MainNavBar .HeaderBtn {
        width: unset;
    }

    .Header .MainNavBar .HeaderBtn a.nav-item {
        padding: 5px 10px;
        font-size: 14px;
    }

    .Header .MainNavBar #navbarCollapse a.nav-item {
        padding-left: 10px;
        border-bottom: solid 1px #eee;
    }

    .HeroSection .HeroSlider .row {
        height: 700px;
        display: flex;
        align-items: flex-start;
    }

    .HeroSection .HeroSlider .item {
        height: 700px;
    }

    .HeroSection .HeroSlider .HeroContent {
        padding: 60px 20px 0px 20px;
    }

    .HeroSection .HeroSlider .HeroContent h2 {
        font-size: 45px;
    }

    .HeroSection .HeroSlider .HeroContent h2 span {
        font-size: 34px;
    }

    .HeroSection .HeroSlider .HeroContent p {
        font-size: 18px;
    }

    .HeroSection .HeroSlider .HeroContent a {
        padding: 5px 10px;
        font-size: 15px;
    }

    .HeroDonation .DonateBox {
        width: 340px;
        max-width: 100%;
    }

    .HeroSection .HeroDonation .row {
        height: 700px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 20px;
    }

    .HeroSection .HeroSlider.slick-slider .slick-next,
    .HeroSection .HeroSlider.slick-slider .slick-prev {
        height: 25px !important;
        width: 25px !important;
    }

    .HeroDonation .DonateBox .BoxHeading {
        padding: 10px;
    }

    .HeroDonation .DonateBox .BoxHeading h4 {
        font-size: 18px;
    }

    .HeroDonation .DonateBox .BoxForm .form-group select,
    .HeroDonation .DonateBox .BoxForm .form-group input {
        font-size: 15px;
        padding: 5px;
        height: 40px;
    }

    .HeroDonation .DonateBox .BoxForm .AmountOptions button {
        font-size: 14px;
    }

    .HeroDonation .DonateBox .BoxForm button.submit {
        font-size: 15px;
    }

    .ProjectsSection {
        padding: 40px 0px;
    }

    .ProjectsSection .SectionHeading h5 {
        font-size: 18px;
    }

    .ProjectsSection .SectionHeading hr {
        margin: 5px auto;
    }

    .ProjectsSection .SectionHeading h2 {
        font-size: 28px;
    }

    .QuickDonate .QuickSticky {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: -13px;
        background: #c35c34;
        text-align: center;
        max-width: 150px;
        margin: auto;
        border-radius: 10px;
        padding: 7px 15px;
        font-size: 14px;
    }

    .QuickDonate .QuickDonateHeading {
        display: none;
    }

    .QuickDonate .QuickDonateForm form {
        display: flex;
        flex-wrap: wrap;
    }

    .QuickDonate .QuickDonateForm .form-group {
        width: 100%;
        margin-bottom: 10px;
    }

    .QuickDonate .QuickDonateForm .form-group select {
        height: 40px;
    }

    .QuickDonate .QuickDonateForm .form-group button[type=submit] {
        height: 40px;
        font-size: 15px;
    }

    .QuickDonate {
        padding: 40px 0px 15px 0px;
        overflow: unset;
        transition: .3s all;
    }

    .QuickDonate .container {
        position: unset;
    }

    .QuickDonate.Sticky {
        bottom: -230px !important;
    }

    .QuickDonate .QuickSticky i {
        transition: .3s all;
    }

    .QuickDonate.MobDonate {
        bottom: 0 !important;
    }

    .QuickDonate.MobDonate .QuickSticky i {
        transform: rotate(180deg);
    }

    .ProjectsSection .ProjectBox .ProjectThumbnail {
        height: 180px;
    }

    .ProjectsSection .ProjectBox .ProjectDesc h4 {
        font-size: 16px;
        height: 38px;
    }

    .ProjectsSection .ProjectBox .ProjectDesc p {
        height: 42px;
        overflow: hidden;
        min-height: unset;
    }

    .ProjectsSection .ProjectBox .ProjectGoalBar {
        padding: 10px;
    }

    .ProjectsSection .ProjectBox .ProjectBtn {
        padding: 10px;
    }

    .ProjectsSection .ProjectBox .ProjectBtn a {
        padding: 5px 10px;
        font-size: 14px;
    }

    .ProjectsSection .ProjectSlider .slick-dots {
        margin-top: 10px;
    }

    .CTASection {
        padding: 80px 0px;
    }

    .CounterSection {
        margin-top: 40px;
    }

    .CTASection .SectionContent h4 {
        font-size: 20px;
    }

    .CTASection .SectionContent a {
        padding: 5px 10px;
    }

    .CounterSection .CounterBox {
        padding: 30px 0px;
    }

    .CounterSection .CounterBox::before {
        height: 1px;
        width: 100%;
        bottom: unset;
    }

    .CounterSection .CounterBox h6 {
        margin-bottom: 0;
    }

    .CounterSection .CounterBox strong {
        font-size: 34px;
        line-height: 34px;
    }

    .BlogSection {
        padding: 40px 0px 20px 0px;
    }

    .BlogSection .SectionHeading h5 {
        font-size: 18px;
    }

    .BlogSection .SectionHeading hr {
        margin: 5px auto;
    }

    .BlogSection .SectionHeading h2 {
        font-size: 28px;
    }

    .BlogSection .BlogBox {
        margin-bottom: 20px;
    }

    .BlogSection .BlogBox .BlogThumbnail {
        height: 180px;
    }

    .BlogSection .BlogBox .BlogThumbnail img {
        height: auto;
        width: 100%;
    }

    .BlogSection .BlogBox .BlogAuthor {
        padding: 5px 10px;
    }

    .BlogSection .BlogBox .BlogAuthor {
        font-size: 12px;
    }

    .BlogSection .BlogBox .BlogContent a h5 {
        font-size: 18px;
    }

    .BlogSection .BlogBox .BlogContent p {
        font-size: 14px;
    }

    .CategorySection .CategoryBox {
        margin-bottom: 20px;
    }

    .CategorySection .CategoryBox .CategoryContent a h4 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .CategorySection .CategoryBox .CategoryContent p {
        font-size: 12px;
        line-height: 15px;
    }

    .ServingSection {
        padding: 0px 0px 30px 0px;
        background: unset;
    }

    .ServingSection .VideoCol {
        float: unset;
        width: 100%;
        right: unset;
    }

    .ServingSection .RightContent {
        padding: 20px 0px;
    }

    .ServingSection .RightContent .SectionHeading {
        margin-bottom: 10px;
    }

    .ServingSection .RightContent .SectionHeading h2 {
        font-size: 34px;
    }

    .ServingSection .RightContent .WMOFeatures ul {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .ServingSection .RightContent .WMOFeatures ul li {
        width: unset;
    }

    .ServingSection .RightContent .OtherContent h3 {
        font-size: 20px;
    }

    .ServingSection .RightContent .OtherContent p {
        font-size: 14px;
        max-width: 100%;
    }

    .ServingSection .RightContent .OtherContent a {
        padding: 5px 10px;
        font-size: 14px;
    }

    .Footer {
        padding: 30px 0px 0px 0px;
    }

    .Footer .AboutCol,
    .Footer .FooterMenu,
    .Footer .ContactMenu ul {
        padding: 0;
        margin-bottom: 15px;
        border-bottom: solid 1px #ffffff4f;
        padding-bottom: 15px;
    }

    .Footer .AboutCol h6,
    .Footer .FooterMenu h6,
    .Footer .ContactMenu h6,
    .Footer .NewsletterCol h6 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .Footer .AboutCol p {
        font-size: 14px;
    }

    .Footer .AboutCol a {
        padding: 7px 10px;
        font-size: 14px;
    }

    .Footer .FooterMenu ul li a {
        font-size: 14px;
    }

    .Footer .ContactMenu ul li a {
        font-size: 14px;
    }

    .Footer .ContactMenu ul li span {
        font-size: 12px;
    }

    .Footer .NewsletterCol p {
        font-size: 14px;
    }

    .Footer .NewsletterCol {
        margin-bottom: 15px;
    }

    .FooterBottom .FooterBottomContent {
        font-size: 14px;
    }

    .FooterBottom {
        padding: 10px 0px 30px 0px;
    }

    .CartSideBar {
        width: 300px;
        max-width: 100%;
    }

    .CartSideBar .SideBar .Heading h2 {
        font-size: 16px;
        line-height: 14px;
    }

    .CartSideBar .SideBar .Heading span {
        font-size: 10px;
    }

    .CartSideBar .SideBar .Heading .close {
        font-size: 18px;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    .CartSideBar .Cartitems {
        padding: 10px 5px;
    }

    .CartSideBar .Cartitems .ItemDetail .thumbnail {
        width: 50px;
        height: 50px;
        display: block;
    }

    .CartSideBar .Cartitems .ItemDetail .thumbnail img {
        height: 100%;
    }

    .CartSideBar .Cartitems h5 {
        font-size: 13px;
        min-width: 130px;
        max-width: 130px;
    }

    .CartSideBar .Cartitems .ItemDetail strong {
        font-size: 14px;
    }

    .CartSideBar .SideBarTotal {
        width: 300px;
    }

    .CartSideBar .AdditionalItems {
        padding: 5px;
    }

    .CartSideBar .AdditionalItems h4 {
        font-size: 15px;
    }

    .CartSideBar .AdditionalItems .iteminner strong {
        font-size: 15px;
    }

    .CartSideBar .SideBarTotal .SideBarBtns a {
        font-size: 14px;
    }

    .CheckoutWrapper {
        padding: 30px 0px;
    }

    .CheckoutWrapper .CheckoutBox,
    .CheckoutWrapper .AdditionalCol {
        min-height: auto;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutSteps {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutSteps .Step.active {
        border-radius: 10px;
        width: 100%;
        display: flex;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutSteps .Step {
        display: none;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutSteps .Step .icon {
        font-size: 16px;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutSteps .Step .text {
        font-size: 16px;
    }

    .CheckoutWrapper .CartCounting {
        margin: 5px auto;
        text-align: center;
        display: inline-block;
        width: 100%;
    }

    .CheckoutWrapper #cart-container {
        padding: 5px;
    }

    .CheckoutWrapper .CheckoutItems .Items {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .CheckoutWrapper .CheckoutItems .Items .thumbnail {
        width: 15%;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutBottom {
        position: unset;
    }

    .CheckoutWrapper .CheckoutItems .ItemContent {
        width: 85%;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow {
        display: flex;
        flex-wrap: wrap;
        justify-content: unset;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow .ItemTitle h6 {
        font-size: 14px;
        width: 100%;
        height: 18px;
        overflow: unset;
        line-height: 16px;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow .quantity-controls button {
        height: 25px;
        width: 25px;
        line-height: 25px;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow .quantity-controls input {
        height: 25px;
        font-size: 14px;
        max-width: 40px;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow .ItemTitle {
        width: 100%;
        margin-bottom: 5px;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow .ItemPrice {
        font-size: 16px;
        margin: 0px 20px;
    }

    .CheckoutWrapper .CheckoutItems .ContentRow .ActionBtns a.RepeatBtn {
        font-size: 12px;
        margin-right: 5px;
    }

    .CheckoutWrapper .CheckoutItems .QuesRow label {
        font-size: 14px;
        margin: 0;
    }

    .CheckoutWrapper .CheckoutItems .QuesRow input {
        width: 100%;
        font-size: 14px;
        padding: 3px;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeRow {
        padding: 5px 10px;
        display: block;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeRow h5 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeBtns {
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        flex-direction: row;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn {
        width: 33.33%;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeBtns .icon {
        display: none;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn .fa-circle-check {
        margin: 0;
        display: none;
    }

    .CheckoutWrapper .CheckoutBox .DonationTypeBtns .PeriodBtn strong {
        font-size: 14px;
        line-height: 17px;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutTotal {
        padding: 10px 15px;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutTotal .GrandTotal h5 {
        font-size: 14px;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutTotal .GrandTotal {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutTotal .NextBtn a {
        margin-top: 5px;
    }

    .CheckoutWrapper .AdditionalCol {
        margin-top: 15px;
    }

    .CheckoutWrapper .AdditionalCol .Heading {
        padding: 10px;
    }

    .CheckoutWrapper .AdditionalCol .Heading h3 {
        font-size: 15px;
    }

    .CheckoutWrapper .AdditionalCol .AdditionalItems {
        padding-bottom: 40px;
        gap: 10px;
    }

    .CheckoutWrapper .AdditionalCol .AdditionalItems .items {
        width: 48%;
    }

    .CheckoutWrapper .AdditionalCol .AdditionalItems .items h5 {
        height: 34px;
        font-size: 13px;
        padding: 0px 5px;
        margin: 3px auto;
    }

    .CheckoutWrapper .AdditionalCol .AdditionalItems .add-btn {
        margin: 0 auto 5px auto;
        padding: 3px 20px;
        font-size: 14px;
    }

    .CheckoutWrapper .CheckoutBox .DonorForm {
        padding: 10px 10px 0px 10px;
    }

    .CheckoutWrapper .CheckoutBox .DonorForm .form-group input,
    .CheckoutWrapper .CheckoutBox .DonorForm .form-group textarea,
    .CheckoutWrapper .CheckoutBox .DonorForm .form-group select {
        padding: 8px;
        font-size: 14px;
    }

    .CheckoutWrapper .CheckoutBox .DonorForm .form-group {
        margin-bottom: 10px;
    }

    .CheckoutWrapper .CheckoutBox .DonorForm .form-group label {
        font-size: 14px;
    }

    .CheckoutWrapper .chapter-selection-chk {
        padding: 0px 10px 180px 10px;
        font-size: 14px;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutBottom .NavBtnRow {
        display: flex;
        align-items: flex-end;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutBottom .NavBtnRow .col-md-6 {
        width: 50%;
    }

    .CheckoutWrapper .CheckoutBox .CheckoutBottom .NavBtnRow a {
        font-size: 14px;
        margin-top: 10px;
    }

    .CheckoutWrapper .AdditionalCol .CheckoutGallery {
        padding: 10px 0px 15px 0px;
        gap: 10px;
    }

    .CheckoutWrapper .AdditionalCol .CheckoutGallery .Image {
        width: 30%;
    }

    .CheckoutWrapper #GiftAidContent .TitleAndIcon i.fa-solid.fa-gift {
        font-size: 24px;
    }

    .CheckoutWrapper .GiftAidTitle {
        font-size: 40px;
    }

    .CheckoutWrapper .CheckoutBox .PaymentLoader img {
        max-width: 50px;
        margin-bottom: 10px;
    }

    .CheckoutWrapper .CheckoutBox .PaymentLoader .PaymentText {
        font-size: 18px;
    }

    .CheckoutWrapper .CheckoutBox .DonationSuccess {
        transform: unset;
        padding: 10px 10px 20px 10px;
    }

    .CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner i {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner h4 {
        font-size: 22px;
    }

    .CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner h6 {
        font-size: 16px;
    }

    .CheckoutWrapper .CheckoutBox .DonationSuccess .SuccessInner p {
        font-size: 14px;
    }

    .AboutDescription {
        padding: 20px 0px;
    }

    .AboutDescription .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .AboutDescription .LeftCol {
        padding: 10px 0px;
    }

    .AboutDescription .LeftCol h2 {
        font-size: 36px;
        margin-top: 5px;
    }

    .AboutDescription .LeftCol p {
        font-size: 14px;
        margin: 0;
    }

    .CommunitySection {
        padding: 30px 0px 30px 0px;
    }

    .CommunitySection h4 {
        font-size: 36px;
        margin-top: 5px;
    }

    .CommunitySection .RightCol p {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .AbtVideo {
        margin: 0;
        padding-top: 30px;
    }

    .AbtVideo .AbtVidInner {
        width: 100%;
        border-radius: 15px;
    }

    .Abt3rdSec {
        margin: 30px 0px;
        padding: 30px 0px;
    }

    .Abt3rdSec .AbtContentBox {
        margin-bottom: 20px;
        padding: 20px;
    }

    .Abt3rdSec .AbtContentBox h3 {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .Abt3rdSec .AbtContentBox p {
        font-size: 14px;
    }

    .Abt3rdSec .col-md-4:last-child .AbtContentBox {
        margin-bottom: 0;
    }

    .PageTitle {
        padding: 80px 0px;
    }

    .PageTitle h2 {
        font-size: 30px;
    }

    .PageTitle::before {
        opacity: .7;
    }

    .MemonCommSection {
        padding: 20px 0px;
    }

    .MemonCommSection .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .MemonCommSection .RightCol img {
        border-radius: 20px;
    }

    .MemonCommSection .LeftCol {
        padding: 10px 0px 0px 0px;
    }

    .MemonCommSection .LeftCol p {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .MemonCommContent::before {
        background: linear-gradient(180deg, rgba(238, 238, 238, 1) 56%, rgb(238 238 238 / 15%) 140%);
    }

    .MemonCommContent {
        padding: 20px 0px 150px 0px;
        background-size: contain;
        background-position: bottom center;
    }

    .MemonCommContent p {
        font-size: 14px;
    }

    .MemonHistory {
        padding: 30px 0px;
    }

    .MemonHistory .ContentCol h3 {
        font-size: 26px;
        font-weight: bold;
    }

    .MemonHistory .ContentCol p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .ReferenceCommSection {
        padding: 0px 0px 20px 0px;
    }

    .ReferenceCommSection .RightCol {
        max-height: 250px;
        border-radius: 20px;
    }

    .ReferenceCommSection .LeftCol {
        padding: 15px 0px 0px 0px;
    }

    .ReferenceCommSection .LeftCol h3 {
        font-size: 20px;
    }

    .ReferenceCommSection .LeftCol ul {
        font-size: 14px;
    }

    .TheMemonBooks {
        padding: 30px 0px;
    }

    .TheMemonBooks .BookPDF {
        max-width: 100%;
    }

    .TheMemonBooks .col-md-3 {
        width: 50%;
    }

    .AnnualReports {
        padding: 30px 0px;
    }

    .AnnualReports .ReportsNav ul {
        margin-bottom: 20px;
        gap: 10px;
    }

    .AnnualReports .Report {
        padding: 10px;
        width: 30%;
    }

    .AnnualReports .Report strong {
        font-size: 20px;
    }

    .ProjectsSection.ProjectGrids .campaign-item {
        width: 100%;
        padding: 0;
    }

    .ProjectsSection.ProjectGrids .ProjectBox .ProjectDesc h4 {
        height: 20px;
    }

    .ProjectsSection.ProjectGrids .ProjectBox .ProjectDesc p {
        min-height: unset;
    }

    .ProjectsSection.ProjectGrids .ProjectBox .ProjectValues h3 {
        font-size: 16px;
    }

    .MemberShipDescription p {
        padding: 0px 10px;
        font-size: 15px;
    }

    .MemberShipDescription a {
        margin: 5px 0px;
        font-size: 15px;
    }

    .MembershipListWrap .MembershipList .content {
        padding: 10px;
        font-size: 16px;
    }

    .ContactSection1 {
        padding: 30px 0px;
    }

    .ContactSection1 .LeftCol .SectionHeading h2 {
        font-size: 36px;
    }

    .ContactSection1 .LeftCol {
        padding: 0;
    }

    .ContactSection1 .LeftCol p.description {
        font-size: 14px;
    }

    .ContactSection1 ul.RightCol {
        padding: 0;
        margin: 0;
    }

    .ContactSection1 ul.RightCol li {
        margin-bottom: 15px;
    }

    .ContactSection1 ul.RightCol li strong {
        font-size: 16px;
    }

    .ContactSection1 ul.RightCol li a {
        font-size: 14px;
    }

    .ContactForm {
        padding: 50px 0px;
    }

    .ContactForm .fluentform {
        padding: 0;
    }

    .ContactForm form {
        padding: 20px;
    }

    .ContactForm .fluentform input {
        font-size: 15px;
        padding: 8px;
    }

    .ContactForm .fluentform .ff-btn-submit {
        font-size: 15px;
    }

    .GovernanceDocuments {
        padding: 40px 0px;
    }

    .GovernanceDocuments .SectionHeading {
        margin-bottom: 20px;
    }

    .GovernanceDocuments .SectionHeading h1 {
        font-size: 32px;
    }

    .GovernanceDocuments .SectionHeading h4 {
        font-size: 14px;
        padding: 7px 10px;
    }

    .GovernanceDocuments .DocBox a {
        width: 100%;
    }

    .GovernanceDocuments .DocBox h5 {
        font-size: 16px;
    }

    .GovernanceDocuments .DocBox h5 span {
        font-size: 12px;
    }

    .GovernanceDocuments .DocBox h3 {
        font-size: 20px;
    }

    .ChaptersListing {
        padding: 40px 0px;
    }

    .ChaptersListing .ChapterBox {
        margin-bottom: 15px;
    }

    .ChaptersListing .ChapterBox .content h4 {
        font-size: 16px;
    }

    .ChaptersListing .ChapterBox .content a {
        position: relative;
        bottom: unset;
        font-size: 14px;
    }

    .ErrorPage {
        padding: 50px 0px;
    }

    .ErrorPage strong {
        font-size: 70px;
        line-height: 70px;
    }

    .ErrorPage p {
        font-size: 15px;
        padding: 0px 10px;
    }
}

/* Mobile Responsive CSS Ends */

/* Donor Dashboard Starts */

.page-template-page-donor-dashboard {
    background: #f1f1f1;
}

.DashboardWrap {
    display: flex;
    margin: 40px 0px;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    height: 100vh;
    max-height: 600px;
}

.DashboardWrap .sidebar {
    width: 20%;
    background: #1e1e1e;
    color: white;
    height: 100%;
    padding: 20px;
}

.DashboardWrap .content {
    flex-grow: 1;
    width: 80%;
}

.DashboardWrap .sidebar h2 {
    text-align: center;
}

.DashboardWrap .sidebar a {
    display: block;
    color: white;
    text-decoration: none;
    margin: 10px 0;
    padding: 10px;
    background: #2f2f2f;
    border-radius: 5px;
    border-left: solid 9px #2f2f2f;
}

.DashboardWrap .sidebar a:hover {
    background: #cc6e42;
}

.DashboardWrap table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 14px;
}

.DashboardWrap table,
.DashboardWrap th,
.DashboardWrap td {
    border: 1px solid #ddd;
}

.DashboardWrap th,
.DashboardWrap td {
    padding: 10px;
    text-align: left;
}

.DashboardWrap .sidebar .logo {
    text-align: center;
    margin-bottom: 15px;
    background: #eee;
    padding: 10px;
    border-radius: 15px;
}

.DashboardWrap .sidebar .logo img {
    width: 130px;
    margin: auto;
    display: block;
}

.DashboardWrap .sidebar .sidebarHeading {
    margin-bottom: 15px;
}

.DashboardWrap .sidebar .sidebarHeading h3 {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.DashboardWrap .sidebar .sidebarHeading h4 {
    font-size: 16px;
    text-align: center;
}

.DashboardWrap .sidebar .sidebarHeading h4 span {
    display: block;
    background: #3f3f3f;
    padding: 5px;
    border-radius: 10px;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 5px;
}

.DashboardWrap .sidebar .sidebarNav .nav {
    display: block;
    border-radius: 5px;
    width: 100%;
    margin: 0;
}

.DashboardWrap .sidebar a.active {
    border-left: solid 9px #cc6e42;
}

.DashboardWrap .TopBar {
    background: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
}

.DashboardWrap .TopBar .pageTitle h4 {
    font-size: 20px;
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
}

.DashboardWrap .ContentWrapper {
    padding: 0px 15px;
}

.DashboardWrap .ContentWrapper .ProgressBox {
    border-radius: 15px;
    background: #f1f1f1;
    padding: 15px;
    border: solid 1px #c1c1c1;
}

.DashboardWrap .ContentWrapper .ProgressBox h4 {
    font-size: 16px;
}

.DashboardWrap .ContentWrapper .ProgressBox strong {
    font-size: 24px;
}

.DonationHistory {
    padding-top: 15px;
}

.DonationHistory .heading h2 {
    font-size: 20px;
    font-weight: bold;
}

.DonationHistory table img {
    max-width: 70px;
}

.BioDashbaord #bioForm button.btn {
    background: #c35c34;
    border-color: #c35c34;
}

.DonationDetailContainer {
    overflow-y: scroll;
    max-height: 550px;
    padding-bottom: 50px;
}

.DonationDetailContainer h4 {
    margin: 0;
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
}

.DonationDetailContainer .RowData {
    display: flex;
    gap: 15px;
}

.DonationDetailContainer .RowData .Item {
    background: #eee;
    border-radius: 15px;
    padding: 30px 15px;
    width: 33.33%;
}

.DonationDetailContainer .RowData .Item .Label {
    font-weight: bold;
}

.DonationDetailContainer hr {
    margin: 10px 0px;
}

/* Donor Dashboard Ends */

/* Executive Committee Page Starts */

.ECommitteeSection {
    padding: 50px 0px;
}

.ECommitteeSection .SectionHeading {
    margin-bottom: 30px;
    text-align: center;
}

.ECommitteeSection .SectionHeading h2 {
    background: #c25c34;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
    margin: 0;
    font-weight: bold;
}

.ECommitteeSection .CommitteeBox {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
    border-bottom: solid 1px #c35c34;
    padding-bottom: 30px;
}

.ECommitteeSection .CommitteeBox:last-child {
    border: unset;
}

.ECommitteeSection .CommitteeBox .Thumbnail {
    width: 400px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.ECommitteeSection .CommitteeBox .Thumbnail img {
    width: 100%;
    transition: .3s all;
}

.ECommitteeSection .CommitteeBox:hover .Thumbnail img {
    transform: scale(1.1);
}

.ECommitteeSection .CommitteeBox .Content h4 {
    margin: 0;
    font-size: 26px;
    font-weight: bold;
}

.ECommitteeSection .CommitteeBox .Content span {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ECommitteeSection .CommitteeBox .Content p {
    margin-bottom: 10px;
}

.ECommitteeSection .CommitteeBox .Content .PopupDesc {
    display: none;
}

.ECommitteeSection .CommitteeBox .Content .PopUpBtnDesc {
    background: #c25c34;
    padding: 3px 10px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

/* Executive Committee Page Starts */

/* Global Ladies Wing Page Starts */

.CommitteTable {
    padding: 60px 0px;
}

.CommitteTable table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.CommitteTable th,
.CommitteTable td {
    padding: 12px 16px;
    text-align: left;
}

.CommitteTable thead {
    background-color: #c25c34;
    color: #ffffff;
}

.CommitteTable tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.CommitteTable tbody tr:hover {
    background-color: #e9ecef;
}

/* Global Ladies Wing Page Ends */

/* Investment Page Starts */

.InvestmentTable {
    padding: 60px 0px 30px 0px;
}

.InvestmentTable table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.InvestmentTable th,
.InvestmentTable td {
    padding: 12px 16px;
    text-align: left;
}

.InvestmentTable thead {
    background-color: #c25c34;
    color: #ffffff;
}

.InvestmentTable tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.InvestmentTable tbody tr:hover {
    background-color: #e9ecef;
}

.InvestmentContent {
    padding-bottom: 60px;
}

.InvestmentContent .SectionHeading h1 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
}

.InvestmentContent ul {
    margin: 0;
}

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

/* Investment Page Ends */

/* Project Detail Page Starts */

.DonationSingle {
    padding: 60px 0px;
}

.DonationSingle .DonationInnerForm {
    text-align: center;
    display: block;
    position: sticky;
    top: 20px;
}

.DonationSingle .SideBarForm {
    background: #eee;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    overflow: hidden;
}

.DonationSingle .SideBarForm .FormHeading {
    background: #c25c34;
    color: #fff;
    padding: 10px 0px;
}

.DonationSingle .SideBarForm .FormHeading h3 {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
}

.DonationSingle .SideBarForm .BoxForm {
    padding: 15px;
}

.DonationSingle .SideBarForm .BoxForm .form-group {
    margin-bottom: 15px;
}

.DonationSingle .SideBarForm .BoxForm .form-group select,
.DonationSingle .SideBarForm .BoxForm .form-group input {
    width: 100%;
    border: solid 1px #ccc;
    padding: 10px 5px;
    font-size: 17px;
    border-radius: 5px;
    color: #757575;
    font-weight: 500;
    height: 46px;
}

.DonationSingle .SideBarForm .BoxForm .AmountOptions {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.DonationSingle .SideBarForm .BoxForm .AmountOptions button {
    border: solid 2px #ccc;
    border-radius: 5px;
    padding: 4px 10px;
    margin: 0px 2px;
    background: unset;
    width: 100%;
    color: #757575;
}

.DonationSingle .SideBarForm .BoxForm .AmountOptions button:active,
.DonationSingle .SideBarForm .BoxForm .AmountOptions button:hover {
    background: #212226;
    color: #fff;
    border-color: #212226;
}

.DonationSingle .SideBarForm .BoxForm .CurrencySwitcher {
    width: 15%;
    display: inline-block;
    padding-left: 0px;
}

.DonationSingle .SideBarForm .BoxForm .CurrencyInput {
    display: inline-block;
    width: 85%;
    float: right;
    padding-left: 10px;
}

.DonationSingle .SideBarForm .BoxForm button.submit {
    background: #c35c34;
    border: solid 2px #c35c34;
    width: 100%;
    display: block;
    margin: auto;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

.DonationSingle .SideBarForm .BoxForm button.submit:hover {
    background: unset;
    color: #000;
}

/* Project Detail Page Ends */

.pagination {
    text-align: center;
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.pagination a, .pagination span {
    padding: 3px 5px;
    min-width: 25px;
    border: solid 1px #000;
    border-radius: 5px;
    display: inline-block;
    color: #000;
    margin: 0px 3px;
}

.pagination .current {
    background: #c35c34;
    color: #fff;
    border-color: #c35c34;
}

/* Thank You Page Starts */

.ThankYouPage {
    padding: 60px 0px;
    text-align: center;
    background: url(https://wmo.arytech.io/wp-content/uploads/2025/05/487316202_1087220903444770_3487775682402575938_n.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.ThankYouPage::before {
    content: '';
    background: #000;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
}

.ThankYouPage .Content {
    width: 600px;
    margin: auto;
    background: #ffffff;
    border-radius: 30px;
    padding: 30px;
    max-width: 100%;
    box-shadow: 0px 2px 10px 1px #00000038;
    position: relative;
    z-index: 2;
}

.ThankYouPage .Content i {
    font-size: 50px;
    margin-bottom: 20px;
    color: #58af55;
}

.ThankYouPage .Content h1 {
    font-weight: 700;
    font-size: 30px;
}

.ThankYouPage .Content ul {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ThankYouPage .Content ul li {
    margin: 0px 5px;
    display: inline-block;
}

.ThankYouPage .Content ul li a {
    padding: 5px 10px;
    border: solid 1px #c35c34;
    display: inline-block;
    background: #c35c34;
    color: #fff;
    border-radius: 5px;
    min-width: 100px;
}

.ThankYouPage .Content ul li a:hover {
    background: unset;
    color: #000;
}

/* Thank You Page Ends */

/* Privacy Notice Page Starts */

.PrivacyNoticeSection {
    padding: 60px 0px;
}

.PrivacyNoticeSection .Content {
    max-height: 800px;
    overflow-y: scroll;
    box-shadow: 1px 1px 12px 0px #00000047;
    padding: 15px;
    border-radius: 20px;
}

.PrivacyNoticeSection .Content h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
}

.PrivacyNoticeSection .Content p {
    margin-bottom: 10px;
    font-size: 15px;
}

.PrivacyNoticeSection .Content p a {
    color: #000;
    text-decoration: underline;
}

/* Privacy Notice Page Ends */

/* Privacy Policy Page Starts */

.PrivacyPolicySection {
    padding: 60px 0px;
}

.PrivacyPolicySection .Content {
    max-height: 800px;
    overflow-y: scroll;
    box-shadow: 1px 1px 12px 0px #00000047;
    padding: 15px;
    border-radius: 20px;
}

.PrivacyPolicySection .Content h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
}

.PrivacyPolicySection .Content p {
    margin-bottom: 10px;
    font-size: 15px;
}

.PrivacyPolicySection .Content p a {
    color: #000;
    text-decoration: underline;
}

/* Privacy Policy Page Ends */