/* ----------------------------------------
    Stylesheet Guide
 ------------------------------------------

    1. Base
        1.1 Reset
        1.2 Global
        1.3 Typography
        1.4 Headings
        1.5 Paragraphs
        1.6 Links
        1.7 Utils classes
    2. Layout
        2.2 Preloader
        2.3 Critical full screen message
        2.4 Header
        2.5 Navigation
        2.6 Breadcrumb
        2.7 Sections
        2.8 Sidebar
        2.9 Widgets
        2.10 Tags
        2.11 Calendar
        2.12 Recent Comments
        2.13 Sponsors widget
        2.14 Footer
        2.15 Grid
        2.16 Modals
        2.17 Responsive Iframe
        2.18 Comments
    3. Components
        3.1 Social icons
        3.2 Dropcaps
        3.3 Alert Boxes
        3.4 Lists
            3.4.1 Icon list
            3.4.2 Vertical list
            3.4.3 Horizontal list
        3.5 Blockquotes
        3.6 Buttons
        3.7 Panels (Accordions & Toggles)
        3.8 Tabs & Tour Sections
        3.9 Pagination
        3.10 Progress Bars
        3.11 Counters
        3.12 Tooltips
        3.13 Team Members
        3.14 Tables
            3.14.1 Pricing Tables
        3.15 Banners
        3.16 Icon boxes
        3.17 Entities
        3.18 Carousels
        3.19 Call to Actions
        3.20 Rating
        3.21 Testimonials
            3.21.1 Author
        3.22 Instafeed
        3.23 Sliders
        3.24 Google Map
        3.25 Forms
        3.26 Placeholder
        3.27 Range Slider
        3.28 Checkbox & Radio
        3.29 Select
        3.30 Counter
        3.31 Products
        3.32 Label
        3.33 Textarea
        3.34 Form Groups
        3.35 Single Field Form
        3.36 Colorizer
        3.37 Gallery
        3.38 Countdown
        3.39 Dropdown
        3.40 Twitter Feed
    4. Pages
        4.1 Pages custom elements
        4.2 Events
        4.3 404 Page
        4.4 Coming Soon Page

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

/* ----------------------------------------
    1. Base
 ---------------------------------------- */

/* ----------------------------------------
        Reset
     ---------------------------------------- */

     * {
        margin: 0;
        padding: 0;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
        display: block;
    }
    
    mark, rp, rt, ruby, summary, time {
        display: inline;
    }
    
    a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var {
        background: transparent;
        border: 0 none;
        font-weight: inherit;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: top;
    }
    
    a {
        text-decoration: none;
        outline: none !important;
        vertical-align: baseline;
    }
    
    b, strong {
        font-weight: bold;
    }
    
    ul, ol {
        list-style: none;
    }
    
    q {
        quotes: none;
    }
    
    table, table td {
        padding: 0;
        border: none;
        border-collapse: collapse;
    }
    
    img {
        vertical-align: top;
        max-width: 100%;
    }
    
    embed {
        vertical-align: top;
    }
    
    input, textarea {
        font-family: inherit;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    
    input, button {
        -webkit-appearance: none;
        outline: none;
        background: transparent;
    }
    
    button::-moz-focus-inner {
        border: 0;
    }
    
    th {
        text-align: left;
    }
    
    textarea {
        outline: none !important;
    }
    
    button {
        font-family: inherit;
        cursor: pointer;
        color: inherit;
    }
    
    html, body {
        min-height: 100%;
    }
    
    fieldset, legend, label, select, input, textarea, form, button, optgroup {
        -webkit-appearance: none !important;
    }
    
    i, .fa, .fab, .fal, .far, .fas, .material-icons-outlined, .material-icons {
        line-height: inherit;
    }
    
    /* ----------------------------------------
            Global
        ---------------------------------------- */
    
    .mad-page-wrapper {
        overflow: hidden;
    }
    
    body {
        overflow-x: hidden;
        overflow-y: initial !important;
    }
    
    html {
        overflow-y: initial !important;
    }
    
    ::-webkit-selection {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    ::-moz-selection {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    ::selection {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    mark {
        color: var(--color-neutral-0);
        background-color: var(--color-neutral);
    }
    
    mark.style-2 {
        color: var(--color-neutral-80);
        background-color: var(--color-neutral-15);
    }
    
    .clearfix::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .page-wrapper {
        overflow: hidden;
    }
    
    [data-bg-image-src] {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .animated {
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
    }
    
    .w-100 {
        width: 100%;
    }
    
    /* ----------------------------------------
            Typography
        ---------------------------------------- */
    
    :root {
        font-size: 16px;
        --color-primary: #F36A4F;
        --color-primary-darker: #D7563D;
        --color-primary-lighter: #FF8870;
        --color-primary-50: #F9B5A7;
        --color-primary-25: #FCD9D3;
        --color-primary-10: #FEF1EE;
        --color-primary-5: #FEF7F6;
        --color-neutral: #0D0D0D;
        --color-neutral-80: #3D3D3D;
        --color-neutral-60: #6E6E6E;
        --color-neutral-40: #9E9E9E;
        --color-neutral-20: #CFCFCF;
        --color-neutral-15: #DBDBDB;
        --color-neutral-10: #E7E7E7;
        --color-neutral-5: #F3F3F3;
        --color-neutral-0: #fff;
        --color-secondary: #734F48;
        --color-secondary-80: #8F726D;
        --color-secondary-60: #AB9591;
        --color-secondary-40: #C7B9B6;
        --color-secondary-20: #E3DCDA;
        --color-secondary-10: #F1EEED;
        --color-secondary-5: #F8F6F6;
        --br-main: 1rem;
    }
    
    body {
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        -webkit-text-size-adjust: 100%;
        font-weight: 400;
        color: var(--color-neutral-80);
    }
    
    address:not(:last-child) {
        margin-bottom: 1.625rem;
    }
    
    q, kbd, strong, em, tt, var, span, del, big, small {
        vertical-align: baseline;
    }
    
    /* ----------------------------------------
                Headings
            ---------------------------------------- */
    
    h1, h2, h3, h4, h5, h6 {
        color: var(--color-neutral);
        font-family: 'Arima Madurai', cursive;
        font-weight: bold;
        letter-spacing: -0.85px;
    }
    
    h1:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    h2:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    h3:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    h4:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    h5:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    h6:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    h1 {
        font-size: 4.5rem;
        line-height: 5rem;
    }
    
    h2 {
        font-size: 3.5rem;
        line-height: 4rem;
        letter-spacing: -2px;
    }
    
    h3 {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    
    h4 {
        font-size: 2.25rem;
        line-height: 3rem;
    }
    
    h5 {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    h6 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .mad-title-wrap:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    .mad-title-wrap h2:last-child,
    .mad-title-wrap .mad-pre-title:last-child {
        padding-bottom: 1rem;
    }
    
    .mad-title-wrap {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    .mad-title-wrap .mad-title-row {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
    }
    
    .mad-title-wrap .mad-title:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-pre-title {
        font-size: 1rem;
        line-height: 1rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
        position: relative;
        align-items: center;
        color: var(--color-secondary);
    }
    
    .mad-pre-title:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-title span {
        font-style: italic;
    }
    
    /* ----------------------------------------
                Paragraphs
            ---------------------------------------- */
    
    p {
        line-height: inherit;
    }
    
    p:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    p.mad-text-small:not(:last-child) {
        margin-bottom: 1.3125rem;
    }
    
    .mad-custom-text {
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-weight: 600;
        font-style: italic;
        color: var(--color-secondary);
    }
    
    .mad-text-mini {
        font-size: 0.8125rem;
        line-height: 1rem;
        letter-spacing: -0.75px;
    }
    
    .mad-text-small {
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
    
    .mad-text-normal {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .mad-text-medium {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    .mad-text-big {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    
    .mad-fw-medium {
        font-weight: 500;
    }
    
    .mad-text-color-2 {
        color: var(--color-neutral-60);
    }
    
    .mad-text-color-3 {
        color: var(--color-secondary);
    }
    
    .mad-text-color-4 {
        color: var(--color-secondary-20);
    }
    
    .mad-text-color-5 {
        color: var(--color-secondary-5);
    }
    
    .mad-text-color-6 {
        color: var(--color-neutral);
    }
    
    /* ----------------------------------------
                Links
            ---------------------------------------- */
    
    a {
        color: inherit;
    }
    
    .mad-ulink:hover {
        text-decoration: underline;
    }
    
    .mad-link, a, button {
        transition: all .5s ease;
    }
    
    .mad-link {
        color: var(--color-primary);
    }
    
    .mad-link.size-2 {
        font-family: 'Arima Madurai', cursive;
        font-size: 1.125rem;
    }
    
    .mad-link:hover {
        color: var(--color-primary-lighter);
    }
    
    /* ----------------------------------------
                Icons
            ---------------------------------------- */
    
    [class*="mad-font-icon"] {
        line-height: 1;
    }
    
    /* ----------------------------------------
            Utils classes
        ---------------------------------------- */
    
    .mad-d-none {
        display: none;
    }
    
    .mad-fw-semi {
        font-weight: 600;
    }
    
    .mad-fw-bold {
        font-weight: bold;
    }
    
    .mad-tt-uppercase {
        text-transform: uppercase;
    }
    
    .mad-d-down-xxxl-none {
        display: none;
    }
    
    .mad-fw-down-xxxl-bold {
        font-weight: bold;
    }
    
    .alignleft {
        float: left;
    }
    
    .alignright {
        float: right;
    }
    
    .align-left {
        text-align: left;
    }
    
    .align-right {
        text-align: right;
    }
    
    .align-center {
        text-align: center;
    }
    
    img.alignleft {
        margin-right: 2rem;
    }
    
    img.alignright {
        margin-left: 2rem;
    }
    
    .img-wrap {
        position: relative;
        overflow: hidden;
        margin-bottom: -0.75rem;
    }
    
    .img-wrap img {
        border-radius: var(--br-main);
    }
    
    .img-wrap>* {
        margin-bottom: 0.75rem;
    }
    
    /* ----------------------------------------
        2. Layout
    ---------------------------------------- */
    
    /* ----------------------------------------
            Preloader
        ---------------------------------------- */
    
    .mad-preloader-circle, .mad-preloader {
        position: fixed;
        width: 260vw;
        height: 260vw;
        margin-left: -130vw;
        margin-top: -130vw;
        background-color: #fff;
        z-index: 50;
        border-radius: 50%;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
        -webkit-transition-duration: 700ms;
        transition-duration: 700ms;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-preloader-circle {
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }
    
    .mad-preloader {
        left: 50%;
        top: 50%;
    }
    
    .mad-preloader-circle, .mad-preloader.mad-preloader--disappearing {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
    }
    
    .mad-preloader-circle--appearing {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    /* ----------------------------------------
            Critical full screen message
        ---------------------------------------- */
    
    .mad-body--has-critical-fullscreen-message {
        overflow: hidden !important;
    }
    
    .mad-fullscreen-message {
        position: fixed;
        z-index: 49;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-family: 'Arial', serif;
        font-size: 1.875rem;
        line-height: 2.34375rem;
        color: var(--color-neutral);
        background-color: #fff;
        padding: 2rem;
        overflow: auto;
    }
    
    .mad-fullscreen-message .mad-aligner-inner {
        vertical-align: middle;
    }
    
    .mad-fullscreen-message-before {
        font-size: 3.25rem;
        line-height: 4rem;
    }
    
    .mad-fullscreen-message-before:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-fullscreen-message-before:empty, .mad-fullscreen-message-after:empty {
        display: none;
    }
    
    /* ----------------------------------------
            Header
        ---------------------------------------- */
    
    .mad-header {
        line-height: 1.5rem;
        position: relative;
        z-index: 25;
    }
    
    [class*="mad-header-section--sticky"] {
        padding: 1.5rem 0;
        transition: all .5s ease;
    
    }
    
    [class*="mad-header-section--sticky"].mad-header-section--sticked {
        position: fixed !important;
        top: 0 !important;
        left: 0;
        right: 0;
        z-index: 50;
        background: var(--color-neutral-0);
    }
    
    .container.wide [class*="mad-header-section--sticky"]:not(.mad-header-section--sticked) .container-fluid {
        padding: 0;
    }
    
    .mad-header--transparent.mad-header--transparent-single {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 25;
        transition: all .5s ease;
    }
    
    /* ----------------------------------------
                Header Section
            ---------------------------------------- */
    
    .mad-header-section {
        display: block;
    }
    
    .mad-header-section:not(:last-child) {
        margin-bottom: 3.5rem;
    }
    
    /* ----------------------------------------
                Header Items
            ---------------------------------------- */
    
    .mad-header-items {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 2rem;
    }
    
    .mad-header-item {
        display: flex;
        align-items: center;
        column-gap: 2.5rem;
    }
    
    .mad-navigation-container {
        display: flex;
    }
    
    .mad-logo {
        display: block;
    }
    
    .mad-actions {
        display: flex;
        align-items: center;
        column-gap: 2.5rem;
    }
    
    .mad-actions>.mad-item {
        position: relative;
    }
    
    .mad-actions .mad-item-link {
        position: relative;
        color: #262123;
    }
    
    .mad-actions .mad-item-link i {
        font-size: 1.75rem;
        max-width: 1.5rem;
    }
    
    /* ----------------------------------------
                Navigation
            ---------------------------------------- */
    
    .mad-navigation {
        z-index: 4;
        display: flex;
        column-gap: 2.5rem;
    }
    
    .mad-navigation>li {
        position: relative;
    }
    
    .mad-navigation>li>a {
        font-family: 'Barlow', sans-serif;
        color: var(--color-neutral);
        font-size: 1.125rem;
        line-height: 1.5rem;
        display: block;
        position: relative;
    }
    
    .mad-navigation>li.menu-item-has-children {
        display: flex;
        align-items: center;
        line-height: 1rem;
    }
    
    .mad-navigation>li.menu-item-has-children:after {
        content: "keyboard_arrow_down";
        font-family: 'Material Icons';
        text-transform: none;
        line-height: inherit;
        font-size: 1.125rem;
        margin-left: 0.25rem;
        max-width: 0.875rem;
    }
    
    .mad-navigation>li:hover>a::before {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-navigation .menu-item-has-children:hover, .mad-navigation .menu-item-has-children.mad-seleceted, .mad-navigation .menu-item-has-children.mad-tapped {
        z-index: 2;
    }
    
    .mad-navigation>.current-menu-item>a, .mad-navigation>li:hover>a, .mad-navigation>.current-menu-item:after, .mad-navigation>li:hover:after {
        color: var(--color-primary-lighter);
    }
    
    .mad-navigation .sub-menu {
        font-family: 'Barlow', sans-serif;
        min-width: 17rem;
        font-size: 1rem;
        padding: 1.5rem 2rem 1.5rem;
        line-height: 2rem;
        font-weight: normal;
        margin-left: -2rem;
        margin-top: 2.5rem;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        color: var(--color-neutral);
        background-color: var(--color-secondary-5);
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        border-bottom-left-radius: var(--br-main);
        border-bottom-right-radius: var(--br-main);
    }
    
    .mad-navigation>li>.sub-menu {
        border-top: 1px solid var(--color-secondary-20);
    }
    
    .mad-navigation>li>.sub-menu .sub-menu {
        border-left: 1px solid var(--color-secondary-20);
    }
    
    .sub-menu>li:first-child .sub-menu {
        border-top-right-radius: 0;
    }
    
    .mad-navigation .sub-menu:after {
        content: '';
        position: absolute;
        bottom: 100%;
        height: 2.5rem;
        width: 100%;
        left: 0;
    }
    
    .mad-navigation>.mega-menu>a:after {
        content: '';
        position: absolute;
        top: 100%;
        height: 2.5rem;
        width: 100%;
        left: 0;
    }
    
    .mad-navigation .sub-menu a:not(.btn) {
        color: var(--color-neutral);
    }
    
    .mad-navigation .sub-menu>li>a {
        display: block;
    }
    
    .mad-navigation>li:not(.mega-menu) .sub-menu:not(.with-aside).mad-reverse {
        left: auto;
        right: 0;
    }
    
    .mad-navigation .sub-menu .sub-menu {
        top: 0;
        left: 100%;
        margin-left: 2rem;
        margin-top: -1.55rem;
        border-radius: 0px 1rem 1rem 1rem;
        background: var(--color-secondary-5);
        border-top: 1px solid var(--color-secondary-20);
    }
    
    .mad-navigation .sub-menu .sub-menu.mad-reverse {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: 2rem;
        border-top-right-radius: 0;
    }
    
    .mad-navigation .sub-menu .menu-item-has-children {
        position: relative;
    }
    
    .mad-navigation .sub-menu .menu-item-has-children>a:not(.sub-title)::after {
        font-family: 'Material Icons';
        content: "keyboard_arrow_right";
        position: absolute;
        right: 0;
        font-size: 1.25rem;
        color: var(--color-neutral);
        line-height: inherit;
        width: 14px;
        top: 0;
        z-index: 1;
    }
    
    .mad-no-touchevents .mad-navigation .sub-menu li:hover>a, .mad-no-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-selected>a, .mad-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-tapped>a, .mad-navigation .sub-menu .current-menu-item>a, .mad-navigation .sub-menu .current-menu-ancestor>a, .mad-navigation .sub-menu .current-menu-parent>a {
        color: var(--color-primary-lighter);
    }
    
    .mad-no-touchevents .menu-item-has-children:hover>.sub-menu, .mad-no-touchevents .menu-item-has-children.mad-selected>.sub-menu, .mad-touchevents .menu-item-has-children.mad-tapped>.sub-menu {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-csstransforms3d .mad-navigation .sub-menu {
        -webkit-transition-property: -webkit-transform, opacity, visibility;
        transition-property: transform, opacity, visibility;
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    
    .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children:hover>.sub-menu, .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children.mad-selected>.sub-menu, .mad-csstransforms3d.mad-touchevents .menu-item-has-children.mad-tapped>.sub-menu {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    .mad-mobile-nav-btn, .mad-nav-btn {
        width: 3rem;
        height: 1.5625rem;
        position: relative;
        display: none;
    }
    
    .mad-nav-btn {
        display: block;
    }
    
    .mad-mobile-nav-btn .line, .mad-nav-btn .line {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: var(--color-neutral);
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transition: transform 0.5s 0.08s, background-color 0.5s, top 0.5s 0.08s, left 0.3s, opacity 0.5s, width 0.6s 0.05s;
        -webkit-transition: transform 0.5s 0.08s, background-color 0.5s, top 0.5s 0.08s, left 0.3s, opacity 0.5s, width 0.6s 0.05s;
    }
    
    .header-3 .mad-mobile-nav-btn .line {
        background-color: var(--color-neutral-0);
    }
    
    .mad-mobile-nav-btn .line-top, .mad-nav-btn .line-top {
        top: 0;
    }
    
    .mad-mobile-nav-btn .line-center, .mad-nav-btn .line-center {
        top: 50%;
        margin-top: -1.5px;
    }
    
    .mad-mobile-nav-btn .line-bottom, .mad-nav-btn .line-bottom {
        bottom: 0;
    }
    
    .mad-mobile-nav-btn:hover .line-center, .mad-nav-btn:hover .line-center {
        width: 100%;
    }
    
    .mad-mobile-nav-btn.mad-opened .line-top, .mad-nav-btn.mad-opened .line-top {
        top: 50%;
        margin-left: -1.5px;
        transform: rotate(45deg) translate(0, -50%);
        -webkit-transform: rotate(45deg) translate(0, -50%);
    }
    
    .mad-mobile-nav-btn.mad-opened .line-bottom, .mad-nav-btn.mad-opened .line-bottom {
        top: 50%;
        margin-right: -1.5px;
        transform: rotate(-45deg) translate(0, -50%);
        -webkit-transform: rotate(-45deg) translate(0, -50%);
    }
    
    .mad-mobile-nav-btn.mad-opened .line-center, .mad-nav-btn.mad-opened .line-center {
        opacity: 0;
        left: -5px;
        width: 0;
    }
    
    .mad-mobile-nav-btn.mad-opened, .mad-nav-btn.mad-opened {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
    
    /* Navigation Full Scr */
    
    .mad-nav-canvas {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 99;
        color: var(--color-neutral-20);
        text-align: center;
        overflow: auto;
    }
    
    .mad-nav-canvas .mad-logo {
        position: absolute;
        top: 2.75rem;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .mad-nav-inner {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    
    .mad-nav-canvas.mad-nav-opened {
        transform: translateX(0);
    }
    
    @keyframes nav-fade-in {
        0% {
            opacity: 0;
            visibility: hidden
        }
    
        100% {
            opacity: 1;
            visibility: visible
        }
    }
    
    @keyframes nav-fade-out {
        0% {
            opacity: 1;
            visibility: visible
        }
    
        100% {
            opacity: 0;
            visibility: hidden
        }
    }
    
    .mad-nav-canvas.full-screen {
        right: 0;
        width: auto;
        z-index: 29;
        padding: 0;
        top: 0;
        overflow: hidden;
        background: url(../images/nav_bg.svg) no-repeat var(--color-neutral);
        background-size: cover;
        animation: nav-fade-out .25s linear both;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened {
        animation: nav-fade-in .25s linear both;
    }
    
    .slick-slider .item {
        height: 100vh;
        width: 100%;
        overflow: auto;
    }
    
    .mad-section.mad-stretch {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .mad-vr-nav {
        position: relative;
        z-index: 2;
        padding: 8.5rem 0;
        padding-top: 11rem;
    }
    
    .mad-nav-canvas.full-screen .mad-nav-inner {
        overflow: hidden;
        overflow-y: auto;
        padding-bottom: 8.5rem;
    }
    
    .mad-nav-canvas .mad-icon-boxes {
        width: 100%;
    }
    
    .mad-vr-nav>ul>li.menu-item-has-children .sub-menu {
        display: none;
        padding-top: 1rem;
    }
    
    [class*="mad-img-move"] {
        transition: all 2s ease;
    }
    
    .with-img-bg[data-bg-image-src] {
        background-size: cover;
    }
    
    .mad-half-full .with-img-bg {
        min-height: 100vh;
    }
    
    .mad-half-full {
        position: relative;
    }
    
    .mad-half-full .mad-half-content {
        padding: 0;
        font-size: 1.125rem;
        line-height: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .mad-half-full .mad-half-content .mad-img-content {
        padding: 9rem 10.25rem;
        max-width: 55rem;
    }
    
    .mad-img-content h1.mad-title {
        font-size: 4.5rem;
        line-height: 5rem;
    }
    
    .mad-img-content h1.mad-title:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-header-section--sticky-xl {
        transition: background 1s ease;
    }
    
    .mad-header-section--sticky-xl .mad-header-items {
        position: relative;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li a {
        font-family: 'Arima Madurai', cursive;
        font-size: 1.5rem;
        line-height: 2.5rem;
        color: var(--color-neutral-20);
        letter-spacing: 1px;
        font-weight: normal;
        letter-spacing: 0;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>a {
        font-size: 2.25rem;
        line-height: 2.5rem;
        text-transform: none;
        border: none;
        position: relative;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>a:before {
        content: attr(data-hover);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        font-size: 2.25rem;
        overflow: hidden;
        white-space: nowrap;
        color: var(--color-neutral-0);
        transition: all .5s ease;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>a:hover:before, .mad-nav-canvas.full-screen .mad-vr-nav>ul>li.current-menu-item>a:before {
        height: 100%;
        letter-spacing: 5px;
    }
    
    .mad-vr-nav>ul>li.menu-item-has-children>a:after {
        content: "keyboard_arrow_down";
        font-family: 'Material Icons';
        text-transform: none;
        font-size: 1.5rem;
        margin-left: 0.625rem;
        max-width: 1.125rem;
        position: absolute;
        top: 2px;
        left: 100%;
        margin-left: 0.75rem;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li.current-menu-item>a, .mad-nav-canvas.full-screen .mad-vr-nav>ul>li:hover>a, .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>.sub-menu a:hover, .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>.sub-menu>li.current-menu-item a {
        text-decoration: none;
        letter-spacing: 5px;
        color: var(--color-neutral-0);
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>.sub-menu a:hover, .mad-nav-canvas.full-screen .mad-vr-nav>ul>li>.sub-menu>li.current-menu-item a {
        letter-spacing: 3.2px;
    }
    
    .mad-nav-canvas.full-screen .mad-vr-nav>ul>li {
        transition: all .5s ease;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem);
        white-space: nowrap;
        opacity: 0;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:first-child {
        -webkit-transition-delay: .13s, .13s, 0s;
        transition-delay: .13s, .13s, 0s;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:nth-child(2) {
        -webkit-transition-delay: .26s, .26s, 0s;
        transition-delay: .26s, .26s, 0s;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:nth-child(3) {
        -webkit-transition-delay: .39s, .39s, 0s;
        transition-delay: .39s, .39s, 0s;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:nth-child(4) {
        -webkit-transition-delay: .52s, .52s, 0s;
        transition-delay: .52s, .52s, 0s;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:nth-child(5) {
        -webkit-transition-delay: .65s, .65s, 0s;
        transition-delay: .65s, .65s, 0s;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:nth-child(6) {
        -webkit-transition-delay: .78s, .78s, 0s;
        transition-delay: .78s, .78s, 0s;
    }
    
    .mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav>ul>li:nth-child(7) {
        -webkit-transition-delay: .91s, .91s, 0s;
        transition-delay: .91s, 1.91s, 0s;
    }
    
    .mad-nav-close {
        position: absolute;
        top: 2rem;
        right: 2rem
    }
    
    .mad-nav-canvas .mad-icon-boxes.with-border.small-size:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box:after {
        background: var(--color-secondary-80);
    }
    
    .mad-nav-canvas .mad-icon-boxes.small-size.style-2 .mad-icon-box {
        color: var(--color-secondary-5);
    }
    
    html.with-src-menu {
        overflow: hidden !important;
    }
    
    html.with-src-menu body {
        padding-top: 0 !important;
    }
    
    html.with-src-menu .mad-back-to-top {
        display: none !important;
    }
    
    /* Sidebar Navigation */
    
    .mad-sidebar-element .mad-vr-nav>ul>li.menu-item-has-children .sub-menu {
        display: none;
        padding-top: 0;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li a {
        font-size: 0.875rem;
        line-height: 2rem;
        display: inline-block;
        color: var(--color-neutral);
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li>a {
        border-bottom: 1px solid transparent;
        text-transform: uppercase;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li.current-menu-item>a,
    .mad-sidebar-element .mad-vr-nav>ul>li:hover>a {
        border-bottom-color: inherit;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li>.sub-menu {
        margin-top: 0.5rem;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li>.sub-menu a:hover,
    .mad-sidebar-element .mad-vr-nav>ul>li>.sub-menu>li.current-menu-item a {
        text-decoration: underline;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li.menu-item-has-children>a {
        position: relative;
    }
    
    .mad-sidebar-element .mad-vr-nav>ul>li.menu-item-has-children>a:after {
        content: "keyboard_arrow_down";
        font-family: 'Material Icons';
        text-transform: none;
        font-size: 1.125rem;
        margin-left: 0.625rem;
        max-width: 0.875rem;
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 0.75rem;
    }
    
    /* ----------------------------------------
            Breadcrumb
        ---------------------------------------- */
    
    .mad-breadcrumb {
        padding-top: 4.5rem;
        padding-bottom: 5rem;
        color: var(--color-neutral-80);
        background: var(--color-secondary-10);
        text-align: center;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-breadcrumb-path:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-breadcrumb-path {
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        letter-spacing: 0.125rem;
        vertical-align: baseline;
    }
    
    .mad-breadcrumb-path>span {
        display: inline-block;
    }
    
    .mad-breadcrumb .mad-page-title:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-breadcrumb.with-bg-img {
        background-size: cover;
        padding-top: 12.75rem;
        padding-bottom: 12.75rem;
        background-repeat: no-repeat;
        color: var(--color-neutral-15);
    }
    
    .mad-breadcrumb.with-bg-img .mad-page-title, .mad-breadcrumb.with-bg-img .mad-link {
        color: var(--color-neutral-0);
    }
    
    .mad-breadcrumb+.mad-section {
        z-index: 2;
        position: relative;
    }
    
    .mad-breadcrumb.simple-type {
        padding: 1.5rem 0;
        background: var(--color-neutral-5);
    }
    
    .mad-breadcrumb.simple-type .mad-link {
        color: var(--color-primary);
    }
    
    .container.wide .mad-breadcrumb .container.wide {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    /* ----------------------------------------
            Sections
        ---------------------------------------- */
    
    .mad-content {
        padding-top: 9rem;
        padding-bottom: 9rem;
        max-width: 120rem;
        margin: 0 auto;
    }
    
    .mad-header-holder {
        position: relative;
    }
    
    .mad-header-holder .header-3 .mad-header-section--sticky-xl {
        border-radius: var(--br-main);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .mad-section-border {
        border-radius: var(--br-main);
        overflow: hidden;
        position: relative;
    }
    
    .mad-section.mad-section-no-br-radius {
        border-radius: 0 !important;
    }
    
    .mad-section.mad-section-no-top-br-radius {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    
    .mad-section.mad-section-no-bottom-br-radius {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    
    .mad-section:not(.mad-section--stretched-content-no-px) {
        position: relative;
        padding-top: 9rem;
        padding-bottom: 9rem;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-content.no-pt, .mad-section.no-pt {
        padding-top: 0 !important;
    }
    
    .mad-content.no-pb, .mad-section.no-pb {
        padding-bottom: 0 !important;
    }
    
    .mad-content.no-pd, .mad-section.no-pd {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .mad-section.mad-custom-pd {
        padding-bottom: 0;
        padding-top: 13rem;
    }
    
    .mad-section.small-size {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    
    .mad-section.medium-size {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    
    .mad-section.medium-size-2 {
        padding-top: 6.625rem;
        padding-bottom: 6.625rem;
    }
    
    .mad-section--parallax {
        background-size: auto;
    }
    
    .content-element:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .content-element-2:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .content-element-3:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .content-element-4:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .content-element-5:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    
    .content-element-6:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    .content-element-7:not(:last-child) {
        margin-bottom: 3.5rem;
    }
    
    .content-element-8:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    .content-element-9:not(:last-child) {
        margin-bottom: 4.5rem;
    }
    
    .content-element-10:not(:last-child) {
        margin-bottom: 5rem;
    }
    
    .content-element-11:not(:last-child) {
        margin-bottom: 5.5rem;
    }
    
    .content-element-12:not(:last-child) {
        margin-bottom: 6rem;
    }
    
    .content-element-13:not(:last-child) {
        margin-bottom: 6.5rem;
    }
    
    .content-element-14:not(:last-child) {
        margin-bottom: 7rem;
    }
    
    .content-element-15:not(:last-child) {
        margin-bottom: 7.5rem;
    }
    
    .content-element-main:not(:last-child) {
        margin-bottom: 9rem;
    }
    
    .content-element-main-2:not(:last-child) {
        margin-bottom: 14.5rem;
    }
    
    .mad-section.with-overlay.mad-colorizer--parallax {
        color: var(--color-neutral-10);
    }
    
    .mad-section.with-overlay.mad-colorizer--parallax .mad-page-title {
        color: var(--color-neutral-0);
    }
    
    .mad-section.mad-parallax {
        color: var(--color-neutral-10);
    }
    
    [class*="content-element-"] {
        position: relative;
    }
    
    .mad-section.mad-section-bg-img {
        padding-top: 0;
        padding-bottom: 44% !important;
    }
    
    .mad-section.mad-section-bg-img.mad-colorizer--parallax .mad-colorizer-bg-image {
        background-size: cover;
    }
    
    .owl-center .owl-item:not(.center) .mad-entity .mad-entity-media img {
        height: calc(100% - 2rem);
    }
    
    .mad-section.pt-size-2 {
        padding-top: 13rem;
    }
    
    .mad-section.medium-size.pt-size-2 {
        padding-top: 10rem;
    }
    
    /* ----------------------------------------
            Sidebar
        ---------------------------------------- */
    
    .mad-sidebar .mad-banner .mad-donate-element {
        text-align: left;
    }
    
    .mad-sidebar [class*="mad-text-link"],
    .mad-sidebar [class*="mad-text-link"] .icon {
        font-size: 1rem;
    }
    
    .mad-sidebar .mad-newsletter-form:not(.one-line) .btn {
        margin-top: 0.5rem;
        width: 100%;
        justify-content: center;
    }
    
    /* ----------------------------------------
                Widgets
            ---------------------------------------- */
    
    .mad-widget {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .mad-sidebar .mad-widget:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    /* ----------------------------------------
                    Tags
                ---------------------------------------- */
    
    .tagcloud {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0.5rem;
        row-gap: 0.5rem;
    }
    
    .tagcloud>a {
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 500;
        padding: .5rem 0.5rem;
        letter-spacing: 1px;
        border-radius: 0.5rem;
        text-transform: uppercase;
        display: block;
        white-space: nowrap;
        background: var(--color-primary-10);
        color: var(--color-neutral);
    }
    
    .tagcloud>a:hover {
    
        background: var(--color-primary-25);
    }
    
    /* ----------------------------------------
                    Search
                ---------------------------------------- */
    
    /* ----------------------------------------
                    Banner
                ---------------------------------------- */
    
    /* ----------------------------------------
                    Calendar
                ---------------------------------------- */
    
    .mad-calendar-section {
        display: flex;
        justify-content: flex-end;
    }
    
    .mad-calendar-element {
        max-width: 55rem;
        border-radius: var(--br-main);
        position: relative;
        padding: 9rem 9.5rem;
        margin-bottom: -4rem;
        background-color: var(--color-primary-darker);
        background: url(../images/calendar_bg.svg) var(--color-primary-darker) right top no-repeat;
    }
    
    .mad-calendar-element .mad-pre-title {
        color: var(--color-secondary-10);
    }
    
    .mad-calendar-element .mad-title {
        color: var(--color-neutral-0);
    }
    
    .calendar_wrap {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .calendar_wrap table {
        font-size: 1rem;
        line-height: 1.5rem;
        border-width: 0;
        background: var(--color-secondary-5);
        font-family: 'Barlow', sans-serif;
    }
    
    .calendar_wrap table caption {
        color: var(--color-neutral-0);
        font-family: 'Arima Madurai', cursive;
        font-size: 1.125rem;
        line-height: 3.5rem;
        font-weight: bold;
        text-align: center;
        letter-spacing: 0;
        position: relative;
        background: var(--color-secondary);
    }
    
    .calendar_wrap table tr:hover {
        background-color: transparent;
    }
    
    .calendar_wrap table thead {
        overflow: auto;
        background-color: var(--color-secondary-80);
    }
    
    .calendar_wrap table thead th {
        font-family: 'Barlow', sans-serif;
        text-transform: uppercase;
        font-size: 0.875rem;
        letter-spacing: 1px;
        padding: 0;
        font-weight: 400;
        color: var(--color-neutral-0);
        background: transparent;
        border: none;
    }
    
    .calendar_wrap table th, .calendar_wrap table td {
        text-align: center;
        line-height: 3rem;
        padding: 0 0.875rem;
        vertical-align: middle;
        letter-spacing: 0;
    }
    
    .calendar_wrap table td {
        font-size: 1.125rem;
        line-height: 5rem;
    }
    
    .calendar_wrap table td {
        border: none;
    }
    
    .calendar_wrap table td.mad-td-link {
        padding: 0;
    }
    
    .calendar_wrap table td.mad-td-link {
        display: inline-block;
        background-color: var(--color-primary-lighter);
        color: var(--color-neutral-0);
        line-height: 3rem;
        width: 3rem;
        text-align: center;
    }
    
    .calendar_wrap table td:not(:last-child) {
        border-right: 1px solid var(--color-neutral-15);
    }
    
    .calendar_wrap:not(.big-calendar) table tr:first-child td:nth-child(1), .calendar_wrap:not(.big-calendar) table tr:first-child td:nth-child(2), .calendar_wrap:not(.big-calendar) table tr:last-child td:nth-last-child(1), .calendar_wrap:not(.big-calendar) table tr:last-child td:nth-last-child(2), .calendar_wrap:not(.big-calendar) table tr:last-child td:nth-last-child(3) {
        background: var(--color-secondary-10);
        color: var(--color-neutral-60);
    }
    
    .calendar_wrap table .calendar-caption-prev, .calendar_wrap table .calendar-caption-next {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        height: 100%;
        width: 3.5rem;
        text-align: center;
        color: var(--color-neutral-0);
        -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .calendar_wrap table caption>a>i {
        line-height: 4.5rem;
        font-size: 2.5rem;
        color: inherit;
        display: block;
    }
    
    .calendar_wrap table caption .mad-row {
        display: flex;
        justify-content: space-between;
        column-gap: 1rem;
        padding: 0 1.5rem;
    }
    
    .calendar_section table caption .mad-col {
        width: auto;
        padding: 0;
    }
    
    .calendar_wrap table caption .mad-custom-select .mad-selected-option {
        border-bottom: none;
        color: var(--color-neutral-0);
        line-height: 3.5rem;
        height: 3.5rem;
    }
    
    .calendar_wrap table caption .mad-custom-select .mad-selected-option::after, .calendar_wrap table caption .mad-custom-select .mad-selected-option::before {
        color: var(--color-neutral-0);
    }
    
    .calendar_wrap table .calendar-caption-prev:hover, .calendar_wrap table .calendar-caption-next:hover {
        color: var(--color-primary-lighter);
    }
    
    .calendar_wrap table .calendar-caption-prev {
        left: 0;
    }
    
    .calendar_wrap table .calendar-caption-next {
        right: 0;
    }
    
    .calendar_wrap.size-2 table caption {
        font-size: 1.875rem;
        line-height: 5.5rem;
    }
    
    .calendar_wrap.size-2 table thead th {
        font-size: 1.125rem;
        line-height: 3.5rem;
    }
    
    .calendar_wrap.size-2 table td {
        font-size: 1.5rem;
        line-height: 9rem;
    }
    
    .mad-sidebar .calendar_wrap table td {
        line-height: 3rem;
    }
    
    .calendar_wrap.big-calendar table td {
        text-align: left;
        line-height: 4rem;
        font-weight: 500;
        vertical-align: top;
        padding: 0 1.5rem;
    }
    
    .calendar_wrap.big-calendar table tr:first-child td:nth-child(-n+3),
    .calendar_wrap.big-calendar table tr:last-child td:nth-last-child(-n+3) {
        color: var(--color-neutral-60);
    }
    
    .calendar_wrap.big-calendar table thead th {
        font-size: 1.125rem;
        line-height: 3.5rem;
    }
    
    .calendar_wrap.big-calendar table td .mad-event {
        padding: 1.5rem;
        margin: 0 -1.5rem;
        position: relative;
        transition: all .5s;
    }
    
    .calendar_wrap.big-calendar table td .mad-event .td-num {
        line-height: 1rem;
        margin-bottom: 1.25rem;
        display: block;
    }
    
    .calendar_wrap.big-calendar table td .mad-event:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 1.5px;
        background: var(--color-primary);
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }
    
    .calendar_wrap.big-calendar table td .mad-event:hover {
        background: var(--color-neutral-0);
    }
    
    .calendar_wrap.big-calendar table td .mad-event:hover:after {
        opacity: 1;
        visibility: visible;
    }
    
    .calendar_wrap.big-calendar table td .mad-event .mad-link {
        font-size: 0.8125rem;
        line-height: 1rem;
        column-gap: 0.25rem;
        display: flex;
    }
    
    .calendar_wrap.big-calendar table tr:not(:last-child) td {
        border-bottom: 1px solid var(--color-secondary-20);
    }
    
    .calendar_wrap.big-calendar table td .mad-event .mad-link:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .calendar_wrap.big-calendar table td .mad-event .mad-link .icon {
        font-size: 1rem;
    }
    
    .calendar_wrap.big-calendar table td .mad-event .mad-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    
    .calendar_wrap.big-calendar table td .mad-event .mad-img:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .calendar_wrap.big-calendar table td .event-holder {
        position: relative;
    }
    
    .calendar_wrap.big-calendar table td .event-holder .mad-event.mad-event-popup {
        position: absolute;
        bottom: 0;
        left: -1rem;
        right: -1rem;
        opacity: 0;
        padding: 1rem;
        line-height: 1rem;
        font-size: 0.8125rem;
        background: var(--color-neutral-0);
    
        overflow: hidden;
        visibility: hidden;
        transition: all .5s;
    }
    
    .calendar_wrap.big-calendar table td .event-holder .mad-event.mad-event-popup .mad-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .calendar_wrap.big-calendar table td .event-holder .mad-event.mad-event-popup:after {
        top: auto;
        bottom: 0;
        height: 2px;
    }
    
    .calendar_wrap.big-calendar table td .event-holder .mad-event.active+.mad-event-popup {
        opacity: 1;
        visibility: visible;
    }
    
    .event-holder .mad-event.mad-event-popup p:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    /* ----------------------------------------
                    Recent Comments
                ---------------------------------------- */
    
    .mad-widget .recentcomments li:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-widget .recentcomments li {
        position: relative;
        padding-left: 2rem;
        line-height: 1.5rem;
        font-size: 1rem;
        letter-spacing: -0.7px;
        color: var(--color-neutral-60);
    }
    
    .mad-widget .recentcomments li a:last-child {
        color: var(--color-neutral);
    }
    
    .mad-widget .recentcomments li:before {
        position: absolute;
        font-family: 'Material Icons Outlined';
        content: 'comment';
        font-size: 1.125rem;
        top: 0;
        left: 0;
        line-height: 1.5rem;
        color: var(--color-primary);
    }
    
    .mad-widget .recentcomments li a:first-child {
        color: var(--color-primary);
    }
    
    .mad-widget .recentcomments li a:hover {
        text-decoration: underline;
    }
    
    /* ----------------------------------------
                    Sponsors widget
                ---------------------------------------- */
    
    .mad-sponsors:not(.owl-carousel) {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        margin: -2rem -1rem 0;
        align-items: center;
        position: relative;
        z-index: 1;
    }
    
    .mad-sponsors:not(.owl-carousel)>.mad-grid-item {
        padding: 2rem 1rem 0;
        width: 16.6666%;
    }
    
    .mad-sponsors a {
        display: block;
        text-align: center;
    }
    
    .mad-sponsors a:hover {
        transform: scale(1.1);
    }
    
    .mad-sponsors a:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-sponsors a:hover {
        border-color: #26658d;
    }
    
    .mad-sponsors.owl-carousel .owl-nav {
        display: block;
    }
    
    .mad-csstransforms3d .mad-sponsors img {
        width: auto;
        margin: 0 auto;
    }
    
    .mad-sponsors.small-type:not(.owl-carousel)>.mad-grid-item {
        width: auto;
    }
    
    /* ----------------------------------------
            Footer
        ---------------------------------------- */
    
    .mad-footer:not(.footer-2) {
        color: var(--color-neutral-15);
        padding: 9rem 0;
        margin-bottom: 4rem;
        border-radius: var(--br-main);
        background: url(../images/footer_bg1.svg) no-repeat var(--color-neutral) center;
        background-size: cover;
        position: relative;
        z-index: 1;
    }
    
    .mad-footer .mad-footer-main:not(:last-child) {
        margin-bottom: 4.5rem;
    }
    
    .mad-footer:not(.footer-2):not(.footer-4) .mad-widget .mad-widget-title {
        color: var(--color-neutral-0);
    }
    
    .mad-footer .mad-widget-title:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-footer-bottom {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
        color: var(--color-secondary-20);
        justify-content: space-between;
    }
    
    .mad-footer .mad-widget:not(:last-child) {
        margin-bottom: 4.5rem;
    }
    
    .copyrights {
        text-align: center;
    }
    
    /* Footer 2 */
    
    .mad-footer.footer-2 {
        padding: 9rem 0;
        position: relative;
        overflow: hidden;
        z-index: 1;
        background: url(../images/footer_bg2.svg) no-repeat var(--color-primary-5);
        background-size: cover;
        background-position: right top;
    }
    
    .mad-footer.footer-2 .copyrights {
        text-align: center;
        color: var(--color-neutral-80);
    }
    
    /* Footer 3 */
    
    .mad-footer.footer-3 {
        border-radius: var(--br-main);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        overflow: hidden;
        margin: 0 4rem;
        text-align: center;
    }
    
    .mad-footer.footer-3 .mad-footer-main:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-coming-soon-page .mad-footer.footer-3 {
        margin: 0;
        border-radius: 0;
        overflow: visible;
    }
    
    .mad-coming-soon-page .mad-footer.footer-3 .mad-footer-main:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    /* Footer 4 */
    
    .mad-footer.footer-4 {
        background: var(--color-primary-5);
        color: var(--color-neutral-80);
    }
    
    .mad-footer.footer-4::before {
        display: none;
    }
    
    .mad-footer.footer-4:after {
        content: '';
        position: absolute;
        background: url(../images/footer4_bg.svg) no-repeat;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: right bottom;
        z-index: -1;
    }
    
    .mad-footer.footer-4 .mad-footer-bottom {
        color: var(--color-neutral-80);
    }
    
    /* ----------------------------------------
            Grid
        ---------------------------------------- */
    
    [class*="item-col-"]:not(.no-gutters) {
        margin: -2rem -1rem 0;
    }
    
    [class*="item-col-"]:not(.no-gutters)>* {
        padding: 2rem 1rem 0;
    }
    
    .item-col-1>* {
        width: 100%;
    }
    
    .item-col-2>* {
        width: 50%;
    }
    
    .item-col-3>* {
        width: 33.3333%;
    }
    
    .item-col-4>* {
        width: 25%;
    }
    
    .item-col-5>* {
        width: 20%;
    }
    
    .item-col-6>* {
        width: 16.6666%;
    }
    
    .item-col-7>* {
        width: 14.28222%;
    }
    
    [class*="item-col-"] {
        display: flex;
        flex-wrap: wrap;
    }
    
    .container-fluid {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    .mad-section>.container-fluid {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .row:not(.no-gutters) {
        margin-left: -1rem;
        margin-right: -1rem;
        row-gap: 2rem;
    }
    
    .row.no-row-gap {
        row-gap: 0;
    }
    
    .row:not(.no-gutters)>* {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .row.no-gutters {
        margin: 0;
    }
    
    .row.no-gutters>* {
        padding-left: 0;
        padding-right: 0;
    }
    
    .row.vr-size {
        row-gap: 3rem;
    }
    
    .row.vr-size-1 {
        row-gap: 9rem;
    }
    
    .row.vr-size-3 {
        row-gap: 4rem;
    }
    
    .mad-footer .row.vr-size-1 {
        row-gap: 5rem;
    }
    
    .row.vr-size-main {
        row-gap: 9rem;
    }
    
    .row.hr-size-1 {
        margin-left: -2rem;
        margin-right: -2rem;
    }
    
    .row.hr-size-1>* {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .row.hr-size-2 {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    
    .row.hr-size-2>* {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .row.vr-size-2 {
        row-gap: 9rem;
    }
    
    .row.vr-size-main {
        row-gap: 9rem;
    }
    
    .container.wide {
        max-width: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    .container.wide .container.wide {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* ----------------------------------------
            Modals
        ---------------------------------------- */
    
    .mad-modal {
        border-radius: 0;
        overflow: hidden;
        position: relative;
        display: none;
    }
    
    /* ----------------------------------------
        Arctic Modal
    ---------------------------------------- */
    
    .arcticmodal-container {
        bottom: auto;
    }
    
    .arcticmodal-overlay {
        bottom: auto;
    }
    
    .arcticmodal-container_i2 {
        padding: 0;
        height: 100%;
    }
    
    .arcticmodal-container table {
        background-color: transparent;
        border: none;
    }
    
    .arcticmodal-container table tr {
        border: none;
        -webkit-transition: none;
        transition: none;
    }
    
    .arcticmodal-container table tr:hover {
        background-color: transparent;
    }
    
    .arcticmodal-close {
        font-size: 1rem;
        color: var(--color-primary);
    }
    
    .arcticmodal-close:hover {
        color: var(--color-primary-lighter);
    }
    
    /* ----------------------------------------
            Search Modal
        ---------------------------------------- */
    
    .mad-modal--search .arcticmodal-container_i2 {
        vertical-align: middle;
    }
    
    .arcticmodal-container table {
        border-radius: 0;
    }
    
    .mad-modal--search {
        padding: 1.75rem 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        column-gap: 2rem;
        row-gap: 2rem;
        z-index: 1;
        background: none;
    }
    
    .mad-modal--search:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-neutral-0);
        opacity: 0.9;
        z-index: -1;
    }
    
    .mad-modal--search .mad-title:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-searchform {
        position: relative;
    }
    
    .mad-modal--search form {
        width: 100%;
        max-width: 45rem;
        display: flex;
    }
    
    .mad-modal--search form.mad-search-section input {
        width: 100%;
        height: 3rem !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .mad-modal--search form.mad-search-section .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .mad-search-section {
        display: flex;
        align-items: flex-end;
    }
    
    /* ----------------------------------------
            Responsive Iframe
        ---------------------------------------- */
    
    .mad-responsive-iframe {
        position: relative;
        height: 0;
        padding-bottom: 56%;
        border-radius: var(--br-main);
        height: 100%;
        overflow: hidden;
        background: var(--color-neutral);
    }
    
    .mad-responsive-iframe>iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .mad-fullwidth-iframe>iframe {
        width: 100%;
    }
    
    /* ----------------------------------------
            Comments
        ---------------------------------------- */
    
    .comments-list {
        overflow: hidden;
    }
    
    
    .comment {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 2rem;
        padding: 2rem;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
    }
    
    .comments-list>li:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .comment .fn {
        font-family: 'Arima Madurai', cursive;
        font-size: 1.25rem;
        line-height: 2rem;
        font-weight: bold;
        color: var(--color-neutral);
        display: block;
        font-style: normal;
    }
    
    .comment .comment-body {
        display: flex;
        column-gap: 1.5rem;
        align-items: flex-start;
    }
    
    .comment-author-avatar {
        position: relative;
        border-radius: var(--br-main);
        overflow: hidden;
        z-index: 2;
    }
    
    .comment .children>li, .comment.comment-has-children>.comment-body>.comment-author-info {
        position: relative;
        border: none;
        padding: 0;
    }
    
    .comment-author-info {
        flex: 1;
    }
    
    .comment-body.clearfix::after {
        display: none;
    }
    
    .comment .comment-author-avatar {
        min-width: 6rem;
    }
    
    .comment-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    .comment-row:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .comment-meta {
        font-size: 0.875rem;
        line-height: 1rem;
        column-gap: 1rem;
        display: flex;
        align-items: center;
    }
    
    .comment-meta .mad-link {
        font-family: 'Arima Madurai', cursive;
        font-size: 1rem;
        font-weight: bold;
    }
    
    .comment-meta i {
        font-size: 1rem;
        line-height: inherit;
    }
    
    .comment-meta time {
        color: var(--color-neutral-60);
        font-style: normal;
    }
    
    .comment-actions {
        font-size: 0.6875rem;
        line-height: 1.75rem;
        text-transform: uppercase;
        color: #b1b1b1;
        letter-spacing: 0.82px;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }
    
    .comment-actions>a {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    
    .comment::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .comment .children {
        overflow: hidden;
        margin-top: 2rem;
        margin-left: 2rem;
    }
    
    .comment.single-comment {
        padding: 2rem;
        border-radius: var(--br-main);
        background: var(--color-secondary-5);
        border: none;
    }
    
    .comment.single-comment .fn {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .comment.single-comment .comment-author-avatar {
        min-width: 10.5rem;
    }
    
    /* ----------------------------------------
        3. Components
    ---------------------------------------- */
    
    /* ----------------------------------------
            Social icons
        ---------------------------------------- */
    
    .mad-social-icons ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0.5rem;
        row-gap: .5rem;
    }
    
    .mad-social-icons ul li a {
        font-size: 1.125rem;
        line-height: 1.5rem;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        border-radius: var(--br-main);
        text-align: center;
        font-weight: normal;
        display: block;
        color: var(--color-secondary-80);
        background: var(--color-secondary-10);
        position: relative;
        z-index: 1;
    }
    
    .mad-social-icons ul li a:hover {
        color: var(--color-neutral-0);
        background: var(--color-secondary);
    }
    
    .mad-social-icons.size-small ul li a {
        line-height: 2rem;
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
        border-radius: 0.5rem;
    }
    
    .mad-pre-header .mad-social-icons.size-small ul {
        column-gap: 1rem;
    }
    
    
    
    .mad-social-icons.size-2 ul {
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    .mad-social-icons.size-2 ul li a {
        line-height: 3rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem;
    }
    
    .mad-social-icons.size-3 ul {
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    .mad-social-icons.size-3 ul li a {
        line-height: 4.5rem;
        width: 4.5rem;
        height: 4.5rem;
        font-size: 2.25rem;
    }
    
    .mad-social-icons.style-2 ul li a:not(:hover) {
        color: var(--color-neutral);
    }
    
    .mad-social-icons.style-3 ul li a:not(:hover) {
        color: var(--color-neutral-0);
    }
    
    /* ----------------------------------------
            Dropcaps
        ---------------------------------------- */
    
    .mad-dropcap>*:first-child:first-letter {
        font-size: 3rem;
        color: var(--color-neutral);
        font-weight: bold;
        line-height: 1;
        display: block;
        float: left;
        margin-right: 0.875rem;
        margin-top: 0;
    }
    
    .mad-dropcap--filled>*:first-child:first-letter {
        font-family: 'Barlow', sans-serif;
        font-size: 1.85rem;
        color: var(--color-neutral-0);
        background: var(--color-neutral);
        padding-top: 0.5rem;
        padding-right: 12px;
        padding-left: 12px;
        padding-bottom: 0.5rem;
    
        border-radius: var(--br-main);
    }
    
    .mad-dropcap.color-2>*:first-child:first-letter {
        color: var(--color-primary);
    }
    
    .mad-dropcap--filled.style-2>*:first-child:first-letter {
        background: var(--color-primary);
    }
    
    .mad-text-medium.mad-dropcap>*:first-child:first-letter {
        font-size: 4rem;
    }
    
    .mad-text-medium.mad-dropcap.mad-dropcap--filled>*:first-child:first-letter {
        font-size: 3rem;
        padding-right: 14px;
        padding-left: 14px;
    }
    
    /* firefox only */
    
    @-moz-document url-prefix() {
        .mad-dropcap>*:first-child:first-letter {
            margin-top: 8px;
        }
    
        .mad-text-medium.mad-dropcap>*:first-child:first-letter {
            margin-top: 14px;
        }
    
        .mad-dropcap--filled>*:first-child:first-letter {
            margin-top: 4px;
            padding-top: 0.6rem;
            padding-bottom: 0.455rem;
        }
    
        .mad-dropcap--filled>*:first-child:first-letter {
            padding-top: 11px;
            padding-bottom: 11px;
        }
    
        .mad-text-medium.mad-dropcap--filled>*:first-child:first-letter {
            padding-top: 14px;
            padding-bottom: 14px;
        }
    }
    
    /* ----------------------------------------
            Alert Boxes
        ---------------------------------------- */
    
    .mad-alert-box {
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 2rem;
        border-radius: var(--br-main);
        width: 100%;
        flex: 1;
    }
    
    .mad-alert-box:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-alert-box strong {
        font-weight: inherit;
    }
    
    .mad-alert-box-inner {
        position: relative;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 4.5rem;
        padding-right: 3.75rem;
        font-weight: 500;
        border-radius: var(--br-main);
        text-align: initial;
    }
    
    .mad-alert-box-inner::before {
        font-family: 'Material Icons Outlined';
        font-size: 1.5rem;
        line-height: 1;
        position: absolute;
        font-weight: normal;
        left: 2rem;
        top: 1.25rem;
    }
    
    .mad-alert-box-close::-moz-selection {
        color: transparent;
    }
    
    .mad-alert-box-close::selection {
        color: transparent;
    }
    
    .mad-alert-box-close::-webkit-selection {
        color: transparent;
    }
    
    .mad-alert-box--success {
        color: #4a7309;
    }
    
    .mad-alert-box--success .mad-alert-box-inner {
        background: #F2F5EB;
        color: #669500;
    }
    
    .mad-alert-box--success .mad-alert-box-inner::before {
        content: "check_circle";
    }
    
    .mad-alert-box--warning {
        color: #d9a934;
    }
    
    .mad-alert-box--warning .mad-alert-box-inner {
        background: var(--color-primary-10);
        color: var(--color-primary);
    }
    
    .mad-alert-box--warning.color-2 .mad-alert-box-inner {
        background: var(--color-primary-25);
        color: var(--color-primary-darker);
    }
    
    .mad-alert-box--warning .mad-alert-box-inner::before {
        content: "error_outline";
    }
    
    .mad-alert-box--info {
        color: #26658c;
    }
    
    .mad-alert-box--info .mad-alert-box-inner {
        color: #005CB0;
        background: #EDF4FA;
    }
    
    .mad-alert-box--info .mad-alert-box-inner::before {
        content: "info";
    }
    
    .mad-alert-box--error {
        color: #D92000;
    }
    
    .mad-alert-box--error .mad-alert-box-inner {
        background: #FAEDEB;
    }
    
    .mad-alert-box--error .mad-alert-box-inner::before {
        content: "highlight_off";
    }
    
    .mad-alert-box-close {
        position: absolute;
        color: transparent;
        font-size: 1rem;
        line-height: 1;
        display: block;
        width: 1rem;
        height: 1rem;
        right: 1.75rem;
        top: 0;
        margin-top: 1.5rem;
        overflow: hidden;
    }
    
    .mad-alert-box-close::-moz-selection {
        color: transparent;
    }
    
    .mad-alert-box-close::selection {
        color: transparent;
    }
    
    .mad-alert-box-close::-webkit-selection {
        color: transparent;
    }
    
    .mad-alert-box-close::after {
        font-family: "Material Icons";
        content: 'close';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        font-weight: bold;
        margin-top: -0.575rem;
        color: var(--color-neutral);
    }
    
    .mad-csstransforms3d .mad-alert-box-close {
        -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 3, 0.75, 0.9);
        transition: transform .4s cubic-bezier(0.25, 3, 0.75, 0.9);
    }
    
    .mad-csstransforms3d .mad-alert-box-close:hover {
        -webkit-transform: scale3d(1.3, 1.3, 1.3);
        transform: scale3d(1.3, 1.3, 1.3);
    }
    
    /* ----------------------------------------
            Lists
        ---------------------------------------- */
    
    .mad-list-content>ul:not(.mad-list--icon):not(.mad-list--unstyled)>li::before, .mad-list-content>ul>li i {
        font-size: 1.25rem;
        color: var(--color-primary);
    }
    
    .mad-list-content ol {
        list-style-position: inside;
        list-style-type: decimal;
    }
    
    .mad-list-content ol ol, .mad-entity-content ol ul {
        padding-left: 2rem;
    }
    
    .mad-list-content ol ul>li>ul, .mad-list-content ol ul>li>ol {
        padding-left: 0;
    }
    
    .mad-list-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    /* ----------------------------------------
            Icon List
        ---------------------------------------- */
    
    .mad-list-content:not(.mad-text-medium) .mad-list--icon>li, .mad-list-content>ul:not(.mad-list--icon):not(.mad-list--unstyled)>li {
        line-height: 2rem;
    }
    
    .mad-list--icon>li {
        font-size: 1.125rem;
        padding-left: 2rem;
        position: relative;
    }
    
    .mad-list-content {
        display: flex;
    }
    
    .mad-list--icon>li>.icon, .mad-list-content>ul:not(.mad-list--icon):not(.mad-list--unstyled)>li::before {
        position: absolute;
        left: 1px;
        top: 0;
        line-height: 2rem;
    }
    
    .mad-text-medium .mad-list--icon>li {
        padding-left: 2.5rem;
    }
    
    .mad-text-medium .mad-list--icon>li>.icon {
        font-size: 1.65rem;
        line-height: 2rem;
    }
    
    
    .mad-list--icon ul, .mad-list-content>ul:not(.mad-list--icon):not(.mad-icon-first) {
        padding-top: .5rem;
    }
    
    .mad-list-content>ul:not(.mad-list--icon):not(.mad-list--unstyled)>li:not(:last-child), .mad-list--icon>li:not(:last-child), .mad-list--icon-big>li:not(:last-child), .mad-list-content ol:not(.mad-list--unstyled)>li:not(:last-child), .mad-list-content>ul:not(.mad-list--icon):not(.mad-list--unstyled)>li:not(:last-child), .mad-list--icon>li:not(:last-child), .mad-list--icon-big>li:not(:last-child), .mad-list-content>ol:not(.mad-list--unstyled)>li:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    .mad-text-medium .mad-list--icon>li:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    /* ----------------------------------------
                Vertical list
            ---------------------------------------- */
    
    .mad-vr-list>li:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-vr-list.mad-map-info li {
        font-size: 1rem;
        line-height: 1.5rem;
        display: flex;
        column-gap: 1rem;
    }
    
    .mad-vr-list.mad-map-info li .svg {
        min-width: 1rem;
        margin-top: 0.25rem;
    }
    
    .mad-vr-list.mad-map-info li:first-child .mad-link {
        display: block;
        margin-top: 0.5rem;
    }
    
    .mad-vr-list.mad-map-info li .svg path {
        fill: var(--color-primary);
    }
    
    .mad-footer .mad-vr-list.mad-map-info li .svg path {
        fill: var(--color-primary-50);
    }
    
    .mad-map-info li:first-child .mad-link {
        font-size: 0.875rem;
    }
    
    /* ----------------------------------------
                Horizontal list
            ---------------------------------------- */
    
    .mad-hr-list {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1rem;
        column-gap: 1rem;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .mad-vr-list {
        font-weight: 500;
    }
    
    .mad-hr-list>li>a {
        position: relative;
    }
    
    .mad-hr-list>li>a, .mad-vr-list>li>a {
        color: var(--color-primary);
        letter-spacing: .45px;
    }
    
    .mad-hr-list>li>a:hover, .mad-vr-list>li>a:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-vr-list.mad-map-info>li>a {
        letter-spacing: 0;
    }
    
    .mad-our-info {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5rem;
        row-gap: 1rem;
    }
    
    .mad-our-info .mad-info {
        font-size: 0.875rem;
        line-height: 1rem;
        letter-spacing: -0.3px;
        color: var(--color-neutral-80);
        display: flex;
        align-items: center;
        column-gap: 0.5rem;
    }
    
    .mad-our-info .mad-info>i {
        line-height: 0.625rem;
    }
    
    /* ----------------------------------------
            Blockquotes
        ---------------------------------------- */
    
    blockquote:not(.mad-blockquote--unstyled) {
        font-weight: 500;
        font-family: 'Barlow', sans-serif;
        font-style: italic;
    }
    
    .mad-testimonial-bg {
        position: relative;
        padding: 4rem;
        background: var(--color-primary);
        z-index: 1;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-testimonial-bg .mad-testimonial {
        text-align: left;
    }
    
    .mad-testimonial-bg .mad-testimonial .mad-author .mad-author-info {
        align-items: flex-start;
        color: var(--color-primary-10);
    }
    
    .mad-testimonial-bg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../images/blockquote_back2.svg) no-repeat;
        background-size: cover !important;
        background-position: right top;
        z-index: -1;
    }
    
    .mad-testimonial-bg.style-2:after {
        background: url(../images/blockquote_back1.svg) no-repeat;
        background-position: bottom left;
    }
    
    .mad-testimonial-bg.style-2 {
        background: var(--color-secondary);
    }
    
    .mad-testimonial-bg .mad-testimonial blockquote {
        color: var(--color-neutral-0);
    }
    
    .mad-testimonial-bg.style-2 .mad-testimonial .mad-author .mad-author-info {
        color: var(--color-secondary-20);
    }
    
    /* 
    .mad-entities.mad-grid--isotope.item-col-3 .mad-entity .mad-testimonial-bg.style-2:after {
        background: url(../images/blockquote_back4.svg) no-repeat;
        background-position: bottom left;
    } */
    
    /* ----------------------------------------
            Buttons
        ---------------------------------------- */
    
    .btn {
        padding: 1rem 2rem 1rem;
        display: inline-flex;
        column-gap: 1rem;
        align-items: center;
        color: var(--color-neutral-0);
        font-weight: normal;
        text-align: center;
        font-size: 1rem;
        line-height: 1rem;
        position: relative;
        white-space: nowrap;
        font-weight: bold;
        font-family: 'Arima Madurai', cursive;
        z-index: 1;
        position: relative;
        border-radius: var(--br-main);
        background: var(--color-primary);
    }
    
    .btn:hover {
        background: var(--color-primary-lighter);
    }
    
    .btn.btn-disabled, .btn.btn-disabled:hover {
        background: var(--color-secondary-20);
        color: var(--color-neutral);
        cursor: not-allowed;
    }
    
    .btn.btn-pressed, .btn.btn-pressed:hover {
        background: var(--color-primary-darker);
    }
    
    .btn.btn-disabled-secondary, .btn.btn-disabled-secondary:hover {
        background: var(--color-secondary-20);
        color: var(--color-neutral);
    }
    
    .btn.style-2 {
        background: var(--color-secondary-80);
    }
    
    .btn.style-2:hover {
        background: var(--color-secondary-60);
    }
    
    .btn.btn-pressed.style-2, .btn.btn-pressed.style-2:hover {
        background: var(--color-secondary);
    }
    
    .btn.style-2.btn-disabled, .btn.style-2.btn-disabled:hover {
        background: var(--color-secondary-20);
        color: var(--color-neutral);
        cursor: not-allowed;
    }
    
    .btn.style-3 {
        background: var(--color-neutral-80);
        color: #fff;
    }
    
    .btn.style-3:hover {
        background: var(--color-neutral-60);
    }
    
    .btn.btn-pressed.style-3, .btn.btn-pressed.style-3:hover {
        background: var(--color-neutral);
    }
    
    .btn.style-3.btn-disabled, .btn.style-3.btn-disabled:hover {
        background: var(--color-neutral-20);
        color: var(--color-neutral);
        cursor: not-allowed;
    }
    
    .btn-very-small {
        font-size: 0.875rem;
        padding: 0.5rem 1.5rem;
    }
    
    .btn-tag {
        font-size: 0.75rem;
        line-height: 2rem;
        padding: 0 0.5rem;
    }
    
    .btn-small {
        font-size: 0.875rem;
        padding: 0.5rem 1.5rem;
    }
    
    .btn-big {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding: 1rem 2.5rem;
    }
    
    .btn-huge {
        font-size: 1.5rem;
        line-height: 2rem;
        padding: 1.25rem 3rem;
    }
    
    .btn-super-huge {
        font-size: 1.875rem;
        line-height: 2rem;
        padding: 1.5rem 3rem;
    }
    
    [class*="btn"]>.icon {
        font-size: 1rem;
    }
    
    .btn-small>.icon {
        font-size: 0.875rem;
        margin-top: -2px;
    }
    
    .btn-big>.icon {
        font-size: 1.125rem;
        line-height: 1rem;
    }
    
    .btn-huge>.icon {
        font-size: 1.25rem;
        line-height: 1rem;
    }
    
    .btn-super-huge>.icon {
        font-size: 1.625rem;
        line-height: 1rem;
    }
    
    .btn-super-huge>.icon.super-big .svg {
        height: 1.5rem;
        width: 1.625rem;
    }
    
    
    .page-nav {
        padding-top: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .page-nav .menu-button {
        font-size: 30px;
    }
    
    .btn-wrap {
        margin: -0.625rem;
    }
    
    .btn-wrap>* {
        margin: 0.625rem;
    }
    
    .prev-btn, .next-btn, .exp {
        font-weight: 600;
        margin-left: 30px;
        position: relative;
    }
    
    .prev-btn, .next-btn {
        border-bottom: 1px solid transparent;
    }
    
    .prev-btn:hover, .next-btn:hover {
        border-bottom-color: inherit;
    }
    
    .prev-btn:before, .next-btn:before, .exp:before {
        font-family: 'Linearicons';
        content: '\e964';
        font-size: 20px;
        color: #262626;
        position: absolute;
        font-weight: normal;
        left: 0;
        top: 0;
        margin-top: -3px;
        margin-left: -30px;
    }
    
    .next-btn {
        margin-left: 0;
        margin-right: 30px;
    }
    
    .next-btn:before {
        margin-left: 0;
        margin-right: -30px;
    }
    
    .next-btn:before {
        content: '\e965';
        right: 0;
        left: auto;
    }
    
    .mad-back-to-top {
        width: 3.5rem;
        height: 3.5rem;
        padding: 0;
        text-align: center;
        position: fixed;
        border-radius: var(--br-main);
        z-index: 103;
        right: 3.3%;
        top: 60%;
        color: var(--color-neutral-0);
        background: var(--color-secondary-80);
        opacity: 0;
    }
    
    .mad-back-to-top.zoomIn {
        opacity: 1;
    }
    
    .mad-back-to-top:hover {
        background: var(--color-secondary-60);
    }
    
    .mad-back-to-top .icon {
        width: 1.375rem;
        height: 1.1875rem;
    }
    
    .mad-back-to-top .icon:after {
        content: 'keyboard_arrow_up';
        font-family: "Material Icons";
        font-size: 2rem;
        line-height: 3.5rem;
    }
    
    [class*="mad-text-link"] {
        font-family: 'Arima Madurai', cursive;
        display: inline-flex;
        align-items: center;
        column-gap: .5rem;
        position: relative;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: bold;
        color: var(--color-primary);
        transition: all .5s ease;
        z-index: 1;
    }
    
    [class*="mad-text-link"] .icon {
        font-size: 1.25rem;
        margin-top: -0.25rem;
    }
    
    /* [class*="mad-text-link"]:after {
        content: '';
        -webkit-mask: url(../charity_icons_svg/btn_dir.svg) no-repeat;
        mask: url(../charity_icons_svg/btn_dir.svg) no-repeat;
        width: 9px;
        height: 1rem;
        background-color: var(--color-primary);
    } */
    
    .mad-text-medium .mad-entity-footer [class*="mad-text-link"] {
        font-size: 1.125rem;
    }
    
    [class*="mad-text-link"].tt-normal {
        text-transform: none;
    }
    
    .mad-text-link.pressed, .mad-text-link.pressed:hover {
        color: var(--color-primary-darker);
    }
    
    [class*="mad-text-link"]:not(.pressed):not(.btn-disabled):not([class*="style-"]):hover {
        color: var(--color-primary-lighter);
    }
    
    [class*="mad-text-link"]:not(.pressed).style-2:hover {
        color: var(--color-secondary-60);
    }
    
    [class*="mad-text-link"].btn-disabled, [class*="mad-text-link"].btn-disabled:hover {
        color: var(--color-neutral-40);
        cursor: not-allowed;
    }
    
    [class*="mad-text-link"].style-2 {
        color: var(--color-secondary-80);
    }
    
    .mad-text-link.style-2.pressed, .mad-text-link.style-2.pressed:hover {
        color: var(--color-secondary);
    }
    
    [class*="mad-text-link"].pressed.style-2:after, [class*="mad-text-link"].style-2:hover:after {
        background-color: var(--color-secondary-10);
    }
    
    [class*="mad-text-link"].style-2.btn-disabled, [class*="mad-text-link"].style-2.btn-disabled:hover {
        color: var(--color-secondary-40) !important;
    }
    
    [class*="mad-text-link"].style-3 {
        color: var(--color-neutral-80);
    }
    
    .mad-text-link.style-3.pressed, .mad-text-link.style-3.pressed:hover {
        color: var(--color-neutral);
    }
    
    [class*="mad-text-link"].pressed.style-3:after, [class*="mad-text-link"].style-3:hover:after {
        background-color: var(--color-neutral-10);
        color: var(--color-secondary-60);
    }
    
    [class*="mad-text-link"].style-3.btn-disabled, [class*="mad-text-link"].style-3.btn-disabled:hover {
        color: var(--color-secondary-40) !important;
    }
    
    .mad-share-wrap {
        display: flex;
        align-items: center;
        column-gap: 1rem;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--color-neutral-80);
        z-index: 1;
    }
    
    .mad-entities.type-2:not(.entity-big):not(.single-event) .mad-share-wrap .mad-social-icons,
    .mad-entities.with-share-icon .mad-share-wrap .mad-social-icons {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        opacity: 0;
        padding: 1rem;
        visibility: hidden;
        transition: all .5s ease;
        background: var(--color-neutral-0);
        transform: translateY(0);
    }
    
    .mad-media-section .mad-entities.with-share-icon .mad-share-wrap .mad-social-icons {
        background: var(--color-neutral-80);
    }
    
    .mad-media-section.style-2 .mad-entities.with-share-icon .mad-share-wrap .mad-social-icons {
        background: var(--color-secondary-5);
    }
    
    /* .mad-entities.type-2:not(.entity-big):not(.single-event) .mad-share-wrap .mad-social-icons ul {
        justify-content: center;
    } */
    
    .mad-entities.type-2:not(.entity-big):not(.single-event) .mad-share-wrap:hover .mad-social-icons,
    .mad-entities.with-share-icon .mad-share-wrap:hover .mad-social-icons {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%);
    }
    
    .mad-entities.type-2:not(.entity-big):not(.single-event) .mad-share-wrap .mad-social-icons ul,
    .mad-entities.with-share-icon .mad-share-wrap .mad-social-icons ul {
        flex-wrap: nowrap;
        margin: 0 -1rem;
        border-radius: var(--br-main);
    }
    
    .mad-entities.type-2.wiht-bg-backplate .mad-share-wrap .mad-social-icons ul {
        margin: 0 !important;
    }
    
    .mad-entities.type-2:not(.entity-big):not(.single-event) .mad-share-wrap:hover a.share,
    .mad-entities.with-share-icon .mad-share-wrap:hover a.share {
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-share-wrap.type-2 .mad-social-icons>ul {
        flex-wrap: nowrap;
    }
    
    .mad-share-wrap.type-2 {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        align-items: center;
        row-gap: 1rem;
    }
    
    .mad-share-wrap.type-2>span {
        font-size: 1.125rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--color-neutral-80);
    }
    
    .mad-text-link.share .svg {
        margin-left: .5rem;
        display: inline-block;
        margin-top: -3px;
    }
    
    .mad-text-link.share.no-text {
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem;
        text-align: center;
        background: var(--color-secondary-10);
        border-radius: var(--br-main);
        justify-content: center;
    }
    
    .btn-huge+.mad-share-wrap .mad-text-link.share.no-text {
        width: 4.5rem;
        height: 4.5rem;
        line-height: 4.5rem;
    }
    
    .btn-huge+.mad-share-wrap .mad-social-icons.size-small {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    .btn-huge+.mad-share-wrap .mad-social-icons.size-small ul li a {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.5rem;
        line-height: 3.5rem;
        border-radius: 1rem;
    }
    
    .btn-super-huge+.mad-share-wrap .mad-text-link.share.no-text {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
    }
    
    .mad-text-link.share.no-text .svg path {
        stroke: var(--color-secondary-80);
    }
    
    .mad-text-link.share.no-text .svg {
        margin: 0;
        width: 1.0938rem;
        height: 1.25rem;
    }
    
    .btn-huge+.mad-share-wrap .mad-text-link.share.no-text .svg {
        height: 1.5rem;
        width: 1.5rem;
    }
    
    .btn-super-huge+.mad-share-wrap .mad-text-link.share.no-text .svg {
        height: 2rem;
        width: 2rem;
    }
    
    .btn-super-huge+.mad-share-wrap .mad-social-icons ul li a {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.5rem;
        line-height: 3.5rem;
        border-radius: 1rem;
    }
    
    .mad-text-link.share:after {
        display: none;
    }
    
    .mad-flex-item {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2rem;
        row-gap: 2rem;
    }
    
    .btn-set {
        margin: -1rem -0.5rem 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .btn-set>* {
        margin: 1rem 0.5rem 0;
    }
    
    .btn-set.vr-type {
        flex-direction: column;
    }
    
    .btn-set.small-btns {
        margin: -0.25rem -0.125rem 0;
    }
    
    .btn-set.small-btns>* {
        margin: 0.25rem 0.125rem 0;
    }
    
    .btn-set.big-btns {
        margin: -2rem -1rem 0;
    }
    
    .btn-set.big-btns>* {
        margin: 2rem 1rem 0;
    }
    
    .btn-set.size-3 {
        margin: -0.5rem -0.25rem 0;
    }
    
    .btn-set.size-3>* {
        margin: 0.5rem 0.25rem 0;
    }
    
    .btn-set.big-btns>* {
        margin: 2rem 1rem 0;
    }
    
    .btn-set.size-2 {
        margin: -1rem -1.25rem 0;
    }
    
    .btn-set.size-2>* {
        margin: 1rem 1.25rem 0;
    }
    
    .btn-set.mad-logos {
        flex-wrap: nowrap;
        margin: -1.5rem -0.75rem 0;
    }
    
    .btn-set.mad-logos>* {
        margin: 1.5rem 0.75rem 0;
    }
    
    .btns-set {
        margin: -4rem -1.5rem 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }
    
    .btns-set:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    .btns-set>ul {
        width: 25%;
        padding: 4rem 1.5rem 0;
        line-height: normal;
    }
    
    .btns-set ul>li:not([class*="content-element-"]):not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-share-btns {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: -0.25rem -0.125rem 0;
    }
    
    .mad-share-btns>a {
        padding: 0.3125rem 2rem;
        font-size: 0.9375rem;
        letter-spacing: 0.1px;
        color: #fff !important;
        border-radius: 8px;
        font-weight: 500;
        margin: 0.25rem 0.125rem 0;
        background-image: none !important;
    }
    
    .mad-share-btns>a i {
        font-size: 0.75rem;
        margin-right: 0.625rem !important;
        margin-left: 0 !important;
        margin-top: 0.25rem;
        line-height: 25px;
    }
    
    .mad-share-btns>a i.icon {
        font-size: 0.875rem;
    }
    
    .mad-share-btns>span {
        margin-right: 1rem;
    }
    
    .mad-paycards a {
        border-radius: 0.5rem;
        display: block;
        overflow: hidden;
    }
    
    /* ----------------------------------------
            Panels (Accordions & Toggles)
        ---------------------------------------- */
    
    .mad-panels-title>button {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: bold;
        font-family: 'Arima Madurai', cursive;
        text-align: initial;
        display: block;
        width: 100%;
        position: relative;
        background-clip: padding-box;
        color: var(--color-primary);
        -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }
    
    .mad-panels-title>button:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-panels-title>button::after, .mad-panels-title>button::before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 2rem;
        width: 2rem;
        background-color: var(--color-primary);
        border-radius: var(--br-custom);
    }
    
    .mad-panels-title>button::before {
        -webkit-mask: url(../charity_icons_svg/plus.svg) no-repeat;
        mask: url(../charity_icons_svg/plus.svg) no-repeat;
    }
    
    .mad-panels-title>button::after {
        -webkit-mask: url(../charity_icons_svg/minus.svg) no-repeat;
        mask: url(../charity_icons_svg/minus.svg) no-repeat;
        opacity: 0;
    }
    
    
    
    .mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active>button::after, .mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active>button::before {
        background-color: var(--color-primary-darker);
    }
    
    .mad-panels-title:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-panels-active.mad-panels-title>button::before {
        opacity: 0;
    }
    
    .mad-panels-active.mad-panels-title>button::after {
        opacity: 1;
    }
    
    .mad-panels-definition:not(.with-item) {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    
    .mad-panels-definition:not(:last-child) {
        margin-bottom: 0;
    }
    
    /* .mad-panels-definition p:not(:last-child) {
        margin-bottom: 1rem;
    } */
    
    .mad-panels-title.mad-panels-active>button {
        color: var(--color-primary-darker);
    }
    
    .mad-panels-title:first-child>button {
        border-top: none;
    }
    
    .mad-panels-title>button {
        border-width: 1px 0 0 0;
        border-color: #dadada;
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title>button {
        background-color: var(--color-secondary-80);
        color: var(--color-neutral-0);
        padding: 1rem 2rem;
        padding-right: 5rem;
        border-radius: var(--br-main);
    }
    
    .mad-panels:not(.mad-panels--style-2) .mad-panels-title:not(:first-child) {
        padding-top: 1rem;
        border-top: 1px solid var(--color-secondary-20);
    }
    
    .mad-panels:not(.mad-panels--style-2) .mad-panels-title:not(:last-child) {
        padding-bottom: 1rem;
    }
    
    .mad-panels.mad-panels--style-2 {
        margin-bottom: -0.5rem;
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title>button {
        -webkit-tap-highlight-color: transparent;
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title>button:hover {
        background-color: var(--color-secondary);
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title {
        position: relative;
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active>button {
        background-color: var(--color-secondary);
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title>button::before {
        -webkit-mask: url(../charity_icons_svg/plus.svg) no-repeat;
        mask: url(../charity_icons_svg/plus.svg) no-repeat;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
        background: var(--color-neutral-0);
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title>button::after {
        -webkit-mask: url(../charity_icons_svg/minus.svg) no-repeat;
        mask: url(../charity_icons_svg/minus.svg) no-repeat;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
        background: var(--color-neutral-0);
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active:after {
        content: '';
        position: absolute;
        top: calc(100% - 19px);
        left: 2rem;
        width: 2rem;
        height: 24px;
        background: var(--color-secondary);
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-title:not(.mad-panels-active):not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-definition:not(.with-item) {
        padding: 2rem;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
    }
    
    .mad-panels.mad-panels--style-2 .mad-panels-definition {
        margin: 0.5rem 0;
    }
    
    .mad-panels-definition p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .mad-panels-definition .img-wrap img {
        border-radius: var(--br-main);
    }
    
    .mad-panels-definition.with-item .mad-entities:not(.type-2):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-3):not(.type-6) .mad-entity .mad-entity-content {
        width: 100% !important;
    }
    
    /* ----------------------------------------
            Tabs & Tour Sections
        ---------------------------------------- */
    
    .mad-tabs:not(.mad-tabs--unstyled):not(.nav-scroll-menu) {
        overflow: hidden;
    }
    
    .with-scroll-nav .mad-section[id*='tab-'] {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .mad-tabs.nav-scroll-menu {
        border-bottom: 1px solid var(--color-secondary-20);
    }
    
    .mad-tabs.nav-scroll-menu:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .nav-scroll-menu.sticky {
        position: fixed;
        top: 105px;
        left: 0;
        right: 0;
        background: var(--color-neutral-0);
        z-index: 9;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav {
        font-weight: bold;
        display: flex;
        column-gap: 2.5rem;
        position: relative;
        z-index: 2;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    
    
    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a {
        font-family: 'Arima Madurai', cursive;
        color: var(--color-primary);
        display: block;
        font-weight: bold;
        white-space: nowrap;
        border-radius: var(--br-main);
        font-size: 1.5rem;
        line-height: 2rem;
        position: relative;
        -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav .mad-active>a {
        color: var(--color-primary-darker);
    }
    
    .mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav .mad-active>a:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        height: 100%;
        width: 1px;
        background: var(--color-primary);
    }
    
    .mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--style-2):not(.mad-tabs--tour-sections) .mad-tabs-nav a {
        padding-bottom: 1rem;
    }
    
    .mad-tabs:not(.mad-tabs--unstyled):not(.mad-tabs--style-2):not(.mad-tabs--tour-sections) .mad-tabs-nav .mad-active>a:after {
        left: 0;
        top: 100%;
        height: 1px;
        width: 100%;
    }
    
    .mad-tabs.mad-tabs--style-2:not(.mad-tabs--tour-sections) .mad-tabs-nav .mad-active>a:after {
        content: '';
        position: absolute;
        top: calc(100% - 20px);
        left: 50%;
        transform: translateX(-50%);
        width: 2rem;
        height: 24px;
        background: var(--color-secondary);
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    
    .mad-tabs:not(.mad-tabs--unstyled) .mad-tab {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-top: 2rem;
    }
    
    .mad-tabs:not(.mad-tabs--style-2):not(.mad-tabs--unstyled) .mad-tabs-container {
        border-top: 1px solid var(--color-secondary-20);
    }
    
    .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav {
        column-gap: 0.5rem;
        row-gap: 0.5rem;
        margin-bottom: 0.5rem;
    }
    
    .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav a {
        position: relative;
        padding: 1rem 2rem;
        background: var(--color-secondary-80);
        color: var(--color-neutral-0);
    }
    
    .mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav a:hover {
        background: var(--color-secondary);
        color: var(--color-neutral-0);
    }
    
    .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(.mad-tabs--tour-sections) .mad-tabs-nav .mad-active>a {
        background: var(--color-secondary);
        color: var(--color-neutral-0);
    }
    
    .mad-tabs.mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tab {
        padding: 2rem !important;
        padding-bottom: 0;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav {
        float: left;
        width: 100%;
        max-width: 30%;
        min-width: 15rem;
        display: block;
        border: none;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--style-2):not(.mad-tabs--unstyled) .mad-tabs-container {
        border-left: 1px solid var(--color-secondary-20);
        border-top: 0;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav>span {
        display: block;
    }
    
    .mad-tabs:not(.mad-tabs--unstyled).mad-tabs--tour-sections .mad-tabs-nav>span a {
        position: relative;
        white-space: normal;
    }
    
    .mad-tabs--tour-sections .mad-tabs-nav>span:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav>span:first-child a {
        padding-top: 0;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled), .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-container {
        overflow: hidden;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tab {
        padding-top: 0;
        padding-left: 2rem;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab, .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tab {
        padding-top: 0;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab {
        padding-right: 0;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav {
        margin-right: 0.5rem;
    }
    
    .mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav a {
        padding: 1rem 2rem;
    }
    
    .mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav>span a:after, .mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav>span a:before {
        background-color: var(--color-neutral-0);
        left: 2rem;
    }
    
    .mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav>span.mad-active a {
        color: var(--color-neutral-0);
        background: var(--color-secondary);
    }
    
    .mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav>span.mad-active a:after {
        content: '';
        position: absolute;
        left: calc(100% - 27px);
        top: 50%;
        transform: translateY(-50%);
        width: 2rem;
        height: 24px;
        background: var(--color-secondary);
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
    }
    
    .mad-tabs--tour-sections.mad-tabs--style-2 .mad-tabs-nav>span:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-tabs.no-icons:not(.mad-tabs--unstyled) .mad-tabs-nav>span a {
        padding: 0;
    }
    
    .mad-tabs.no-icons .mad-tabs-nav>span a:before, .mad-tabs.no-icons .mad-tabs-nav>span a:after {
        display: none;
    }
    
    .mad-tabs .mad-tab p:not([class*="content-element-"]):not(:last-child) {
        margin-bottom: 1rem;
    }
    
    /* ----------------------------------------
            Pagination
        ---------------------------------------- */
    
    .mad-img-section .mad-img-content {
        padding: 9rem 0;
    }
    
    .mad-img-content .mad-title {
        position: relative;
        z-index: 11;
    }
    
    .mad-img-section .mad-img-container {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
    
    .mad-img-container .mad-img {
        margin-bottom: -4rem;
    }
    
    .mad-img-section .mad-img-container.top-side {
        align-items: flex-start;
    }
    
    .mad-img-section .mad-img-container.top-side .mad-img {
        margin-bottom: 0;
        margin-top: -4rem;
    }
    
    .mad-img {
        display: flex;
        overflow: hidden;
        z-index: 2;
        width: 100%;
        border-radius: var(--br-main);
    }
    
    .mad-img>img {
        width: 100%;
    }
    
    /* Pages Navigation */
    
    .mad-page-nav {
        margin-top: 2.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .mad-page-nav>[class*="mad-nav-"] {
        display: flex;
        align-items: center;
        position: relative;
        max-width: 50%;
    }
    
    .mad-page-nav>[class*="mad-nav-"]:before {
        content: '';
        display: block;
        width: 3.5rem;
        min-width: 3.5rem;
        height: 3.5rem;
        text-align: center;
        line-height: 3.5rem;
        background: #e6e6e6;
        transition: all .5s ease;
        border-radius: 50%;
        cursor: pointer;
    }
    
    .mad-page-nav>.mad-nav-left:after, .mad-page-nav>.mad-nav-right:after {
        position: absolute;
        left: 1rem;
        top: 50%;
        margin-top: -9.5px;
        content: '';
        height: 19px;
        width: 22px;
        -webkit-mask: url(../yummi_svg_icons/arrow_left.svg) no-repeat;
        mask: url(../yummi_svg_icons/arrow_left.svg) no-repeat;
        background-color: #232223;
        background-size: cover;
    }
    
    .mad-page-nav>.mad-nav-right:after {
        left: auto;
        right: 1rem;
        -webkit-mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
        mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    }
    
    .mad-page-nav>[class*="mad-nav-"]:hover:before {
        background: #ebe117;
    }
    
    .nav-actions a b {
        font-weight: normal;
    }
    
    .mad-page-nav>.mad-nav-right {
        flex-direction: row-reverse;
        text-align: right;
    }
    
    .mad-page-nav>[class*="mad-nav-"]>* {
        padding: 0 1rem;
    }
    
    .mad-page-nav.mad-entities.mad-entity-hr .mad-nav-right .mad-entity .mad-entity-tags {
        justify-content: flex-end;
    }
    
    .mad-page-nav.mad-entities.mad-entity-hr .mad-nav-right .mad-entity .mad-entity-media {
        margin-right: 0;
        margin-left: 1rem;
    }
    
    /* / Pages Navigation */
    
    .mad-pagination {
        display: flex;
        margin-top: 2rem;
        column-gap: 1rem;
        justify-content: center;
        align-items: center;
    }
    
    .mad-pagination>li>a.mad-arrows>.svg path {
        fill: var(--color-primary);
        transition: all .5s ease;
    }
    
    .mad-pagination>li>a.mad-arrows {
        display: flex;
        align-items: center;
        font-family: 'Arima Madurai', cursive;
        font-size: 1.125rem;
        line-height: 1.5rem;
        column-gap: 1rem;
        font-weight: bold;
        width: auto;
        color: var(--color-primary);
    }
    
    .mad-pagination>li:not(:only-child):first-child, .mad-pagination>li:not(:only-child):last-child {
        flex: auto;
    }
    
    .mad-pagination>li>a.mad-arrows.next {
        flex-direction: row-reverse;
    }
    
    .mad-pagination>li>a.mad-arrows .material-icons {
        font-size: 1.25rem;
        max-width: 14px;
    }
    
    .mad-pagination>li>a.page-numbers>i {
        line-height: 3.25rem;
    }
    
    .mad-pagination>li>a.mad-arrows>span {
        position: relative;
    }
    
    .mad-pagination>li>a.mad-arrows>span {
        transition: .5s ease;
    }
    
    .mad-pagination>li>a.mad-arrows.next>span:after {
        left: auto;
        right: 0;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    
    .mad-pagination>li>a:hover, .mad-pagination>li>a.mad-arrows:hover>i {
        color: var(--color-primary-lighter);
        border-color: var(--color-primary-lighter);
    }
    
    .mad-pagination>li>a:not(.mad-arrows):hover .svg rect {
        stroke: var(--color-primary-50);
    }
    
    .mad-pagination>li>a.current {
        color: var(--color-primary-darker);
        border-color: var(--color-primary-darker);
    }
    
    .mad-pagination>li>a.page-numbers {
        width: 2.5rem;
        line-height: 2.5rem;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--color-primary);
        text-align: center;
        display: block;
        border-radius: 1rem;
    }
    
    .mad-pagination>li>a.page-numbers:hover, .mad-pagination>li>a.page-numbers.current {
        background: var(--color-primary-darker);
        color: var(--color-neutral-0);
    }
    
    .mad-pagination>li>a.page-numbers:not(.current):hover {
        background: none;
    }
    
    .mad-pagination>li>a.page-numbers:not(.current):hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-pagination>li>a.page-numbers.current {
        cursor: inherit;
    }
    
    /* ----------------------------------------
            Progress Bars
        ---------------------------------------- */
    
    .mad-progress-bars-item:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-progress-bar {
        height: 0.5rem;
        position: relative;
        border-radius: var(--br-main);
        overflow: hidden;
        background-color: var(--color-primary-25);
    }
    
    .mad-progress-bar-title {
        font-family: 'Arima Madurai', cursive;
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 0.5rem;
        display: block;
        font-weight: bold;
        position: relative;
        padding-right: 6.25rem;
        letter-spacing: -0.3px;
        color: var(--color-neutral);
    }
    
    .mad-progress-bar-title::after {
        content: attr(data-value) attr(data-units);
        position: absolute;
        bottom: 0;
        right: 0;
        color: var(--color-neutral);
    }
    
    .mad-progress-bar-indicator {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        background: var(--color-primary);
    }
    
    .mad-progress-bars--secondary .mad-progress-bar {
        height: 0.25rem;
        border-radius: 0;
    }
    
    .mad-progress-bars--secondary .mad-progress-bar-title {
        font-family: 'Barlow', sans-serif;
        font-size: 1.125rem;
        font-weight: normal;
    }
    
    .mad-progress-bars.style-2 .mad-progress-bar {
        background: var(--color-secondary-20);
    }
    
    .mad-progress-bars.style-2 .mad-progress-bar-indicator {
        background: var(--color-secondary);
    }
    
    .mad-review-section {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2rem;
        row-gap: 2rem;
    }
    
    .mad-review-section>* {
        flex: 1;
    }
    
    .mad-review-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        height: 100%;
        width: 100%;
        max-width: 17rem;
        min-height: 17rem;
        background: var(--color-primary-10);
    }
    
    .mad-review-box-inner {
        font-family: 'Arima Madurai', cursive;
        font-size: 1.5rem;
        line-height: 2rem;
        letter-spacing: -0.5px;
        text-align: center;
        color: var(--color-neutral);
        display: flex;
        flex-direction: column;
    }
    
    .mad-review-box-inner>span:first-child {
        font-size: 6rem;
        line-height: 6rem;
        color: var(--color-primary);
    }
    
    .mad-progress-bars.size-2 .mad-progress-bar-title {
        font-size: 1.125rem;
        font-weight: normal;
        font-family: 'Barlow', sans-serif;
        color: var(--color-neutral-60);
    }
    
    .mad-progress-bars.size-2.var2 .mad-progress-bar-title.style-2,
    .mad-progress-bars.size-2.var2 .mad-progress-bar-title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: .5rem;
        margin-top: 1rem;
    }
    
    .mad-progress-bars.size-2 .mad-progress-bar-title span {
        font-weight: 600;
        color: var(--color-primary);
    }
    
    .mad-progress-bars.size-2 .mad-progress-bar-title.style-2 {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
        justify-content: space-between;
        padding: 0;
        margin-bottom: 0;
        margin-top: .5rem;
    }
    
    .mad-progress-bars.size-2 .mad-progress-bar-title.style-2 span {
        color: var(--color-neutral);
    }
    
    .mad-progress-bars.color-2 .mad-progress-bar-title {
        color: var(--color-primary-25);
    }
    
    .mad-progress-bars.color-2 .mad-progress-bar-title span,
    .mad-progress-bars.color-2 .mad-progress-bar-title::after,
    .mad-progress-bars.color-2 .mad-progress-bar-title.style-2 span {
        color: var(--color-neutral-0);
    }
    
    .mad-progress-bars.color-2 .mad-progress-bar {
        color: var(--color-neutral-10);
    }
    
    .mad-progress-bars.color-2 .mad-progress-bar-indicator {
        background: var(--color-neutral-80);
    }
    
    .mad-progress-bars.color-3 .mad-progress-bar-title {
        color: var(--color-neutral-15);
    }
    
    .mad-progress-bars.color-3 .mad-progress-bar-title span,
    .mad-progress-bars.color-3 .mad-progress-bar-title::after,
    .mad-progress-bars.color-3 .mad-progress-bar-title.style-2 span {
        color: var(--color-neutral-0);
    }
    
    
    
    /* ----------------------------------------
            Counters
        ---------------------------------------- */
    
    .mad-counters {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        z-index: 2;
    }
    
    .mad-counters[class*="item-col-"]:not(.no-gutters) {
        margin-top: -3rem;
    }
    
    .mad-counters[class*="item-col-"]:not(.no-gutters)>* {
        padding-top: 3rem;
    }
    
    .mad-counters[class*="item-col-"]:not(.no-gutters) {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    
    .mad-counters[class*="item-col-"]:not(.no-gutters)>* {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .mad-counter {
        color: var(--color-neutral-80);
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-right: 3rem;
        font-weight: 500;
        height: 100%;
    }
    
    .mad-counters>.mad-col:not(:last-child) .mad-counter {
        border-right: 1px solid var(--color-secondary-20);
    }
    
    .mad-counter-count {
        font-family: 'Arima Madurai', cursive;
        font-size: 4.5rem;
        line-height: 4.5rem;
        white-space: nowrap;
        font-weight: 900;
        color: var(--color-secondary);
        letter-spacing: -3px;
        margin-bottom: 0.5rem;
    }
    
    .mad-counter-icon .svg {
        height: 6rem;
    }
    
    .mad-counters.type-2 .mad-counter-icon .svg {
        height: 4.875rem;
    }
    
    .mad-counters.vr-type .mad-counter .mad-counter-inner {
        flex-direction: column;
        column-gap: 0;
        row-gap: 0;
    }
    
    .mad-counters.vr-type .mad-counter .mad-counter-icon:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-counter .mad-counter-icon:after {
        width: 4rem;
        height: 4rem;
        margin-right: -0.5rem;
        margin-top: -0.5rem;
    }
    
    .mad-counters .mad-counter .mad-counter-inner {
        display: flex;
        column-gap: 1.5rem;
        row-gap: 1rem;
        justify-content: center;
    }
    
    /* .mad-counter-content {
        padding: 0 2rem;
    } */
    
    .mad-counters.style-2 .mad-counter {
        color: var(--color-secondary-5);
    }
    
    .mad-counters.style-2 .mad-counter-count {
        color: var(--color-neutral-0);
    }
    
    .mad-counters.no-icons .mad-counter .mad-counter-icon {
        display: none;
    }
    
    .mad-counters.style-2 .mad-counter .mad-counter-icon path {
        fill: var(--color-neutral-0);
    }
    
    .mad-counters.style-2>.mad-col:not(:last-child) .mad-counter {
        border-right: 1px solid var(--color-primary-50);
    }
    
    .mad-colorizer--scheme-color-6 .mad-counters.style-2>.mad-col:not(:last-child) .mad-counter {
        border-right: 1px solid var(--color-secondary-80);
    }
    
    /* ----------------------------------------
            Tooltips
        ---------------------------------------- */
    
    [data-tooltip]:not(a) {
        font-weight: 600;
        color: var(--color-secondary-80);
    }
    
    .monkeysan-tooltip-skin-mad {
        font-size: 0.8125rem;
        line-height: 2rem;
        font-weight: normal;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        background-color: var(--color-primary-25);
        color: var(--color-secondary);
        border-radius: 0.5rem;
    }
    
    .monkeysan-tooltip-skin-mad.monkeysan-tooltip::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        position: absolute;
        background-color: inherit;
    }
    
    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom.monkeysan-tooltip-position-reversed::after {
        bottom: auto;
        right: auto;
        top: 100%;
        left: 50%;
        width: 10px;
        height: 4px;
        transform: translate(-50%, -50%);
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }
    
    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top.monkeysan-tooltip-position-reversed::after {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        width: 10px;
        height: 4px;
        transform: translate(-50%, 50%);
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
    }
    
    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left.monkeysan-tooltip-position-reversed::after {
        bottom: auto;
        right: 100%;
        top: 50%;
        left: auto;
        width: 4px;
        height: 10px;
        transform: translate(50%, -50%);
        border-top-left-radius: 50%;
        border-bottom-left-radius: 50%;
    }
    
    .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right.monkeysan-tooltip-position-reversed::after {
        bottom: auto;
        right: auto;
        top: 50%;
        left: 100%;
        width: 4px;
        height: 10px;
        transform: translate(-50%, -50%);
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
    }
    
    /* ---------------------- */
    
    .mad-custom-tooltip {
        position: relative;
        padding: 0 0.5rem;
    }
    
    .mad-custom-tooltip .monkeysan-tooltip-skin-mad {
        position: absolute;
        bottom: calc(100% + 1rem);
        left: 50%;
        transform: translateX(-50%);
        width: 8.875rem;
        text-align: center;
        font-size: 0.8125rem;
        line-height: 1rem;
        padding: 0.25rem 0.75rem;
    
        opacity: 0;
        visibility: hidden;
    
        transition: .5s ease;
    }
    
    .mad-custom-tooltip:hover .monkeysan-tooltip-skin-mad {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-entity-content .mad-label-icon {
        position: absolute;
        right: 0;
    }
    
    .mad-entity-content .owl-carousel .mad-label-radio {
        padding-right: 2.5rem;
    }
    
    .mad-br-text {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -0.3px;
        padding: 1.5rem;
        margin-top: 1rem;
        border: 1px solid var(--color-neutral-60);
        border-radius: var(--br-main);
    }
    
    .mad-br-text b {
        color: var(--color-neutral-0);
    }
    
    .mad-br-text .mad-fw-bold {
        line-height: 2.5rem;
    }
    
    .mad-entity .mad-entity-content .mad-br-text p:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-entity .mad-entity-content .mad-br-text .mad-link {
        display: flex;
        column-gap: 0.5rem;
        color: var(--color-neutral-80);
    }
    
    .mad-colorizer--scheme-color-3 .mad-entity-content .mad-br-text .mad-link {
        color: var(--color-primary);
    }
    
    .mad-colorizer--scheme-color-3 .mad-entity-content .mad-br-text .mad-link .svg path {
        fill: var(--color-primary);
    }
    
    .mad-colorizer--scheme-color-8 .mad-entity-content .mad-br-text {
        border-color: var(--color-primary-50);
    }
    
    .mad-progress-bars.color-4 .mad-progress-bar-title span,
    .mad-progress-bars.color-4 .mad-progress-bar-title::after,
    .mad-progress-bars.color-4 .mad-progress-bar-title.style-2 span {
        color: var(--color-neutral-0);
    }
    
    .mad-progress-bars.color-4 .mad-progress-bar-title {
        color: var(--color-neutral-10);
    }
    
    .mad-progress-bars.color-4 .mad-progress-bar {
        background: var(--color-neutral-10);
    }
    
    .mad-progress-bars.color-4 .mad-progress-bar-indicator {
        background: var(--color-neutral-80);
    }
    
    .mad-progress-bars.size-2.var3 .mad-progress-bar-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-toggled-fields {
        width: 100%;
    }
    
    .mad-entity .mad-entity-content .owl-carousel .mad-col .mad-toggled-fields {
        padding: 0 1px;
    }
    
    .mad-entity.vr-slider .mad-entity-content form textarea {
        height: 9rem;
    }
    
    .mad-entity.vr-slider .mad-entity-content input[type="radio"]+label[for]:not(:last-child) {
        margin-bottom: 0;
    }
    
    .vr-slider .owl-carousel:not(.mad-simple-slideshow) .owl-stage {
        display: block;
    }
    
    .vr-slider .owl-carousel:not(.mad-simple-slideshow) .owl-item {
        float: left;
    }
    
    .mad-colorizer--scheme-light .vr-slider p {
        color: var(--color-neutral-0);
    }
    
    /* ----------------------------------------
            Team Members
        ---------------------------------------- */
    
    .mad-team {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-team .mad-team-member {
        position: relative;
        transition: all .5s ease;
        border-radius: var(--br-main);
        overflow: hidden;
    
    }
    
    .mad-team-member-photo {
        display: block;
    
    }
    
    .mad-team-member-photo img {
        width: 100%;
    }
    
    .mad-team-member .mad-team-member-info {
        text-align: center;
        padding: 2rem;
    
    }
    
    .mad-team-member-info .mad-team-member-name:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-team-member-info .mad-team-member-name a:hover {
        text-decoration: underline;
    }
    
    .mad-team-member-info .mad-member-stat,
    .mad-team .mad-pre-title {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-weight: 500;
        color: var(--color-neutral-60);
    }
    
    .mad-team:not(.type-3) .mad-team-member .mad-social-icons {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
        margin-top: -2rem;
    }
    
    .mad-team:not(.type-3) .mad-team-member:hover .mad-social-icons {
        opacity: 1;
        visibility: visible;
        margin-top: 1.5rem;
    }
    
    .mad-team:not(.type-3) .mad-team-member .mad-team-member-info {
        position: relative;
        z-index: 2;
        transition: .5s ease;
    }
    
    .mad-team .mad-team-member .mad-team-member-info:after {
        content: '';
        position: absolute;
        inset: 0;
        border: 1px solid var(--color-neutral-15);
        border-bottom-left-radius: var(--br-main);
        border-bottom-right-radius: var(--br-main);
        transition: .5s ease;
        border-top: 0;
        z-index: -1;
    }
    
    .mad-team .mad-team-member .mad-team-member-info::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--color-secondary-5);
        z-index: -1;
    }
    
    .mad-team .mad-team-member:hover .mad-team-member-info::after {
        border-color: var(--color-secondary);
    }
    
    .mad-team:not(.type-3) .mad-team-member:hover .mad-team-member-info {
        margin-top: -3.5rem;
    }
    
    .mad-entities.mad-team .mad-entity .mad-entity-content .mad-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-team.type-2 .mad-team-member .mad-team-member-info {
        position: relative;
        text-align: center;
        width: 100%;
        padding-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 2.5rem;
    
    }
    
    .container>.mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity .mad-entity-content {
        padding-left: 4rem;
        padding-right: 4rem;
    
    }
    
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity {
        overflow: hidden;
        border-radius: var(--br-main);
    }
    
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity::before {
        content: '';
        position: absolute;
        inset: 0;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
    }
    
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity:after {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--color-secondary-5);
        z-index: -1;
    }
    
    .mad-team.type-2[class*="item-col-"]:not(.no-gutters) {
        margin-top: -2.5rem;
    }
    
    .mad-team.type-2[class*="item-col-"]:not(.no-gutters)>* {
        padding-top: 2.5rem;
    }
    
    .mad-entities.mad-team.type-4.style-2 .mad-entity .mad-entity-content:after {
        background: var(--color-primary-5);
    }
    
    .mad-entities.wiht-bg-backplate .mad-entity {
        position: relative;
    }
    
    .mad-entities.wiht-bg-backplate:not(.type-3) .mad-entity .mad-entity-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 4.5rem;
        background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 100%);
    }
    
    .mad-entities.wiht-bg-backplate:not(.type-3) .mad-entity .mad-entity-media {
        position: relative;
    
    }
    
    .mad-entities.wiht-bg-backplate:not(.type-3) .mad-entity .mad-entity-media:after {
        content: '';
        background: var(--color-neutral);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.5;
    }
    
    .mad-entities.wiht-bg-backplate .mad-entity .mad-entity-content h6.mad-entity-title,
    .mad-entities.wiht-bg-backplate .mad-entity .mad-progress-bars.size-2 .mad-progress-bar-title.style-2 span,
    .mad-entities.wiht-bg-backplate .mad-entity .mad-progress-bar-title::after {
        color: var(--color-neutral-0);
    }
    
    .mad-entities.wiht-bg-backplate .mad-entity .mad-progress-bars.size-2 .mad-progress-bar-title {
        color: var(--color-neutral-15);
    }
    
    .mad-entities.wiht-bg-backplate .mad-entity .mad-entity-media .label {
        position: absolute;
        top: 2rem;
        left: 2rem;
        font-size: 0.875rem;
        line-height: 2rem;
        padding: 0 0.5rem;
        border-radius: 0.5rem;
        background: var(--color-secondary-5);
        text-transform: uppercase;
        color: var(--color-primary);
        letter-spacing: 1px;
        font-weight: 500;
        z-index: 2;
    }
    
    /* ----------------------------------------
            Tables
        ---------------------------------------- */
    
    .mad-table-wrap {
        border-radius: var(--br-main);
        overflow: hidden;
        position: relative;
        z-index: 1;
        background-color: var(--color-neutral-0);
    }
    
    .mad-table-wrap:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: var(--br-main);
        border-width: 1px;
        border-style: solid;
        border-color: var(--color-neutral-15);
        z-index: -1;
    }
    
    table {
        table-layout: fixed;
        border-collapse: collapse;
        border-width: 1px;
        border-style: solid;
        overflow: hidden;
        border-color: var(--color-neutral-15);
        width: 100%;
    }
    
    table:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    table tr {
        -webkit-transition-property: background-color;
        transition-property: background-color;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        border-width: 0;
        border-style: solid;
    }
    
    table tr:hover, table tr:focus {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
    }
    
    table tr:hover td {
        background-color: var(--color-neutral-5);
    }
    
    table td, table th {
        padding-top: 1rem;
        padding-right: 2rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        font-size: 1rem;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: var(--color-neutral-15);
        color: var(--color-neutral-80);
    }
    
    table th, table tfoot td.title {
        font-weight: 400;
        color: var(--color-neutral);
    }
    
    table tfoot td {
        font-weight: bold;
    }
    
    table th {
        font-size: 1.25rem;
        font-weight: bold;
        font-family: 'Arima Madurai', cursive;
    }
    
    table tfoot td>span {
        color: var(--color-secondary);
    }
    
    table tfoot th, table tfoot td, table tfoot td.title {
        font-weight: 600;
    }
    
    table th {
        background: var(--color-neutral-15);
    }
    
    .mad-table-label {
        display: block;
        color: #b1b1b1;
    }
    
    .mad-table-label:not(:last-child) {
        margin-bottom: 1.75rem;
    }
    
    table tbody, table thead, table tfoot, table tr, table th, table td {
        border-color: inherit;
    }
    
    table.mad-table--vertical tr th {
        width: 17rem;
    }
    
    .mad-sidebar table.mad-table--vertical tr th, .mad-order table.mad-table--vertical tr th, .col-xxl-3 table.mad-table--vertical tr th {
        width: 42%;
    }
    
    .mad-order table.mad-table--vertical tr th {
        width: 46%;
    }
    
    table.mad-table--vertical tr td input[type="radio"]+label[for]:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    table.mad-table--vertical tr td input[type="radio"]+label[for] {
        letter-spacing: -1px;
        font-weight: normal;
    }
    
    table.mad-table--vertical tfoot tr th {
        font-weight: 900;
    }
    
    .mad-table-wrap.style-2 table td, .mad-table-wrap.style-2 table th, .mad-table-wrap.style-2 table {
        border-color: var(--color-secondary-80);
    }
    
    .mad-table-wrap.style-2 table th {
        background: var(--color-secondary-80);
    }
    
    .mad-table-wrap.style-2 table th {
        color: var(--color-neutral-0);
    }
    
    .mad-table-wrap.style-2:after {
        border-color: var(--color-secondary-80);
    }
    
    .mad-table-wrap.style-2 table tr:hover td {
        background-color: var(--color-primary-5);
    }
    
    .mad-fees table tr th:first-child {
        width: 75%;
    }
    
    .mad-table-wrap table tfoot tr:last-child td:first-child {
        border-bottom-left-radius: 1.2rem;
    }
    
    .mad-table-wrap table tfoot tr:last-child td:last-child {
        border-bottom-right-radius: 1.2rem;
    }
    
    .mad-table.mad-table--vertical tr:not(:last-child):first-child td:last-child {
        border-top-right-radius: 1rem;
    }
    
    /* Pricing tables */
    
    .mad-pt:not(.type-2) {
        align-items: center;
    }
    
    .mad-pt:not(.type-2) .mad-pt-item {
        border-radius: var(--br-main);
        overflow: hidden;
        text-align: center;
        position: relative;
    }
    
    .mad-pt:not(.type-2) .mad-pt-item.active .mad-pt-header {
        background: var(--color-primary-darker);
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .mad-pt:not(.type-2) .mad-pt-item:after {
        content: '';
        position: absolute;
        inset: 0;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
        z-index: -1;
        transition: .5s ease;
    }
    
    .mad-pt:not(.type-2) .mad-pt-item:hover:after {
        border-color: var(--color-secondary);
    }
    
    .mad-pt:not(.type-2) .mad-pt-item:before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background: var(--color-secondary-5);
    }
    
    .mad-pt:not(.type-2) .mad-pt-item .mad-pt-item {
        text-align: center;
        color: var(--color-neutral-80);
    }
    
    .mad-pt-item .mad-pt-header {
        background: var(--color-secondary-80);
        color: var(--color-neutral-0);
        font-family: 'Arima Madurai', cursive;
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: bold;
        letter-spacing: -1px;
        padding: 1rem;
        transition: .5s ease;
    }
    
    .mad-pt-item:hover .mad-pt-header {
        background: var(--color-secondary);
    }
    
    .mad-pt:not(.type-2) .mad-pt-item .mad-pt-content {
        padding: 2rem 1.5rem;
    }
    
    .mad-pt-item .mad-pt-content p:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-pt-item .mad-pt-price span:not(.mad-pt-qv) {
        position: relative;
        font-family: 'Arima Madurai', cursive;
        font-size: 4.5rem;
        line-height: 4.5rem;
        font-weight: 900;
        color: var(--color-primary);
        letter-spacing: -1px;
    }
    
    .mad-pt-item .mad-pt-price span:not(.mad-pt-qv):before {
        content: '$';
        font-size: 2.25rem;
        line-height: 2.5rem;
        display: inline-block;
        vertical-align: top;
    }
    
    .mad-pt-item .mad-pt-price:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-pt-item .mad-pt-price {
        white-space: nowrap;
    }
    
    .mad-pt-item .mad-pt-price .mad-pt-qv {
        display: block;
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        color: var(--color-neutral-60);
    }
    
    .mad-pt-media img {
        width: 100%;
    }
    
    /* / ------------------ / */
    
    .mad-simple-slideshow.owl-carousel .owl-nav button.owl-prev {
        left: 11.5rem;
    }
    
    .mad-simple-slideshow.owl-carousel .owl-nav button.owl-next {
        right: 11.5rem;
    }
    
    .mad-entities:not(.type-2) .mad-entity .mad-simple-slideshow.owl-carousel .owl-nav button.owl-prev, .mad-entities.mad-grid--isotope .mad-entity .mad-simple-slideshow.owl-carousel .owl-nav button.owl-prev {
        left: 2rem;
    }
    
    .mad-entities:not(.type-2) .mad-entity .mad-simple-slideshow.owl-carousel .owl-nav button.owl-next, .mad-entities.mad-grid--isotope .mad-entity .mad-simple-slideshow.owl-carousel .owl-nav button.owl-next {
        right: 2rem;
    }
    
    /* ----------------------------------------
            Banners
        ---------------------------------------- */
    
    .mad-banners {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-banners.masonry {
        margin: -2rem -1rem 0;
    }
    
    .mad-banners.masonry>.mad-col {
        width: 66.6666%;
        padding: 2rem 1rem 0;
    }
    
    .mad-banners.masonry>.mad-col:last-child {
        width: 33.3333%;
    }
    
    .mad-banners.masonry>.mad-col>.mad-banner {
        height: 100%;
    }
    
    .mad-banner {
        position: relative;
        padding: 9rem 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        font-size: 1.25rem;
        line-height: 2rem;
        height: 100%;
        border-radius: var(--br-main);
        transition: all .5s ease;
        overflow: hidden;
        color: var(--color-secondary-5);
    }
    
    .mad-banner.banner-2,
    .mad-banner.banner-3 {
        color: var(--color-neutral-15);
    }
    
    .mad-banner.banner-4 {
        color: var(--color-neutral-5);
    }
    
    .mad-banners.item-col-1 .mad-banner {
        min-height: 23.5rem;
    }
    
    .mad-sidebar .mad-banners.item-col-1 .mad-banner {
        min-height: 36rem;
    }
    
    .mad-banner .btn {
        transition: all .5s ease;
    }
    
    .mad-banners .mad-banner .mad-banner-content {
        text-align: center;
        width: 100%;
    }
    
    .mad-banners.item-col-1 .mad-banner .mad-banner-content .mad-banner-aligner {
        text-align: left;
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: row;
        column-gap: 1rem;
        row-gap: 3rem;
        justify-content: space-around;
    }
    
    .mad-banner .mad-banner-title {
        color: var(--color-neutral-0);
    }
    
    .mad-banner .mad-banner-title:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-banners .mad-banner .hover-element {
        opacity: 0;
        visibility: hidden;
        margin-top: -3.5rem;
        transition: all .5s ease;
    }
    
    .mad-banners .mad-banner:hover .hover-element {
        margin-top: 3rem;
        opacity: 1;
        visibility: visible;
    }
    
    .mad-banners.item-col-4 .mad-banner {
        font-size: 1.125rem;
        line-height: 1.5rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    
    .mad-banners .mad-banner p:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    .mad-banners .mad-banner:hover .btn {
        background: var(--color-primary-lighter);
    }
    
    .mad-banners .mad-banner:hover .btn.style-3 {
        background: var(--color-neutral-60);
    }
    
    .mad-banners .mad-banner:hover .btn.style-2 {
        background: var(--color-secondary-80);
    }
    
    .mad-banners .mad-banner:after {
        content: '';
        position: absolute;
        inset: 0;
        background: url(../images/banner_bg1.svg) var(--color-primary-darker);
        background-size: cover !important;
        background-repeat: no-repeat !important;
        z-index: -1;
        transition: all .5s;
    }
    
    .mad-banners .mad-banner:hover:after {
        transform: scale(1.2);
    }
    
    .mad-banners .mad-banner.banner-2:after {
        background: url(../images/banner_bg2.svg) var(--color-neutral-80);
    }
    
    .mad-banners .mad-banner.banner-3:after {
        background: url(../images/banner_bg3.svg) var(--color-secondary);
    }
    
    .mad-banners .mad-banner.banner-4:after {
        background: url(../images/banner_bg4.svg) var(--color-secondary-80);
    }
    
    .mad-banners .mad-banner .mad-pre-title {
        color: var(--color-secondary-10);
    }
    
    /* ----------------------------------------
            Icon boxes
        ---------------------------------------- */
    
    .mad-icon-boxes:not(.vr-type) {
        font-size: 1rem;
        line-height: 1.5rem;
        position: relative;
        z-index: 1;
    }
    
    .mad-icon-boxes:not(.vr-type) {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        position: relative;
        justify-content: center;
    }
    
    .mad-icon-boxes[class*="item-col-"]:not(.vr-type):not(.grid-type):not(.no-gutters) {
        margin: -4rem -2rem 0;
    }
    
    .mad-icon-boxes[class*="item-col-"]:not(.vr-type):not(.grid-type):not(.no-gutters)>* {
        padding: 4rem 2rem 0;
    }
    
    .mad-icon-boxes[class*="item-col-"].with-border:not(.vr-type):not(.grid-type):not(.no-gutters) {
        margin: -4rem -3rem 0;
    }
    
    .mad-icon-boxes[class*="item-col-"].with-border:not(.vr-type):not(.grid-type):not(.no-gutters)>* {
        padding: 4rem 3rem 0;
    }
    
    .mad-icon-boxes .mad-icon-box .mad-icon-box-icon {
        display: inline-flex;
    }
    
    .mad-icon-boxes:not(.align-center):not(.grid-type):not(.with-border) .mad-icon-box .mad-icon-box-icon {
        min-width: 5rem;
    }
    
    .mad-icon-boxes:not(.hr-type):not(.our-info) .mad-icon-box .mad-icon-box-icon:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-icon-box .mad-icon-box-icon .svg {
        height: 4.875rem;
    }
    
    .mad-icon-boxes:not(.hr-type):not(.grid-type):not(.small-size):not(.icon-size-2):not(.align-center) .mad-icon-box {
        max-width: 24.5rem;
    }
    
    .mad-icon-box-title>a:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-icon-boxes.with-hover .mad-icon-box {
        position: relative;
    }
    
    .mad-colorizer--scheme-color-6 .mad-icon-boxes.with-hover .mad-icon-box a:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-icon-boxes.with-hover.icon-size-3 .mad-icon-box p {
        color: var(--color-neutral);
    }
    
    .mad-icon-boxes.with-hover.icon-size-3 .mad-icon-box p b {
        font-weight: 600;
    }
    
    .mad-icon-boxes.with-hover>.mad-col .mad-icon-box:after {
        content: '';
        position: absolute;
        right: -34px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: var(--color-neutral-15);
    }
    
    .mad-icon-boxes.with-hover.with-separator:after {
        content: '';
        position: absolute;
        right: 2rem;
        left: 2rem;
        top: calc(50% + 2rem);
        height: 1px;
        background: var(--color-neutral-15);
    }
    
    .mad-icon-boxes.with-hover.icon-size-3 .mad-icon-box .mad-icon-box-icon:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-icon-boxes.with-hover.icon-size-3 .mad-icon-box .mad-icon-box-icon .svg {
        height: 2.5rem;
    }
    
    .mad-colorizer--scheme-color-6 .mad-icon-boxes>.mad-col:not(:last-child) .mad-icon-box:after {
        background: var(--color-secondary-80) !important;
    }
    
    .mad-icon-box .mad-icon-box-icon .svg path, .mad-icon-box .mad-icon-box-icon .svg rect {
        fill: var(--color-primary);
    }
    
    .mad-icon-box h6.mad-icon-box-title {
        font-size: 2.25rem;
        line-height: 3rem;
    }
    
    .mad-icon-box .mad-icon-box-title:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .item-col-4 .mad-icon-box h6.mad-icon-box-title:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-icon-boxes:not(.our-info) .mad-icon-box .mad-icon-box-icon:after {
        width: 4rem;
        height: 4rem;
        margin-right: -0.5rem;
        margin-top: -0.5rem;
    }
    
    .mad-icon-box p:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-icon-box h4.mad-icon-box-title span {
        font-size: 1.5rem;
        line-height: 2.5rem;
        display: block;
        color: var(--color-neutral-80);
    }
    
    .mad-colorizer--scheme-color-6 .mad-icon-box h4.mad-icon-box-title span {
        color: var(--color-primary-10);
    }
    
    /* Horisontal style */
    
    .mad-icon-boxes.hr-type .mad-icon-box {
        display: flex;
        column-gap: 1.5rem;
        row-gap: 1rem;
    }
    
    .mad-icon-boxes.hr-type.mad-reverse .mad-icon-box {
        flex-direction: row-reverse;
        text-align: right;
    }
    
    .mad-icon-box-content p>a:hover {
        text-decoration: underline;
    }
    
    /* Color Style 2 */
    
    .mad-colorizer--scheme-color-3 .mad-icon-box .mad-icon-box-title, .mad-colorizer--scheme-color-5 .mad-icon-box .mad-icon-box-title, .mad-colorizer--scheme-color-6 .mad-icon-box .mad-icon-box-title, .mad-colorizer--scheme-color-6 .mad-title {
        color: var(--color-neutral-0);
    }
    
    .mad-colorizer--scheme-color-3 .mad-icon-boxes, .mad-colorizer--scheme-color-3 .mad-icon-box h4.mad-icon-box-title span, .mad-colorizer--scheme-color-6 {
        color: var(--color-neutral-15);
    }
    
    .mad-colorizer--scheme-color-5 .mad-icon-boxes.with-num .mad-icon-box .mad-icon-box-icon {
        background: var(--color-neutral-80);
        color: var(--color-primary);
    }
    
    .mad-colorizer--scheme-color-3 .mad-text-link-hover:after {
        background-color: var(--color-secondary-80);
    }
    
    .mad-colorizer--scheme-color-5 .mad-icon-boxes, .mad-colorizer--scheme-color-5 .mad-icon-box h4.mad-icon-box-title span {
        color: var(--color-secondary-10);
    }
    
    .mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-icon-box-icon .svg path, .mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-icon-box-icon .svg rect {
        fill: var(--color-neutral-80);
    }
    
    .mad-colorizer--scheme-color-6 .mad-icon-boxes:not(.with-hover):not(.icon-size-2) .mad-icon-box .svg path {
        fill: var(--color-neutral-0);
    }
    
    .mad-colorizer--scheme-color-6 .mad-icon-boxes.icon-size-2 .mad-icon-box .svg path {
        fill: var(--color-primary-50);
    }
    
    .mad-colorizer--scheme-color-5 .mad-icon-box .mad-text-link {
        color: var(--color-neutral-80);
    }
    
    .mad-colorizer--scheme-color-5 .mad-icon-box .mad-text-link:hover {
        color: var(--color-neutral) !important;
    }
    
    .mad-colorizer--scheme-color-6 .mad-pre-title {
        color: var(--color-neutral-10);
    }
    
    /* Icons size 2 */
    
    .mad-icon-boxes.icon-size-2 .mad-icon-box {
        font-size: 1.125rem;
        line-height: 2rem;
        font-weight: 600;
    }
    
    .mad-icon-boxes.icon-size-2 .mad-icon-box .mad-icon-box-icon .svg {
        height: 4rem;
        min-width: 4rem
    }
    
    .mad-icon-boxes.icon-size-2 .mad-icon-box .mad-icon-box-title {
        letter-spacing: -0.7px;
    }
    
    /* Small size */
    
    .mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-icon .svg {
        height: 2.5rem;
        min-width: 2.5rem;
    }
    
    .mad-icon-boxes.small-size:not(.hr-type):not(.our-info) .mad-icon-box .mad-icon-box-icon:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-icon-box.small-size .mad-icon-box-icon .svg path {
        fill: var(--color-primary);
    }
    
    .mad-icon-boxes.small-size .mad-icon-box {
        font-size: 1.125rem;
        line-height: 2rem;
        font-weight: 600;
        color: var(--color-neutral);
        position: relative;
    }
    
    .mad-icon-boxes:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box {
        position: relative;
    }
    
    .mad-icon-boxes.with-border.with-hover:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box:after,
    .mad-icon-boxes.with-border.small-size:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box:after,
    .mad-icon-boxes.with-border.icon-size-2:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box:after {
        content: '';
        position: absolute;
        right: -3rem;
        top: 0;
        bottom: 0;
        width: 1px;
        background: var(--color-secondary-40);
    }
    
    .mad-icon-boxes.small-size.style-2 .mad-icon-box {
        color: var(--color-neutral-0);
    }
    
    .mad-icon-boxes.style-2 .mad-col:not(:last-child) .mad-icon-box:after {
        background: var(--color-secondary-80);
    }
    
    .mad-colorizer--scheme-color-3 .mad-icon-boxes.with-border.icon-size-2:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box:after {
        background: var(--color-neutral-60);
    }
    
    .mad-colorizer--scheme-color-3 .mad-icon-boxes.with-border.small-size:not(.vr-type) .mad-col:not(:last-child) .mad-icon-box:after {
        background: var(--color-neutral-60);
    }
    
    .mad-icon-box-icon svg path {
        transition: .5s ease;
    }
    
    .mad-icon-boxes.box-size-small:not(.vr-type) .mad-icon-box {
        max-width: 17rem;
        margin: 0 auto;
    }
    
    .mad-icon-boxes.box-size-small:not(.vr-type) .mad-icon-box .mad-icon-box-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    /* Grid Type */
    
    .mad-icon-boxes.grid-type .mad-icon-box {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        padding: 2rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--br-main);
        background: var(--color-primary-5);
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box p {
        margin: 0 auto;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box p:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box .mad-icon-box-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box {
        background-size: cover;
        position: relative;
        transition: all 1s ease;
        min-height: 26.5rem;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box .back-side {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-primary-5);
        visibility: hidden;
        transition: all .5s ease;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box .mad-text-link {
        opacity: 0;
        visibility: hidden;
        margin-top: -1.5rem;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box p:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box:hover .mad-text-link {
        margin-top: 2rem;
        opacity: 1;
        visibility: visible;
        color: var(--color-primary-lighter);
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box .mad-text-link {
        color: var(--color-primary-lighter);
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box:hover .mad-text-link:after {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box:hover {
        background: var(--color-secondary);
        color: var(--color-neutral-5);
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box .mad-icon-box-title {
        transition: .5s ease;
    }
    
    .mad-icon-box.grid-type .mad-icon-box:hover .mad-icon-box-icon .svg path {
        fill: var(--color-primary-lighter);
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box:hover .mad-icon-box-title {
        color: var(--color-neutral-0);
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box.empty-item {
        background: transparent;
    }
    
    .mad-icon-boxes.grid-type .mad-icon-box:not([data-bg-image-src]):hover+.mad-icon-box .back-side {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-icon-box .back-side .mad-icon-box-icon svg {
        height: 8rem;
        width: 8rem;
    }
    
    .mad-icon-box .back-side .mad-icon-box-icon svg path {
        fill: var(--color-primary);
    }
    
    .mad-icon-boxes.with-hover .mad-icon-box:hover .mad-icon-box-icon svg path, .mad-icon-boxes.grid-type .mad-icon-box:hover .mad-icon-box-icon svg path {
        fill: var(--color-primary-lighter);
    }
    
    .mad-icon-boxes.with-hover .mad-icon-box h6.mad-icon-box-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-icon-boxes.with-num .mad-icon-box .mad-icon-box-content {
        max-width: 26rem;
        margin: 0 auto;
    }
    
    .mad-icon-boxes.with-num .mad-icon-box .mad-icon-box-icon {
        position: relative;
        width: 5rem;
        height: 5rem;
        background: var(--color-primary);
        border-radius: 50%;
        font-family: 'Barlow', sans-serif;
        font-size: 4rem;
        line-height: 5rem;
        font-style: italic;
        color: var(--color-neutral-0);
        padding-left: 1.4rem;
        font-weight: 500;
        letter-spacing: -1.5px;
        overflow: hidden;
    }
    
    .mad-colorizer--scheme-color-6 .mad-icon-boxes.with-num .mad-icon-box .mad-icon-box-icon {
        background: var(--color-neutral-0);
        color: var(--color-secondary);
    }
    
    /* VR Type */
    
    .mad-icon-boxes.vr-type .mad-col:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    /* ----------------------------------------
            Info boxes
        ---------------------------------------- */
    
    /* ----------------------------------------
            Entities
        ---------------------------------------- */
    
    .mad-entities[class*="item-col-"]:not(.mad-grid--isotope) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .mad-entities:not([class*="content-element-"]):not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-entities .mad-entity:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-entities .mad-entity {
        display: flex;
        position: relative;
        height: 100%;
    }
    
    .mad-entities:not(.type-2) .mad-entity {
        flex-wrap: wrap;
    }
    
    .mad-entities:not(.type-3):not(.type-5):not(.type-4):not(.mad-entity-small) .mad-entity {
        border-radius: var(--br-main);
        overflow: hidden;
        z-index: 2;
    }
    
    .mad-entities.align-center.type-2 {
        text-align: inherit;
    }
    
    .mad-entities:not(.type-3):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-6) .mad-entity::after {
        content: '';
        position: absolute;
        inset: 0;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
        z-index: -1;
        transition: .5s ease;
    }
    
    .mad-entities:not(.type-3):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-6) .mad-entity::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--color-neutral-0);
        z-index: -1;
    }
    
    .mad-entities:not(.type-3):not(.type-5):not(.mad-entity-small):not(.type-6) .mad-entity:hover:after {
        border-color: var(--color-secondary);
    }
    
    .mad-entities:not(.mad-entity-small):not(.type-2):not(.type-3):not(.type-6) .mad-entity .mad-entity-media {
        width: 50.2%;
        z-index: 1;
    }
    
    .mad-entities:not(.mad-entity-small):not(.type-3):not(.type-4):not(.type-6) .mad-entity:hover .mad-entity-media {
        position: relative;
    }
    
    .mad-entities:not([class*="type-"]) .mad-entity {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    #main .mad-entities:not([class*="type-"]) .mad-entity {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .mad-entities:not(.mad-entity-small):not(.type-2):not(.type-3):not(.type-6) .mad-entity .mad-entity-media>a {
        height: 100%;
    }
    
    
    
    .mad-entity-media img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }
    
    .mad-entities:not(.type-2):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-3):not(.type-6) .mad-entity .mad-entity-content {
        padding: 0 2rem 2rem;
        width: 49.8%;
    }
    
    #main .mad-entities:not(.type-2):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-3):not(.type-6) .mad-entity .mad-entity-content {
        width: 51%;
    }
    
    #main .mad-entities:not(.mad-entity-small):not(.type-2):not(.type-3):not(.type-6) .mad-entity .mad-entity-media {
        width: 49%;
    }
    
    .mad-entities:not(.mad-entity-small) .mad-entity .mad-entity-tags {
        padding: 1.5rem 0;
        position: relative;
        font-size: 0.875rem;
        line-height: 1rem;
        text-transform: uppercase;
        font-weight: 500;
    }
    
    .mad-entities.type-2 .mad-entity .mad-entity-tags {
        margin-top: -2rem;
    }
    
    .mad-entities:not(.type-6):not(.mad-entity-small) .mad-entity .mad-entity-tags:after {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--color-secondary-5);
        z-index: -1;
        left: -2rem;
        right: -2rem;
    }
    
    .mad-entities:not(.type-6):not(.mad-entity-small) .mad-entity .mad-entity-tags:before {
        content: '';
        position: absolute;
        height: 1px;
    
        left: -2rem;
        right: -2rem;
        bottom: 0;
        background: var(--color-neutral-15);
    }
    
    .mad-entities:not(.mad-entity-small):not(.type-2):not(.type-3).style-2 .mad-entity .mad-entity-media {
        padding: 0;
    }
    
    .mad-entities.type-4:not(.type-2):not(.mad-entity-small).style-2 .mad-entity .mad-entity-content {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    
    .mad-entities.type-4:not(.type-2):not(.mad-entity-small).style-2.no-bg .mad-entity .mad-entity-content {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    
    .mad-entities.type-4:not(.type-2):not(.mad-entity-small).style-2 .mad-entity {
        overflow: hidden;
        justify-content: space-between;
        border-radius: var(--br-main);
    }
    
    .mad-entity-content h5.mad-entity-title {
        letter-spacing: -1.1px;
        font-size: 2.25rem;
        line-height: 3rem;
    }
    
    .mad-entity-content h6.mad-entity-title {
        letter-spacing: -0.3px;
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-entity-content h6.mad-entity-title+.mad-entity-footer {
        margin-top: 0;
    }
    
    .mad-entity-title>a:hover {
        text-decoration: underline;
    }
    
    .mad-entity .mad-entity-content p:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-entities.type-2 .mad-entity .mad-entity-content p:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-entity .mad-entity-content h3.mad-entity-title {
        letter-spacing: -1px;
    }
    
    .mad-entity .mad-entity-content h5.mad-entity-title:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-entity .mad-entity-content p+p {
        margin-top: -1rem;
    }
    
    .mad-entity-content .mad-entity-header {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .mad-entities.type-2 .mad-entity .mad-entity-header p:not(:last-child) {
        flex: 1;
    }
    
    .mad-entities:not(.type-2) .mad-entity-content .mad-entity-header {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .mad-entities.with-share-icon.item-col-1 .mad-entity-tags>*:not(.btn) {
        font-size: 1rem;
    }
    
    main .mad-entities.with-share-icon.item-col-1 .mad-entity-tags>*:not(.btn) {
        font-size: 0.875rem;
    }
    
    .mad-entity-tags>*:not(.btn) {
        text-transform: uppercase;
        color: var(--color-neutral-60);
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 500;
        letter-spacing: 1px;
    }
    
    .single-event .mad-entity-tags>*:not(.btn) {
        font-size: 1rem;
    }
    
    .mad-entity-tags a.btn {
        text-transform: uppercase;
        font-family: 'Barlow', sans-serif;
        font-weight: 600;
        letter-spacing: 2px;
        column-gap: 0.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .mad-entity-tags a.btn .icon {
        font-size: 1.125rem;
    }
    
    .mad-entity-tags a:not(.btn) {
        color: var(--color-primary);
    }
    
    .mad-entity-tags a:not(.btn):hover {
        color: var(--color-primary-lighter);
    }
    
    /* .mad-entity-tags span {
        color: var(--color-neutral-40);
    } */
    
    .mad-entity-tags {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 0.5rem;
        row-gap: 0.5rem;
    }
    
    .mad-entity-tags:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-entities.type-2 .mad-entity {
        display: flex;
        flex-direction: column;
        position: relative;
        color: var(--color-neutral-80);
    }
    
    
    
    .mad-entities.type-2 .mad-entity .mad-entity-media, .mad-entities.type-2 .mad-entity .mad-responsive-iframe, .mad-entities.type-2 .mad-entity:not(.mad-entity-single) .mad-testimonial-bg {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .mad-entities:not(.mad-team):not(.type-2) .mad-entity .mad-testimonial-bg, .mad-entities:not(.mad-team):not(.type-2) .mad-entity .mad-responsive-iframe, .mad-entities:not(.type-2) .mad-entity .video_wrapper {
        border-radius: 0;
    }
    
    .mad-entities.type-2:not(.mad-entity-small) .mad-entity:after {
        left: 0;
        right: 0;
    }
    
    .mad-entities.type-2 .mad-entity .mad-entity-content {
        padding: 2rem;
        flex: 1;
    }
    
    .mad-entities.type-3 .mad-entity {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: var(--br-main);
    }
    
    .mad-entities.type-3 .mad-entity .mad-entity-content {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2rem;
        padding-top: 5.5rem;
        width: 100%;
        color: var(--color-neutral-15);
        background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 100%);
        transform: translateY(calc(100% - 10rem));
        transition: .5s ease;
        z-index: 1;
    }
    
    .mad-entities.type-3 .mad-entity:hover .mad-entity-content {
        transform: translateY(0);
    }
    
    .mad-entities.type-3 .mad-entity .mad-entity-content .mad-entity-title,
    .mad-entities.type-5 .mad-entity .mad-entity-title {
        color: var(--color-neutral-0);
        white-space: nowrap;
        text-overflow: ellipsis;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .mad-entities.type-3 .mad-entity .mad-entity-content .mad-entity-title::after,
    .mad-entities.type-5 .mad-entity .mad-entity-title::after {
        content: 'arrow_forward_ios ';
        font-family: 'Material Icons';
        font-weight: normal;
        transition: .5s ease;
    }
    
    .mad-entities.type-3 .mad-entity:hover .mad-entity-content .mad-entity-title::after,
    .mad-entities.type-5 .mad-entity:hover .mad-entity-title::after {
        opacity: 0;
        transform: rotate(-90deg);
    }
    
    .mad-entities.type-4 .mad-entity {
        padding: 0;
    }
    
    .mad-entities.type-4.bg-color-2 .mad-entity:after {
        background: var(--color-primary-darker);
    }
    
    .mad-entities.type-5 {
        height: 100%;
        position: relative;
    }
    
    .mad-entities.type-4 .mad-entity .mad-entity-media .mad-section,
    .mad-entities.type-4 .mad-entity .mad-entity-media .mad-section .mad-entities-wrap {
        height: 100%;
        border-radius: 0;
    }
    
    .mad-entities.type-5>.mad-col:not(:last-child) .mad-entity {
        border-right: 1px solid var(--color-neutral-60);
    }
    
    .mad-entities.type-5 .mad-entity {
        padding: 2rem;
        display: flex;
        align-items: flex-end;
        position: relative;
        border-radius: 0;
        min-height: 37.5rem;
        overflow: hidden;
    }
    
    .mad-entities.type-5 .mad-entity .mad-entity-content {
        transition: .5s ease;
        width: 100% !important;
        padding: 0 !important;
        transform: translateY(calc(100% - 2rem));
    }
    
    .mad-entities.type-5 .mad-entity:hover .mad-entity-content {
        transform: translateY(0);
    }
    
    .mad-entities.type-5 .mad-entity-content .mad-entity-title {
        color: var(--color-neutral-0);
    }
    
    .mad-entities.type-5 .mad-entity-content {
        color: var(--color-neutral-15);
    }
    
    .mad-entities.type-5 .mad-entity-content h5.mad-entity-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-entities.type-5 .mad-entity-content h5.mad-entity-title:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-entity-bg.with-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .flicker {
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-entities.type-5.grid-type .mad-entity {
        flex-wrap: wrap;
    }
    
    .mad-entities.type-5.grid-type .mad-entity {
        min-height: auto;
    }
    
    .mad-entities.type-5.grid-type>.mad-col .mad-entity {
        border-bottom: 1px solid var(--color-neutral-60);
    }
    
    .mad-entities.type-6 .mad-entity {
        position: relative;
    }
    
    .mad-entities.type-6 .mad-entity:after {
        content: '';
        position: absolute;
        inset: 0;
        background: #1A1A1A;
        opacity: 0.4;
    
    }
    
    .mad-entities.type-6 .mad-entity .mad-entity-content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        padding: 2rem;
        z-index: 1;
    }
    
    .mad-entities.type-6 .mad-entity .mad-entity-content:after {
        content: '';
        position: absolute;
        inset: 0;
        top: auto;
        height: 11rem;
        background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0%, #0D0D0D 100%);
        opacity: 0.8;
        z-index: -1;
    }
    
    .mad-entities.type-6 .mad-entity .mad-entity-content .mad-entity-title {
        color: var(--color-neutral-0);
    }
    
    .mad-entities.type-6 .mad-entity .mad-entity-content .mad-entity-tags {
        padding: 0;
        margin: 0;
        margin-bottom: 0.5rem;
        color: var(--color-neutral-20);
    }
    
    .mad-entities.type-6 .mad-entity .mad-entity-content .mad-entity-tags a:not(:hover) {
        color: var(--color-primary-50);
    }
    
    .mad-changing-bg .mad-colorizer-bg-color {
        overflow: hidden;
    }
    
    .mad-entity-bg {
        transition: .5s ease;
    }
    
    .mad-entities.with-date .mad-entity .mad-entity-content {
        position: relative;
        column-gap: 1.5rem;
    }
    
    .mad-entities.with-date .mad-entity.single-entity {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    .mad-entities.with-date .mad-entity .mad-entity-content .mad-entity-date {
        position: absolute;
        top: 6.5rem;
        left: 2rem;
        font-size: 3.5rem;
        line-height: 3rem;
        font-family: 'Arima Madurai', cursive;
        color: var(--color-secondary);
        font-weight: bold;
        display: flex;
        flex-direction: column;
        text-align: center;
        text-transform: uppercase;
    }
    
    .mad-entities.with-date .mad-entity .mad-entity-header {
        padding-left: 5.75rem;
    }
    
    .mad-entities.with-date .mad-entity .mad-entity-content .mad-entity-tags {
        margin-left: -5.75rem;
    }
    
    .mad-entities.with-date.mad-text-medium .mad-entity .mad-entity-content .mad-entity-date,
    .mad-entities.with-date .mad-entity-single.mad-entity .mad-entity-content .mad-entity-date {
        font-size: 3.5rem;
    }
    
    .mad-entities.with-date .mad-entity .mad-entity-content .mad-entity-date span:last-child {
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        letter-spacing: 5px;
    }
    
    .mad-entities.with-date.mad-text-medium .mad-entity .mad-entity-content .mad-entity-date span:last-child,
    .mad-entities.with-date .mad-entity-single.mad-entity .mad-entity-content .mad-entity-date span:last-child {
        line-height: 1.5rem;
        font-size: 1rem;
    }
    
    .mad-entity-footer {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        margin-top: 1.5rem;
        justify-content: space-between;
        align-items: center;
        column-gap: .5rem;
        row-gap: .5rem;
    }
    
    .mad-entities.with-share-icon.item-col-1 .mad-entity-footer {
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    main .mad-entities.with-share-icon.item-col-1 .mad-entity-footer {
        column-gap: .5rem;
        row-gap: .5rem;
    }
    
    p+.mad-entity-footer {
        margin-top: 0;
    }
    
    .mad-entity-footer .btn.wide {
        width: auto;
        flex: 1;
        justify-content: center;
    }
    
    
    
    .mad-entities:not(.type-2) .mad-entity .mad-entity-header p:not(:last-child),
    .mad-entities:not(.type-2) .mad-entity .mad-entity-title.full-height:not(:last-child) {
        flex: 1;
    }
    
    .mad-entity-single .mad-entity-footer {
        margin-top: .5rem;
    }
    
    .mad-entities:not([class*="item-col-"])>.mad-col:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-entities.mad-entity-small {
        display: block;
    }
    
    .mad-entities.mad-entity-small:not([class*="item-col-"])>.mad-col:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity {
        display: flex;
        flex-wrap: nowrap;
        column-gap: 1.5rem;
        align-items: flex-start;
        row-gap: 1rem;
        padding-bottom: 0;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-body {
        width: 100%;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: -0.3px;
        color: var(--color-neutral);
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-tags>*:not(.btn) {
        font-size: 0.8125rem;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-progress-bars.size-2 .mad-progress-bar-title {
        font-size: 0.875rem;
        line-height: 1rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-tags {
        font-size: 0.75rem;
        line-height: 1rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-media {
        min-width: 6rem;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-tags>*:not(:last-child):after {
        margin: 0 0.5rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-entity-tags:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-price {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        color: var(--color-secondary);
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-price:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-entities.mad-entity-small .mad-entity .mad-date {
        font-size: 0.875rem;
        line-height: 1rem;
        color: var(--color-neutral-60);
    }
    
    .mad-causes-single {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    .mad-entity-link-element {
        font-family: 'Barlow', sans-serif;
        display: flex;
        font-size: 1.875rem;
        line-height: 2.5rem;
        height: 100%;
        color: var(--color-neutral-0);
        background: url(../images/link_blog_bg.svg) no-repeat center var(--color-primary);
        background-size: contain;
        font-weight: 500;
        padding: 4rem 4rem;
        font-style: italic;
        letter-spacing: -0.3px;
        word-break: break-word;
        column-gap: 1rem;
    }
    
    .mad-entity-link-element>.svg {
        height: 3rem;
        min-width: 2.5rem;
    }
    
    .mad-entities:not(.type-2) .mad-entity .mad-entity-link-element, .mad-entities.mad-grid--isotope .mad-entity .mad-entity-link-element {
        background-size: cover;
    }
    
    /* .mad-entities.mad-grid--isotope.item-col-3 .mad-entity .mad-entity-link-element {
        background: url(../images/link_blog_bg3.svg) no-repeat center var(--color-primary);
        background-size: cover;
    } */
    
    .mad-entity.mad-entity-single {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    .mad-entities.type-2 .mad-entity.mad-entity-single .mad-entity-content {
        padding: 0;
    }
    
    .mad-entity-single .mad-testimonial-bg:not(.no-float) {
        float: left;
        margin-right: 2rem;
        max-width: 50%;
    }
    
    .mad-team .mad-entity-single .mad-testimonial-bg:not(.no-float) {
        max-width: 100%;
        float: none;
        margin: 0;
    }
    
    .mad-entity-single .mad-testimonial-bg:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    /* --------------- Before & After --------------------- */
    
    .mad-before-after .mad-before-after-media {
        border-radius: var(--br-main);
        overflow: hidden;
        position: relative;
        display: inline-block;
    }
    
    .mad-before-after.type-2, .mad-entities.type-4 .mad-entity {
        position: relative;
        display: flex;
        justify-content: flex-end;
    
    }
    
    .mad-entities.type-4:not(.style-2) .mad-entity {
        justify-content: space-between;
        overflow: hidden;
    }
    
    .mad-entities.type-4.no-bg:not(.style-2) .mad-entity .mad-entity-media {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-entities.type-4 .mad-entity .mad-entity-media {
        width: 50%;
        overflow: hidden;
        z-index: 2;
    }
    
    .mad-entities.no-img.type-4 .mad-entity>.mad-entity-content:first-child {
        background: url(../images/content_texture1.svg) no-repeat var(--color-primary-darker);
        background-size: cover;
    }
    
    .mad-entities.no-img.type-4 .mad-entity>.mad-entity-content:first-child .mad-pre-title {
        color: var(--color-secondary-10);
    }
    
    .mad-entities.no-img.type-4 .mad-entity>.mad-entity-content:first-child .mad-title {
        color: var(--color-neutral-0);
    }
    
    .mad-entities.type-4.style-2.no-bg .mad-entity .mad-entity-content:after {
        display: none;
    }
    
    .mad-entities.type-4.style-2.mad-reversed .mad-entity .mad-entity-media img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    .mad-entities.type-4:not(.type-2):not(.mad-entity-small) .mad-entity>.mad-entity-content {
        width: 49.8%;
        font-size: 1.125rem;
        line-height: 2rem;
        padding: 9rem 9.5rem;
        position: relative;
    }
    
    .container:not(.wide)>.mad-section .mad-entities.type-4:not(.type-2):not(.mad-entity-small)>.mad-entity>.mad-entity-content {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    .mad-entities.type-4 .mad-entity .mad-entity-content:after {
        border-radius: 0;
    }
    
    .mad-section--stretched-content-no-px .mad-entities.type-4:not(.type-2):not(.type-5):not(.mad-entity-small) .mad-entity .mad-entity-content {
        border-radius: 0;
        padding: 12.5rem 9rem 12.5rem 9rem;
    }
    
    .mad-entity .mad-entity-content[class*="with-texture"]:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        background: url(../images/leaf.svg) no-repeat;
        background-position: bottom left;
    }
    
    .mad-entity .mad-entity-content.with-texture2:before {
        background: url(../images/texture14.svg) no-repeat;
        background-position: top 2.5rem right;
    }
    
    .mad-entity .mad-entity-content.with-texture3:before {
        background: url(../images/texture4.svg) no-repeat;
        background-size: cover;
        background-position: right;
    }
    
    .mad-entity .mad-entity-content.with-texture4:before {
        background: url(../images/texture16.svg) no-repeat;
        background-size: cover;
        background-position: right;
    }
    
    
    .mad-entities.type-4:not(.mad-reversed) .mad-entity .mad-entity-content.with-texture3:before {
        background: url(../images/texture5.svg) no-repeat;
        background-size: cover;
    }
    
    .mad-entities.type-4.mad-reversed .mad-entity .mad-entity-content:after {
        left: 0;
        right: -9.5rem;
    }
    
    .mad-entities.type-4.mad-reversed .mad-entity {
        flex-direction: row-reverse;
    }
    
    
    .mad-entities.type-4.mad-reversed.style-2 .mad-entity .mad-entity-media {
        right: 0;
    }
    
    .mad-before-after-media img {
        width: 100%;
    }
    
    .mad-entities.type-4.style-2 .mad-entity .mad-entity-content:after {
        border-radius: var(--br-main);
    }
    
    .mad-entities.type-4.style-2 .mad-entity .mad-entity-content:after {
        background: var(--color-neutral-5);
    }
    
    .mad-entities.type-4.style-2.no-img .mad-entity .mad-entity-content:after {
        background: var(--color-primary-5);
    }
    
    .mad-entities.type-4.style-2 .mad-entity .mad-entity-content {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }
    
    .mad-entities.type-4:not(.type-2):not(.mad-entity-small) .mad-entity.mad-entity-single>.mad-entity-content {
        padding: 0;
        padding-left: 4rem;
    }
    
    .mad-entities.type-4:not(.type-2):not(.mad-entity-small) .mad-entity.mad-entity-single {
        overflow: visible;
        border-radius: none;
    }
    
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity.mad-entity-single:after,
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity.mad-entity-single::before {
        display: none;
    }
    
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity.mad-entity-single .mad-entity-media img {
        border-radius: var(--br-main);
        object-fit: inherit;
        height: auto;
        width: 100%;
    }
    
    .mad-entities.mad-team.type-4:not(.mad-entity-small) .mad-entity.mad-entity-single .mad-entity-media img:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    /* ----------------------------------------
                Style 2
            ---------------------------------------- */
    
    /* ----------------------------------------
            Carousels
        ---------------------------------------- */
    
    .owl-carousel {
        position: relative;
    }
    
    .owl-carousel:not(.mad-simple-slideshow) .owl-stage,
    .mad-pricing.mad-simple-slideshow .owl-stage {
        display: flex;
    }
    
    .owl-carousel:not(.mad-simple-slideshow) .owl-item,
    .mad-pricing.mad-simple-slideshow .owl-item {
        float: none;
    }
    
    .owl-carousel .mad-col {
        height: 100%;
    }
    
    .owl-carousel .owl-item .mad-entity-media {
        width: 100%;
    }
    
    .owl-carousel .mad-col>.mad-section {
        height: 100%;
    }
    
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 2rem;
    }
    
    .owl-carousel .owl-nav button .svg {
        width: 1.625rem;
        height: 3rem;
    }
    
    .owl-carousel .owl-nav>button {
        top: 50%;
        transform: translateY(-50%);
    }
    
    .owl-carousel:not(.no-dots) .owl-nav>button {
        top: calc(50% - 2rem);
    }
    
    .owl-carousel .mad-grid-item {
        height: 100%;
    }
    
    .owl-carousel .owl-nav button.owl-next {
        right: 2rem;
        left: auto;
    }
    
    .owl-carousel .owl-nav {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        transition: .5s ease;
    }
    
    .owl-carousel:hover .owl-nav {
        opacity: 1;
        visibility: visible;
    }
    
    .owl-nav button svg path {
        fill: var(--color-neutral-0);
    }
    
    .nav-color-2 .owl-nav button svg path {
        fill: var(--color-neutral);
    }
    
    .owl-carousel.no-nav .owl-nav, .owl-carousel.no-dots .owl-dots {
        display: none !important;
    }
    
    .owl-dots {
        display: flex;
        justify-content: center;
        column-gap: 1rem;
        margin-top: 3rem;
        width: 100%;
    }
    
    .mad-tab .owl-dots {
        padding-bottom: 1px;
    }
    
    .owl-carousel.dots-align .owl-dots {
        justify-content: flex-start;
    }
    
    .owl-dots .owl-dot span, .tp-bullet, .slick-dots>li {
        display: block;
        width: 1rem;
        height: 0.5rem;
        border-radius: 0.25rem;
        background: var(--color-neutral-40);
        position: relative;
        transition: .5s ease;
    }
    
    .owl-dots .owl-dot span, .tp-bullets:not(.vertical) .tp-bullet {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    
    .tp-bullets.vertical .tp-bullet {
        width: 0.5rem;
        height: 2rem;
    }
    
    .dots-color-2 .owl-dots .owl-dot span, .dots-color-3 .owl-dots .owl-dot span, .tp-bullet {
        background: var(--color-primary-5);
    }
    
    .tp-bullets {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 1rem;
        width: 100% !important;
    }
    
    .owl-dots .owl-dot.active span, .tp-bullet.selected, .slick-dots>li.slick-active {
        background: var(--color-primary);
        width: 3rem;
    }
    
    .dots-color-3 .owl-dots .owl-dot.active span {
        background: var(--color-secondary);
    }
    
    .mad-owl-moving:not(.no-loop) {
        overflow: hidden;
    }
    
    .owl-carousel.no-loop .owl-stage-outer {
        overflow: visible;
    }
    
    .mad-owl-moving .owl-prev, .mad-owl-moving .owl-next {
        width: 20% !important;
        left: 0 !important;
        top: 0 !important;
        height: 100% !important;
        position: absolute;
        border: none !important;
        border-radius: 0 !important;
        margin-top: 0 !important;
    }
    
    .mad-owl-moving .owl-next {
        left: auto !important;
        right: 0 !important;
    }
    
    .mad-owl-moving .owl-nav button:before {
        display: none !important;
    }
    
    .mad-owl-moving .owl-nav button {
        overflow: hidden;
        cursor: none !important;
    }
    
    .mad-owl-moving .owl-nav .owl-next>.svg, .mad-owl-moving .owl-nav .owl-prev>.svg {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -3rem;
        margin-top: -3rem;
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-owl-moving .owl-nav .owl-next:hover>.svg, .mad-owl-moving .owl-nav .owl-prev:hover>.svg {
        opacity: 1;
        visibility: visible;
    }
    
    .owl-carousel.no-loop .owl-stage {
        align-items: flex-end;
    }
    
    .owl-carousel.no-loop .owl-nav>button.disabled {
        display: none;
    }
    
    .mad-carousel-type-2 .owl-item.active .mad-entity:after, .mad-carousel-type-2 .owl-item.active .mad-entity-content, .mad-carousel-type-2.mad-entities .owl-item.active .mad-entity, .mad-carousel-type-2 .owl-item .mad-entity .mad-entity-media {
        transition: all .5s ease;
        opacity: 1;
        visibility: visible;
    }
    
    .mad-carousel-type-2 .owl-item:not(.active) .mad-entity-content, .mad-entities.mad-carousel-type-2 .owl-item:not(.active) .mad-entity:after {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }
    
    .mad-carousel-type-2.mad-entities .owl-item:not(.active) .mad-entity {
        padding: 0;
        transform: translateY(2rem);
        transition: all .5s ease;
    }
    
    .mad-carousel-type-2 .mad-entity .mad-entity-media {
        position: relative;
    }
    
    .mad-entities.mad-carousel-type-2 .owl-item .mad-entity .mad-entity-media:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: var(--br-main);
        background: var(--color-neutral);
        transition: all .5s ease;
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-entities.mad-carousel-type-2 .owl-item:not(.active) .mad-entity .mad-entity-media:after {
        opacity: 0.5;
        visibility: visible;
    }
    
    .mad-carousel-type-2 .owl-item .mad-entity .mad-entity-media {
        height: 34.75rem;
    }
    
    .mad-carousel-type-2 .owl-item .active-item .mad-entity .mad-entity-media {
        height: 38.875rem;
    }
    
    .owl-carousel.mad-owl-center .owl-item .mad-owl-center-img:after, .mad-carousel-type-2 .owl-item .mad-gallery-item:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-neutral);
        opacity: 0.5;
        visibility: visible;
        transition: all .5s ease;
    }
    
    .container .owl-carousel.mad-owl-center {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .owl-carousel.mad-owl-center .owl-item.center .mad-owl-center-img:after, .mad-carousel-type-2 .owl-item.active .mad-gallery-item:after {
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-section.with-owl-center {
        margin: 0 -4rem;
    }
    
    .owl-carousel.mad-owl-center .owl-nav button.owl-prev {
        left: 12rem;
    }
    
    .owl-carousel.mad-owl-center .owl-nav button.owl-next {
        right: 12rem;
    }
    
    .mad-content>.container .owl-carousel.mad-owl-center .owl-nav button.owl-prev,
    .mad-content>.container .mad-simple-slideshow.owl-carousel .owl-nav button.owl-prev {
        left: 2rem;
    }
    
    .mad-content>.container .owl-carousel.mad-owl-center .owl-nav button.owl-next,
    .mad-content>.container .mad-simple-slideshow.owl-carousel .owl-nav button.owl-next {
        right: 2rem;
    }
    
    .owl-carousel:not(.mad-simple-slideshow) .owl-stage {
        display: flex;
    }
    
    .container:not(.wide) .owl-carousel:not(.mad-simple-slideshow) .owl-stage,
    .mad-grid--cols-1.owl-carousel:not(.mad-simple-slideshow) .owl-stage {
        flex-wrap: wrap;
    }
    
    .owl-carousel:not(.mad-simple-slideshow) .owl-item {
        float: none;
    }
    
    .owl-carousel:not(.mad-simple-slideshow) .owl-item .mad-col {
        height: 100%;
    }
    
    .mad-owl-center .owl-item {
        overflow: hidden;
        border-radius: var(--br-main);
    }
    
    .slick-dots {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 4rem;
        row-gap: 1rem;
        flex-direction: column;
    }
    
    .slick-dots>li {
        width: 0.5rem;
        height: 2rem;
        cursor: pointer;
    }
    
    .slick-dots>li>* {
        display: none;
    }
    
    .mad-theme-white .slick-dots>li:not(.slick-active) {
        border-color: var(--color-neutral-0);
    }
    
    .mad-theme-white.style-2 .slick-dots>li.slick-active {
        background: var(--color-secondary);
        border-color: var(--color-secondary);
    }
    
    .owl-carousel.push-right {
        transform: translateX(11.5%);
    }
    
    .owl-carousel.push-right .owl-dots {
        transform: translateX(-11.5%);
    }
    
    /* ----------------------------------------
            Call to Actions
        ---------------------------------------- */
    
    .mad-cta {
        font-size: 1.25rem;
        line-height: 2rem;
        color: var(--color-neutral-60);
    }
    
    .mad-cta:not(:last-child) {
        margin-bottom: 9rem;
    }
    
    .mad-cta:not(.mad-section--stretched) {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-cta .mad-cta-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 6.125rem;
        row-gap: 2rem;
        justify-content: center;
    }
    
    .mad-cta .container .mad-cta-row {
        justify-content: space-between;
    }
    
    .mad-cta .mad-page-title {
        letter-spacing: -1px;
    }
    
    .mad-cta .mad-page-title:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-cta.align-center p:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    /* ----------------------------------------
            Rating
        ---------------------------------------- */
    
    .mad-rating {
        line-height: 1;
        white-space: nowrap;
    }
    
    .mad-rating-top-level {
        display: flex;
    }
    
    .mad-product-price+.mad-rating {
        display: block !important;
    }
    
    .mad-rating-top-level>*, .mad-rating-bottom-level>* {
        font-size: 1.25rem;
        line-height: 1;
        color: var(--color-primary-lighter);
    }
    
    .mad-rating-bottom-level>* {
        color: var(--color-primary-lighter);
    }
    
    .mad-rating.size-2 .mad-rating-top-level>*, .mad-rating.size-2 .mad-rating-bottom-level>* {
        font-size: 1.75rem;
    }
    
    /* ----------------------------------------
            Testimonials
        ---------------------------------------- */
    
    .mad-testimonial .mad-rating:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    
    .mad-testimonial blockquote {
        font-size: 1.875rem;
        line-height: 2.5rem;
        color: var(--color-neutral);
    }
    
    .mad-testimonials .owl-carousel .mad-testimonial {
        padding-left: 0.25rem;
        text-align: center;
    }
    
    .mad-testimonials .owl-carousel.mad-grid--cols-1 .mad-testimonial {
        max-width: 55rem;
        margin: 0 auto;
    }
    
    .mad-testimonial .mad-testimonial-info:not(:last-child), .mad-testimonial-title:not(:last-child), .mad-testimonial-rating:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-testimonial-service {
        display: inline-block;
    }
    
    .mad-testimonial-service img {
        width: auto !important;
    }
    
    .mad-testimonials.style-2 .mad-testimonial blockquote {
        color: var(--color-neutral-0);
    }
    
    .mad-testimonials.style-2 .mad-author {
        color: var(--color-secondary-20);
    }
    
    .mad-testimonial-rating {
        display: flex;
        column-gap: 0.375rem;
        justify-content: center;
    }
    
    .mad-testimonials .mad-testimonial-rating .svg path {
        fill: var(--color-secondary);
    }
    
    .mad-testimonials.style-2 .mad-testimonial-rating .svg path {
        fill: #fff;
    }
    
    .mad-testimonials:not(.no-quotes) .mad-testimonial:before {
        content: '';
        display: block;
        width: 5.5rem;
        height: 5rem;
        -webkit-mask: url(../charity_icons_svg/quotes.svg) no-repeat;
        mask: url(../charity_icons_svg/quotes.svg) no-repeat;
        background-color: var(--color-primary);
        margin: 0 auto;
        margin-bottom: 3rem;
    }
    
    .mad-testimonials.with-quotes-color-2 .mad-testimonial:before {
        background-color: var(--color-neutral-0);
    }
    
    /* ----------------------------------------
        Author
    ---------------------------------------- */
    
    .mad-author .mad-author-info {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0.05rem;
        text-transform: uppercase;
        color: var(--color-neutral-60);
    }
    
    .mad-author-photo:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-testimonials.style-2 .mad-author .mad-author-info {
        color: var(--color-secondary-20);
    }
    
    /* ----------------------------------------
            Instafeed
        ---------------------------------------- */
    
    .mad-instafeed:not(.owl-carousel) {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-instafeed.owl-carousel {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-instafeed[class*="item-col-"]:not(.no-gutters) .mad-col a {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-instafeed .mad-col a {
        display: block;
        position: relative;
        height: 100%;
    }
    
    .mad-instafeed img {
        width: 100%;
    }
    
    .mad-instafeed .mad-col a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../charity_icons_svg/instagram.svg) no-repeat;
        background-color: rgba(13, 13, 13, 0.6);
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }
    
    .mad-instafeed .mad-col a:hover:before {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-instafeed.owl-carousel .mad-col a {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-sidebar .mad-instafeed:not(.owl-carousel)[class*="item-col-"]:not(.no-gutters) {
        margin: -1rem -0.5rem 0;
    }
    
    .mad-sidebar .mad-instafeed:not(.mad-grid--no-gutters):not(.owl-carousel)[class*="item-col-"]:not(.no-gutters)>* {
        padding: 1rem 0.5rem 0;
    }
    
    /* ----------------------------------------
            Sliders
        ---------------------------------------- */
    
    .rev-slider-section .rev-slider, .rev-slider-section .rev_slider_wrapper {
        position: relative;
    }
    
    .rev-slider-section {
        padding: 5rem 0;
        padding-bottom: 2.5rem;
        position: relative;
    }
    
    .rev-slider-section:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f2fcfe;
        z-index: -1;
    }
    
    .rev-slider[class*="with-overlay"] {
        z-index: 1;
        position: relative;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .rev-slider[class*="with-overlay"] .tp-bgimg:after {
        z-index: 22 !important;
    }
    
    .rev-slider[class*="with-overlay"] .tp-bgimg:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-neutral);
        opacity: 0.5;
    }
    
    .tp-layer-section-title {
        text-transform: capitalize;
        font-family: 'Arima Madurai', cursive;
        font-weight: bold !important;
    }
    
    .tp-layer-section-title span {
        font-style: italic;
    }
    
    .rev-slider .mad-pre-title {
        color: var(--color-neutral-10);
    }
    
    .rev-slider-element {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 3rem 0;
        z-index: 9;
        border-radius: var(--br-main);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow: hidden;
    }
    
    .rev-slider-element:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-secondary);
        opacity: 0.8;
        z-index: -1;
    }
    
    #rev-slider-2 {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .rev-slider-element .mad-icon-boxes.small-size .mad-icon-box {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    /* ----------------------------------------
            Google Map
        ---------------------------------------- */
    
    .mad-gmap {
        min-height: 49rem;
    }
    
    .mad-gmap {
        height: 100%;
        min-height: 40.625rem;
        width: 100%;
    }
    
    #googleMap2.mad-gmap,
    .mad-gmap.size-small {
        min-height: 21rem;
    }
    
    .mad-img #googleMap2.mad-gmap {
        min-height: 19rem;
    }
    
    .mad-gmap-wrap {
        position: relative;
    }
    
    .mad-gmap-wrap .mad-gmap {
        position: absolute;
        top: 0;
        width: 50%;
        right: 0;
        bottom: 0;
    }
    
    .mad-element-holder {
        display: flex;
    }
    
    .mad-gmap-element, .mad-contact-element {
        padding: 9rem 9.5rem;
        max-width: 55rem;
        background: var(--color-neutral-0);
        border-radius: var(--br-main);
        background-image: url(../images/map_item_bg.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        font-size: 1.125rem;
        line-height: 2rem;
        z-index: 3;
        position: relative;
        margin-bottom: -4rem;
    }
    
    .mad-gmap-element {
        top: 0;
        bottom: 0;
        max-width: 50%;
        border-radius: 0;
        margin-bottom: 0;
        padding-left: 13.5rem;
        background: var(--color-primary-5);
    }
    
    /* ----------------------------------------
            Forms
        ---------------------------------------- */
    
    input[type="text"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, .mad-custom-select .mad-selected-option, .select2-container--milenia .select2-selection {
        border-width: 0;
        height: 3.5rem;
        width: 100%;
        padding-right: 1.5rem;
    
        padding-left: 1.5rem;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--color-neutral-80);
        background-color: var(--color-neutral-0);
        border-radius: var(--br-main);
        border-width: 1px;
        border-style: solid;
        border-color: var(--color-secondary-40);
    }
    
    .mad-form.style-2 input, .mad-form.style-2 textarea, .mad-form.style-2 .mad-custom-select .mad-selected-option {
        background-color: var(--color-secondary-5);
    }
    
    .mad-form {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-form label,
    .mad-contact-form label {
        font-size: 1.125rem;
    }
    
    .mad-form.type-2 .mad-col>input:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    .mad-contact-form.mad-form .mad-col {
        display: flex;
        flex-direction: column;
    }
    
    [class*="item-col-"]>*.full-width {
        width: 100%;
    }
    
    .mad-form-row:not(:last-child), .mad-form-item:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-contact-form.mad-form .mad-col {
        display: flex;
        flex-direction: column;
    }
    
    .mad-form .mad-col .mad-form-item.full-height {
        height: 100%;
    }
    
    .mad-form-item.full-height textarea {
        height: calc(100% - 2rem);
    }
    
    
    
    .mad-donate-form {
        display: flex;
        flex-direction: column;
        row-gap: .5rem;
    }
    
    .mad-donate-form input {
        height: 3rem;
        background: var(--color-neutral-0);
        border-color: var(--color-secondary-40);
    }
    
    /* ----------------------------------------
                Placeholder
            ---------------------------------------- */
    
    ::-webkit-input-placeholder {
        color: inherit;
        opacity: 1;
    }
    
    ::-webkit-textarea-placeholder {
        color: inherit;
        opacity: 1;
    }
    
    input::-moz-placeholder {
        color: inherit;
        opacity: 1;
    }
    
    textarea::-moz-placeholder {
        color: inherit;
        opacity: 1;
    }
    
    ::-ms-input-placeholder {
        color: inherit;
        opacity: 1;
    }
    
    ::-ms-textarea-placeholder {
        color: inherit;
        opacity: 1;
    }
    
    /* ----------------------------------------
                Range Slider
            ---------------------------------------- */
    
    .mad-range-slider-field {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    
    }
    
    .mad-range-slider-field .mad-range-slider {
        width: 100%;
        border-radius: 4px;
    }
    
    .mad-range-slider-field.type-2 {
        flex-wrap: nowrap;
        column-gap: 0.5rem;
    }
    
    .mad-range-slider-field input[type="text"], .mad-range-slider-field input[type="search"], .mad-range-slider-field input[type="date"], .mad-range-slider-field input[type="datetime-local"], .mad-range-slider-field input[type="email"], .mad-range-slider-field input[type="file"], .mad-range-slider-field input[type="month"], .mad-range-slider-field input[type="number"], .mad-range-slider-field input[type="password"], .mad-range-slider-field input[type="tel"], .mad-range-slider-field input[type="time"], .mad-range-slider-field input[type="url"], .mad-range-slider-field input[type="week"], .mad-range-slider-field textarea {
        height: auto !important;
        font-size: inherit;
        line-height: inherit !important;
        border-width: 0px;
        font-weight: inherit;
        width: 100%;
        padding: 0 !important;
        margin-bottom: 0 !important;
        background-color: transparent;
        color: var(--color-neutral-80);
        font-weight: 400;
    }
    
    .mad-range-slider-input:not(:last-child) {
        margin-bottom: 0.7rem;
    }
    
    .mad-range-slider {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
        position: relative;
        height: 0.5rem;
        background: var(--color-primary-25);
    }
    
    .mad-range-slider .ui-slider-range {
        position: absolute;
        top: 0;
        bottom: 0;
        cursor: pointer;
        background-color: var(--color-primary);
    }
    
    .mad-range-slider .ui-slider-handle {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -.75rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 100%;
        cursor: pointer;
        background-color: var(--color-primary-darker);
    }
    
    .mad-range-slider .ui-slider-handle:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 0.75rem;
        height: 0.75rem;
        background: var(--color-neutral-0);
        margin: 6px;
        border-radius: 100%;
    }
    
    .mad-range-slider .ui-slider-handle:last-child {
        margin-left: -0.625rem;
    }
    
    /* ----------------------------------------
                Checkbox & Radio
            ---------------------------------------- */
    
    .mad-toggled-fields:not(.no-mb):not(:last-child) {
        margin-bottom: 2rem;
    }
    
    input[type="checkbox"], input[type="radio"] {
        display: none !important;
    }
    
    input[type="checkbox"]+label[for], input[type="radio"]+label[for] {
        display: flex;
        align-items: center;
        position: relative;
        text-transform: none;
        font-size: 1rem;
        line-height: 1.5rem;
        min-height: 1.5rem;
        padding-left: 2rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 0;
    }
    
    input[type="checkbox"]+label[for]::before, input[type="radio"]+label[for]::before {
        content: "";
        border: 1px solid var(--color-secondary-40);
        width: 22px;
        height: 22px;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--color-neutral-0);
    }
    
    input[type="radio"]+label[for]::before {
        border-color: var(--color-secondary-20);
    }
    
    input[type="checkbox"]+label[for]::after, input[type="radio"]+label[for]::after {
        font-family: 'Material Icons';
        content: "done";
        font-size: 1rem;
        line-height: 1;
        position: absolute;
        text-transform: none;
        left: 0;
        width: 1.6rem;
        text-align: center;
        top: 0.25rem;
        color: var(--color-neutral);
        display: none;
    }
    
    input[type="checkbox"]+label[for]::before {
        border-radius: 0.5rem;
    }
    
    input[type="checkbox"]+label[for]:not(:last-child), input[type="radio"]+label[for]:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    input[type="checkbox"]:checked+label[for]::after, input[type="radio"]:checked+label[for]::after {
        display: block;
    }
    
    input[type="radio"]+label[for]::after {
        content: "";
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        background-color: var(--color-neutral-80);
        left: 0.5rem;
        top: 0.5rem;
    }
    
    input[type="radio"]+label[for]::before {
        border-radius: 50%;
    }
    
    table input[type="checkbox"]+label[for], table input[type="radio"]+label[for] {
        letter-spacing: 0;
        padding-left: 2rem;
    }
    
    .mad-toggled-fields.style-2 input[type="checkbox"]+label[for], .mad-toggled-fields.style-2 input[type="radio"]+label[for] {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: 0;
        padding-left: 3.5rem;
        display: flex;
        align-items: center;
        min-height: 2.5rem;
    }
    
    .mad-toggled-fields.style-2 input[type="checkbox"]+label[for]::before, .mad-toggled-fields.style-2 input[type="radio"]+label[for]::before {
        width: 2.25rem;
        height: 2.25rem;
    }
    
    .mad-toggled-fields.style-2 input[type="checkbox"]+label[for]::after, .mad-toggled-fields.style-2 input[type="radio"]+label[for]::after {
        font-size: 1.5rem;
        width: 2.5rem;
        top: 0.5rem;
    }
    
    .mad-toggled-fields.size-2 input[type="checkbox"]+label[for],
    .mad-toggled-fields.size-2 input[type="radio"]+label[for] {
        padding-left: 3.5rem;
        display: flex;
        align-items: center;
        min-height: 2.5rem;
        letter-spacing: 0;
        font-size: 1.125rem;
        font-weight: 500;
    }
    
    .mad-toggled-fields.size-2 input[type="radio"]+label[for]::before, .mad-toggled-fields.size-2 input[type="checkbox"]+label[for]::before {
        width: 2.375rem;
        height: 2.375rem;
    }
    
    .mad-toggled-fields.size-2 input[type="radio"]+label[for]::after {
        width: 1rem;
        height: 1rem;
        left: 0.75rem;
        top: 0.75rem;
    }
    
    .mad-toggled-fields.size-2 input[type="checkbox"]+label[for]:after {
        font-size: 2rem;
        left: 4px;
    }
    
    .mad-toggled-fields.size-medium input[type="checkbox"]+label[for],
    .mad-toggled-fields.size-medium input[type="radio"]+label {
        font-size: 1rem;
        padding-left: 3rem;
        min-height: 2rem;
        font-weight: normal;
    }
    
    .mad-toggled-fields.size-medium input[type="checkbox"]+label[for]::before, .mad-toggled-fields.size-medium input[type="radio"]+label[for]::before {
        width: 1.875rem;
        height: 1.875rem;
    }
    
    .mad-toggled-fields.size-medium input[type="checkbox"]+label[for]::after, .mad-toggled-fields.size-medium input[type="radio"]+label[for]::after {
        font-size: 1.5rem;
        left: 0.5rem;
        width: 1rem;
        height: 1rem;
    }
    
    /* ----------------------------------------
                Select
            ---------------------------------------- */
    
    .mad-custom-select {
        position: relative;
    }
    
    .mad-custom-select.mad-over {
        z-index: 3;
    }
    
    .mad-custom-select .mad-selected-option {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 3.5rem;
        line-height: 3.5rem;
        position: relative;
        padding-right: 2.625rem;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    
    
    .mad-custom-select .mad-selected-option::after, .mad-custom-select .mad-selected-option::before {
        content: "keyboard_arrow_down";
        font-family: 'Material Icons';
        font-size: 1.5rem;
        line-height: inherit;
        position: absolute;
        color: var(--color-neutral-80);
        top: 0;
        right: 1.45rem;
        max-width: 1rem;
        -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-custom-select .mad-selected-option::before {
        content: "keyboard_arrow_up";
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-custom-select .mad-options-list {
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: initial;
        color: var(--color-neutral-80);
        background-color: var(--color-secondary-5);
        padding-bottom: 1rem;
        border: 1px solid var(--color-secondary-40);
        position: absolute;
        border-radius: 1rem;
        padding: 0.5rem 0;
        overflow: hidden;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 0.5rem;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-events-nav .mad-custom-select .mad-options-list {
        margin-top: 1rem;
    }
    
    .mad-custom-select .mad-options-list>li {
        cursor: pointer;
        padding-top: 1rem;
        line-height: 2.5rem;
        padding: 0 1.5rem;
        -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-custom-select .mad-options-list>li:hover, .mad-custom-select .mad-options-list>li.mad-active {
        background: var(--color-neutral-0);
        color: var(--color-neutral);
    }
    
    .mad-custom-select.mad-opened .mad-options-list, .mad-custom-select.mad-opened .mad-selected-option::before {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-custom-select.mad-opened .mad-selected-option::after {
        opacity: 0;
        visibility: hidden;
    }
    
    .mad-csstransforms3d .mad-custom-select .mad-options-list, .mad-csstransforms3d .mad-custom-select .mad-selected-option::after, .mad-csstransforms3d .mad-custom-select .mad-selected-option::before {
        -webkit-transition-property: -webkit-transform, opacity, visibility;
        transition-property: transform, opacity, visibility;
    }
    
    /* ----------------------------------------
                Counter
            ---------------------------------------- */
    
    .mad-field-counter {
        position: relative;
        padding-right: 3rem;
    }
    
    .mad-field-counter-value {
        font-family: "Lora", serif;
        color: var(--color-neutral);
        font-size: 3.7rem;
        line-height: 0.82;
        position: relative;
        top: 5px;
    }
    
    .mad-field-counter-control {
        font-size: 1.25rem;
        line-height: 1;
        position: absolute;
        right: 0;
        -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-field-counter-control::after {
        font-family: 'Linearicons';
    }
    
    .mad-field-counter-control:hover {
        color: var(--color-neutral);
    }
    
    .mad-field-counter-control--increase {
        top: 0;
    }
    
    .mad-field-counter-control--increase::after {
        content: "\e939";
    }
    
    .mad-field-counter-control--decrease {
        bottom: 0;
    }
    
    .mad-field-counter-control--decrease::after {
        content: "\e93a";
    }
    
    /* ----------------------------------------
                Products
            ---------------------------------------- */
    
    .mad-products:not(.owl-carousel) {
        display: flex;
        flex-wrap: wrap;
        z-index: 1;
        position: relative;
    }
    
    .mad-products.mad-product-small {
        flex-direction: column;
    }
    
    .mad-products:not(.mad-product-small) .mad-product {
        position: relative;
        transition: all .5s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
        text-align: center;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-products:not(.mad-product-small) .mad-product:after {
        content: '';
        position: absolute;
        inset: 0;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
        z-index: -1;
    }
    
    .mad-products:not(.mad-product-small) .mad-product-content {
        padding: 2rem;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .mad-products:not(.mad-product-small) .mad-product:hover {
        border-color: #26658c;
    }
    
    .mad-products .mad-product-image {
        position: relative;
    }
    
    .mad-products.mad-product-small .mad-product {
        display: flex;
        align-items: flex-start;
        column-gap: 1.5rem;
        row-gap: 1rem;
    }
    
    .mad-product .mad-title-wrap, .mad-product .mad-cat-holder {
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    .mad-product-cat {
        display: block;
        font-size: 0.875rem;
        line-height: 1rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--color-primary);
    }
    
    .mad-product-cat .mad-product-cat:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-product .mad-product-cat:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    .mad-products.mad-product-small .mad-product:not(:last-child), .mad-product-description:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-products.mad-product-small .mad-product .mad-product-image {
        min-width: 6rem;
        border-radius: 1rem;
        overflow: hidden;
    }
    
    .mad-title-wrap .mad-product-title:not(:last-child) {
        margin-bottom: 0;
    }
    
    h5.mad-product-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-products.mad-product-small .mad-product-title {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    
    .mad-product .mad-product-header:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    
    
    .mad-products.mad-product-small .mad-product-title:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-products .mad-product-title a:hover {
        text-decoration: underline;
    }
    
    table .mad-price {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        color: var(--color-neutral-80);
    }
    
    .mad-total .mad-price {
        font-weight: bold;
        color: var(--color-secondary);
    }
    
    table .quantity.type-2 input[type="text"] {
        height: 3rem;
    }
    
    .mad-products.mad-product-small .mad-price {
        font-size: 0.875rem;
        line-height: 1rem;
        color: var(--color-secondary);
        font-weight: 500;
    }
    
    .mad-products.mad-product-small .mad-price:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .mad-products:not(.mad-product-small) .mad-price, .mad-product-single .mad-price {
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--color-secondary);
        font-weight: 600;
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
    }
    
    .mad-products:not(.mad-product-small) .mad-price {
        justify-content: center;
    }
    
    .mad-products:not(.mad-product-small) .mad-price:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-products .mad-price span, .mad-product-single .mad-price span {
        color: var(--color-neutral-60);
        text-decoration: line-through;
    }
    
    .mad-product .mad-product-image {
        position: relative;
    }
    
    .mad-product .mad-product-image img {
        width: 100%;
    }
    
    .mad-product .mad-product-image .mad-label, .image-preview .mad-label {
        position: absolute;
        top: 2rem;
        left: 2rem;
        line-height: 2rem;
        padding: 0 0.75rem;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 600;
        border-radius: var(--br-main);
        color: var(--color-primary-darker);
        letter-spacing: 1px;
        background: var(--color-primary-5);
    }
    
    .mad-product .mad-product-image .mad-label.new {
        background: var(--color-secondary-10);
        color: var(--color-secondary);
    }
    
    .mad-product:not(.mad-product-single) .btn {
        width: 100%;
        justify-content: center;
    }
    
    .mad-price-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    .shop-cart-form table tr th:first-child {
        width: 37%;
    }
    
    .shop-cart-form .mad-product {
        align-items: flex-start;
        display: flex;
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 1.5rem;
    }
    
    .shop-cart-form .mad-product .mad-close-item {
        font-size: 1.5rem;
    }
    
    .shop-cart-form .mad-product .mad-close-item:hover {
        color: var(--color-primary-darker);
    }
    
    .shop-cart-form tr td {
        padding-top: 2rem;
        padding-bottom: 2rem;
        vertical-align: middle;
    }
    
    .mad-shop-footer {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
        justify-content: space-between;
    }
    
    .mad-shop-footer form input {
        min-width: 24.5rem
    }
    
    .mad-order .mad-product-title {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -1.35px;
        font-weight: normal;
        font-family: 'Barlow', sans-serif;
    }
    
    .mad-order.mad-table-wrap table:not(.mad-table--vertical) tr th:first-child {
        width: 46%;
    }
    
    .mad-order.mad-table-wrap tr:not(:last-child):first-child td:last-child {
        border-radius: 0;
    }
    
    .mad-order.mad-table-wrap table:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-order table tr td.payment-option {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 0.8125rem;
        line-height: 1rem;
    }
    
    .payment-option input[type="radio"]+label[for] {
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        padding-left: 3.5rem;
        padding-top: 0.25rem;
    }
    
    .payment-option input[type="checkbox"]+label[for] {
        padding-left: 3.5rem;
        padding-top: 0.25rem;
    }
    
    .payment-option input[type="radio"]+label[for]:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .payment-option input[type="radio"]+label[for]::before, .payment-option input[type="checkbox"]+label[for]::before {
        width: 2.375rem;
        height: 2.375rem;
    }
    
    table.mad-table--vertical .payment-option input[type="radio"]+label[for],
    table.mad-table--vertical .payment-option input[type="checkbox"]+label[for] {
        font-weight: 500;
        font-size: 1.125rem;
    }
    
    .payment-option input[type="radio"]+label[for]::after {
        width: 1rem;
        height: 1rem;
        left: 0.75rem;
        top: 0.75rem;
    }
    
    .payment-option input[type="checkbox"]+label[for]:after {
        font-size: 2rem;
        left: 4px;
    }
    
    .payment-option li:last-child {
        padding-top: 15px;
    }
    
    .payment-desc {
        font-size: 0.8125rem;
        line-height: 1rem;
        padding-left: 3.5rem;
    }
    
    
    .payment-option .input-wrapper.with-link input[type="radio"]+label[for] span {
        display: inline-block;
        line-height: 1rem;
        padding-left: 0.25rem;
    }
    
    .payment-desc a {
        font-size: 1.125rem;
        font-weight: 500;
    }
    
    .payment-option input[type="checkbox"]+label[for]:not(:last-child) {
        margin-bottom: 8px;
    }
    
    .payment-option .input-wrapper:not(:last-child) {
        margin-bottom: 0;
    }
    
    .payment-option .input-wrapper.with-link .mad-link {
        font-size: 0.8125rem;
        line-height: 1.25rem;
    }
    
    .payment-option input[type="checkbox"]+label[for] {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .hidden-section .row:not(.col-no-space) {
        margin-bottom: -1rem;
    }
    
    .hidden-section .row:not(.col-no-space)>[class*="col"] {
        padding-bottom: 1rem;
    }
    
    .hidden-section:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    .hidden-section .account-action {
        display: block;
        padding: 1rem 2rem;
        background: var(--color-secondary-80);
        border-radius: var(--br-main);
        font-family: 'Arima Madurai', cursive;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--color-neutral-0);
    }
    
    .hidden-section .account-action:hover {
        background: var(--color-secondary);
    }
    
    .hidden-section .account-action.toggled {
        background: var(--color-secondary);
    }
    
    .hidden-section .content {
        padding: 2rem;
        border: 1px solid var(--color-neutral-15);
        border-radius: var(--br-main);
    }
    
    .mad-table-wrap.shop-acc table tr td:last-child a {
        font-weight: 500;
    }
    
    .mad-table-wrap.shop-acc table tr td a {
        font-weight: 500;
    }
    
    /* Product Single */
    
    .mad-product.mad-product-single:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    .mad-product.mad-product-single {
        display: flex;
        flex-wrap: wrap;
        row-gap: 2rem;
        margin: 0 -1rem;
    }
    
    .mad-product.mad-product-single .mad-label {
        z-index: 8;
    }
    
    .mad-product.mad-product-single .mad-col {
        width: 50%;
        padding: 0 1rem;
    }
    
    .mad-product.mad-product-single .mad-col:first-child {
        width: 50%;
    }
    
    .image-preview {
        position: relative;
    }
    
    .image-preview img {
        border-radius: var(--br-main);
        width: 100%;
    }
    
    .mad-zoom-img {
        position: absolute;
        right: 2rem;
        bottom: 2rem;
        z-index: 9;
    }
    
    .zoomContainer {
        display: none !important;
    }
    
    .mad-product-single .mad-price {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-product-single .mad-product-title:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    .mad-product-single .mad-price:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .image-preview-container.type-2 {
        position: relative;
        overflow: hidden;
    }
    
    .image-preview-container.type-2 .image-preview {
        min-width: 51.5rem;
        margin-left: 12.875rem;
    }
    
    .image-preview-container.type-2 .mad-thumb-holer {
        position: absolute;
        transform: rotate(90deg);
        top: 314px;
        left: -313px;
        z-index: 8;
        width: 100%;
        max-width: 51.166rem;
    }
    
    .image-preview-container.type-2 .mad-thumb-holer .mad-grid-item img {
        transform: rotate(-90deg);
    }
    
    .image-preview-container:not(.type-2) .mad-thumb-holer {
        margin-top: 1rem;
    }
    
    .mad-product-thumbs.owl-carousel .owl-nav button {
        top: calc(50% - 0.25rem);
    }
    
    .mad-product-thumbs.owl-carousel .owl-nav button .svg {
        width: 1.125rem;
        height: 2rem;
    }
    
    .mad-product-thumbs .mad-grid-item {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    /* ----------------- Quantity ----------------- */
    
    .quantity {
        width: 100%;
        position: relative;
    }
    
    .quantity input[type="text"] {
        font-size: 3rem;
        line-height: 3.5rem;
        padding-bottom: 0;
        color: var(--color-neutral-0);
        border-color: var(--color-neutral-0);
    }
    
    .quantity button {
        position: absolute;
        top: 0.25rem;
        right: 0;
        max-width: 1rem;
        color: var(--color-neutral-80);
    }
    
    .quantity button.qty-minus {
        top: auto;
        bottom: 0.25rem;
    }
    
    .quantity button i {
        font-size: 1.25rem;
        color: var(--color-neutral-0);
    }
    
    .quantity.size-2 input[type="text"] {
        font-size: 1rem;
        line-height: 2rem;
        height: 2rem;
    }
    
    .quantity.size-2 button.qty-plus {
        margin-top: -1.5rem;
    }
    
    .quantity.type-2 {
        max-width: 11rem;
    }
    
    .quantity.type-2 input[type="text"] {
        border: 1px solid var(--color-secondary-40);
        line-height: 3.5rem;
        height: 3.5rem;
        padding: 0;
        color: var(--color-neutral-80);
        font-size: 1rem;
        text-align: center;
    }
    
    .quantity.type-2 button i {
        color: var(--color-neutral-80);
    }
    
    .quantity.type-2 button {
        top: 50%;
        transform: translateY(-50%);
    }
    
    .quantity.type-2 .qty-plus {
        right: 1rem;
    }
    
    .quantity.type-2 .qty-minus {
        left: 1rem;
    }
    
    /* Sorting */
    
    .product-sort-section {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 2rem;
        row-gap: 2rem;
        justify-content: space-between;
        color: var(--color-neutral-80);
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .product-sort-section:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    #main .product-sort-section .mad-col {
        width: calc(33.3333% - 1.5rem);
    }
    
    .product-sort-section .mad-col {
        width: calc(25% - 1.5rem);
    }
    
    /* Shopping Cart */
    
    .mad-dropdown-cart>.mad-dropdown-title i {
        position: relative;
    }
    
    .mad-dropdown-cart>.mad-dropdown-title i>span {
        font-family: 'Barlow', sans-serif;
        position: absolute;
        width: 1rem;
        height: 1rem;
        background: var(--color-primary);
        color: var(--color-neutral-0);
        border-radius: 50%;
        text-align: center;
        line-height: 1rem;
        font-size: 10px;
        font-weight: 500;
        bottom: -4px;
        right: -6px;
    }
    
    .mad-dropdown-cart .shopping-cart {
        left: auto;
        right: 0;
        margin: 0;
        transform: none !important;
        margin-top: 1.5rem;
        border-top-left-radius: 0;
    }
    
    .mad-dropdown-cart:hover .shopping-cart {
        padding: 2rem;
        max-width: 24.5rem;
        opacity: 1;
        visibility: visible;
    }
    
    .mad-dropdown-cart .mad-product .mad-product-image {
        background: var(--color-neutral-0);
    }
    
    .mad-dropdown-cart .shopping-cart:after {
        content: '';
        height: 3rem;
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
    }
    
    .mad-dropdown-cart .btn {
        width: 100%;
    
        column-gap: 0.5rem;
    }
    
    .mad-dropdown-cart .btn-set {
        flex-wrap: nowrap;
        margin: -8px -4px 0;
    }
    
    .mad-dropdown-cart .btn-set>* {
        margin: 8px 4px 0;
    }
    
    .mad-dropdown-cart .subtotal {
        letter-spacing: 0;
        padding: 1.5rem 0;
        margin-top: 1.5rem;
        border-top: 1px solid var(--color-neutral-15);
        line-height: 1.5rem;
    }
    
    .mad-dropdown-cart .subtotal span:first-child {
        display: inline-block;
        font-family: 'Arima Madurai', cursive;
        font-size: 1.25rem;
        font-weight: bold;
        color: var(--color-neutral);
        margin-right: 1rem;
    }
    
    .mad-dropdown-cart .subtotal span:last-child {
        font-weight: 600;
        font-size: 1.125rem;
        color: var(--color-secondary);
    }
    
    .shopping-cart .mad-product {
        position: relative;
        padding-right: 2rem;
    }
    
    .shopping-cart .mad-close-item {
        position: absolute;
        right: -6px;
        top: 50%;
        margin: 0;
        margin-top: -0.625rem;
        font-size: 1.25rem;
        color: var(--color-neutral);
        width: auto !important;
        display: block;
    }
    
    .shopping-cart .mad-close-item:hover {
        color: var(--color-primary-lighter);
    }
    
    /* ----------------------------------------
                Label
            ---------------------------------------- */
    
    label {
        margin-bottom: 1rem;
        display: block;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    label.no-cap {
        text-transform: none;
    }
    
    label[for] {
        cursor: pointer;
    }
    
    /* ----------------------------------------
                Textarea
            ---------------------------------------- */
    
    textarea {
        height: auto;
        resize: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: block;
    }
    
    /* ----------------------------------------
                Form groups
            ---------------------------------------- */
    
    .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 2rem;
        column-gap: 2rem;
    }
    
    [class*="form-col"] {
        width: 100%;
    }
    
    .form-col-1 {
        width: 8.33333%;
    }
    
    /* ----------------------------------------
                Single Field Form
            ---------------------------------------- */
    
    form.one-line {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        column-gap: .5rem;
    }
    
    .mad-footer form.one-line input {
        background-color: var(--color-neutral-0);
    }
    
    .mad-newsletter-form.one-line {
        display: flex;
    }
    
    .mad-newsletter-form.one-line .mad-col:first-child {
        width: 100%;
        max-width: 26.5rem;
    }
    
    .mad-newsletter-form:not(.one-line) {
        display: block;
    }
    
    .mad-newsletter-form:not(.one-line) .btn {
        margin-top: 1.5rem;
    }
    
    .mad-newsletter-form.one-line .btn.btn-huge {
        min-width: 4.5rem;
        padding: 0;
        height: 4.5rem;
        line-height: 4.5rem;
        text-align: center;
    }
    
    .mad-newsletter-form.one-line .btn.btn-huge .svg {
        height: 1.25rem;
        width: 100%;
    }
    
    .mad-newsletter-form.one-line .btn.btn-huge .svg path {
        fill: var(--color-neutral-0);
    }
    
    form.size-2 input {
        font-size: 1.125rem;
        height: 4.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    form.size-2 .btn.wide {
        padding-left: 5.55rem;
        padding-right: 5.55rem;
    }
    
    form .btn.wide,
    .btn.wide {
        width: 100%;
        justify-content: center;
    }
    
    
    .mad-search-form .btn {
        padding: 0;
        min-width: 3.5rem;
        height: 3.5rem;
        text-align: center;
        justify-content: center;
    }
    
    /* ----------------------------------------
            Colorizer
        ---------------------------------------- */
    
    [class*="mad-colorizer--scheme-"] {
        position: relative;
    }
    
    /* .container .mad-section[class*="mad-colorizer--scheme-"]:not([class*="mad-section--stretched"]):not(.mad-section--no-adaptive):not(.mad-changing-bg) {
        padding-left: 1rem;
        padding-right: 1rem;
    } */
    
    .mad-colorizer-bg-color, .mad-colorizer-bg-image {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: -1;
    }
    
    .mad-colorizer-bg-image {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .mad-colorizer--parallax .mad-colorizer-bg-image, .mad-parallax .mad-colorizer-bg-image {
        background-size: cover;
        background-attachment: fixed;
    }
    
    .mad-touchevents .mad-colorizer--parallax .mad-colorizer-bg-image {
        background-size: cover !important;
        background-position: center !important;
        background-attachment: scroll !important;
    }
    
    [class*="with-overlay"] {
        z-index: 1;
        position: relative;
    }
    
    [class*="with-overlay"]:not(.mad-section):after, .mad-section[class*="with-overlay"]>[class*="mad-colorizer-"]:after {
        content: '';
        background: var(--color-neutral);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.6;
        z-index: -1;
    }
    
    .mad-section.with-overlay-1>[class*="mad-colorizer-"]:after {
        opacity: 0.2;
    }
    
    .mad-section.with-overlay-2>[class*="mad-colorizer-"]:after {
        opacity: 0.3;
    }
    
    .mad-bg-section {
        min-height: 400px;
        padding-bottom: 40% !important;
    }
    
    .mad-colorizer--scheme-color-2>.mad-colorizer-bg-color {
        background: var(--color-primary-10);
    }
    
    .mad-colorizer--scheme-color-3>.mad-colorizer-bg-color {
        background: var(--color-neutral-80);
    }
    
    .mad-colorizer--scheme-color-4>.mad-colorizer-bg-color {
        background: var(--color-primary-5);
    }
    
    .mad-colorizer--scheme-color-5>.mad-colorizer-bg-color {
        background: var(--color-primary);
    }
    
    .mad-colorizer--scheme-color-6>.mad-colorizer-bg-color {
        background: var(--color-secondary);
    }
    
    .mad-colorizer--scheme-color-7>.mad-colorizer-bg-color {
        background: var(--color-secondary-10);
    }
    
    .mad-colorizer--scheme-color-8>.mad-colorizer-bg-color {
        background: var(--color-primary-darker);
    }
    
    .mad-colorizer--scheme-color-9>.mad-colorizer-bg-color {
        background: var(--color-secondary-5);
    }
    
    .mad-colorizer--scheme-light .mad-cta-title, .mad-colorizer--scheme-light .mad-title, .mad-colorizer--scheme-light .mad-section-title, .mad-colorizer--scheme-light .mad-page-title, .mad-colorizer--scheme-color-3 .mad-page-title {
        color: #fff;
    }
    
    .mad-colorizer--scheme-light .mad-pre-title {
        color: var(--color-secondary-10);
    }
    
    .mad-colorizer--scheme-color-3 {
        color: var(--color-neutral-15);
    }
    
    .mad-colorizer--scheme-color-3 .mad-text-link:after {
        background-color: var(--color-secondary-80);
    }
    
    .mad-colorizer--scheme-color-3 .mad-pre-title {
        color: var(--color-neutral-10);
    }
    
    .mad-colorizer--scheme-color-3 .mad-title {
        color: var(--color-neutral-0);
    }
    
    .mad-colorizer--scheme-color-3 .mad-pre-title:before {
        background-color: var(--color-secondary-40);
    }
    
    .mad-colorizer--scheme-color-5 {
        color: var(--color-secondary-10);
    }
    
    .mad-texture-holder {
        position: relative;
        width: calc(100% + 2rem);
        height: 100%;
    }
    
    .mad-section>.mad-texture-holder {
        position: absolute;
        bottom: 0;
        height: 100%;
        overflow: hidden;
        z-index: -1;
    }
    
    .mad-texture-holder {
        position: relative;
        z-index: -1;
    }
    
    [class*="mad-img-texture"] {
        position: absolute;
        top: 6.25rem;
        left: 1.5rem;
    }
    
    .mad-img-texture2 {
        top: 5rem;
        left: 2rem;
    }
    
    .mad-img-texture3 {
        top: 3.75rem;
        right: 6.5rem;
        left: auto;
    }
    
    .mad-img-texture4 {
        top: 0;
    }
    
    .mad-img-texture5 {
        top: 2rem;
        left: auto;
        right: 4rem;
    }
    
    .mad-img-texture5.bottom-position {
        top: auto;
        bottom: 0;
    }
    
    .mad-img-texture6 {
        top: 16rem;
    }
    
    .mad-img-texture7 {
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .mad-texture-holder.size-3 {
        height: 1466px;
        overflow: hidden;
        width: 100%;
        left: 0;
    }
    
    .mad-img-texture .svg {
        width: calc(100% + 3rem);
    }
    
    .mad-img-texture.right-side {
        left: auto;
        right: -1.5rem;
    }
    
    .mad-img-texture.bottom-side {
        left: 7.75rem;
        top: -18.5rem;
    }
    
    .container-fluid .mad-img-texture.right-side {
        right: -5.5rem;
    }
    
    [class*="with-texture"] .mad-colorizer-bg-color:after, [class*="with-texture"] .mad-colorizer-bg-color:before, [class*="with-texture"]:after,
    .mad-half-full[class*="with-texture20"]:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    
    [class*="with-texture1"] .mad-colorizer-bg-color:after {
        background: url(../images/texture1.svg) no-repeat;
        background-size: cover;
    }
    
    [class*="with-texture2"] .mad-colorizer-bg-color:after {
        background: url(../images/texture2.svg) no-repeat;
        background-size: contain;
        background-position: center center;
    }
    
    [class*="with-texture3"] .mad-colorizer-bg-color:after {
        background: url(../images/texture3.svg) no-repeat;
        background-size: contain;
        background-position: center center;
    }
    
    [class*="with-texture4"] .mad-colorizer-bg-color:after {
        background: url(../images/texture5.svg) no-repeat;
        background-size: cover;
    }
    
    [class*="with-texture5"] .mad-colorizer-bg-color:after {
        background: url(../images/texture6.svg) no-repeat;
        background-position: top center;
    }
    
    [class*="with-texture6"] .mad-colorizer-bg-color:after {
        background: url(../images/texture7.svg) no-repeat;
        background-size: contain;
        background-position: right 2rem top;
    }
    
    [class*="with-texture7"] .mad-colorizer-bg-color:after {
        background: url(../images/texture8.svg) no-repeat;
        background-size: contain;
    }
    
    [class*="with-texture8"] .mad-colorizer-bg-color:after {
        background: url(../images/texture9.svg) no-repeat;
        background-size: cover;
    }
    
    [class*="with-texture9"] .mad-colorizer-bg-color:after {
        background: url(../images/texture11.svg) no-repeat;
        background-position: bottom center;
        background-size: contain;
    }
    
    [class*="with-texture10"] .mad-colorizer-bg-color:after {
        background: url(../images/texture12.svg) no-repeat;
        background-size: cover;
        background-position: center right;
    }
    
    [class*="with-texture11"] .mad-colorizer-bg-color:after {
        background: url(../images/texture13.svg) no-repeat;
        background-size: contain;
        background-position: bottom center;
    }
    
    [class*="with-texture12"] .mad-colorizer-bg-color:after {
        background: url(../images/texture15.svg) no-repeat;
        background-position: center right 4rem;
    }
    
    [class*="with-texture13"] .mad-colorizer-bg-color:after {
        background: url(../images/texture9.svg) no-repeat;
    }
    
    /* Video wrapper */
    
    .video_wrapper {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative;
        border-radius: var(--br-main);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        overflow: hidden;
    }
    
    .video_wrapper>iframe {
        z-index: 2;
    }
    
    .video_wrapper_full {
        padding-top: 36rem;
    }
    
    .videoIframe {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    
    .videoPoster {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-image: url(../images/1076x752_img5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border: none;
        text-indent: -999em;
        opacity: 1;
        z-index: 3;
        overflow: hidden;
        -webkit-transition: opacity 800ms, height 0s;
        -moz-transition: opacity 800ms, height 0s;
        transition: opacity 800ms, height 0s;
        -webkit-transition-delay: 0s, 0s;
        -moz-transition-delay: 0s, 0s;
        transition-delay: 0s, 0s;
    }
    
    .video_wrapper_full.image-1 {
        padding-top: 47rem;
    }
    
    .video_wrapper_full.image-2 {
        padding-top: 23.5rem;
    }
    
    .video_wrapper_full.image-3 {
        padding-top: 29rem;
    }
    
    .video_wrapper_full.image-4 {
        padding-top: 25rem;
    }
    
    
    .video_wrapper_full.image-2 .videoPoster {
        background-image: url(../images/539x376_img5.jpg);
    }
    
    .video_wrapper_full.image-3 .videoPoster {
        background-image: url(../images/744x464_img5.jpg);
    }
    
    .video_wrapper_full.image-4 .videoPoster {
        background-image: url(../images/522x400_img5.jpg);
    }
    
    #main .video_wrapper_full.image-1.videoWrapperActive {
        padding-top: 45.5rem;
    }
    
    .video_wrapper_full.image-1.videoWrapperActive {
        padding-top: 51.5rem;
    }
    
    #main .video_wrapper_full.image-2.videoWrapperActive {
        padding-top: 22rem;
    }
    
    .video_wrapper_full.image-2.videoWrapperActive {
        padding-top: 18rem;
    }
    
    .video_wrapper_full.image-3.videoWrapperActive {
        padding-top: 19.5rem;
    }
    
    .videoPoster:hover {
        cursor: pointer;
    }
    
    .videoPoster:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 6rem;
        height: 6rem;
        margin: -3rem 0 0 -3rem;
        background: url(../images/play-btn.svg) no-repeat;
    }
    
    .videoPoster.no-btn {
        cursor: auto;
    }
    
    .videoPoster.no-btn:before {
        display: none;
    }
    
    .videoWrapperActive .videoPoster {
        opacity: 0;
        height: 0;
        -webkit-transition-delay: 0s, 800ms;
        -moz-transition-delay: 0s, 800ms;
        transition-delay: 0s, 800ms;
    }
    
    /* Storyline */
    
    .mad-storyline {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .mad-storyline:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 1rem;
        bottom: 0;
        width: 2px;
        background: var(--color-neutral);
    }
    
    .mad-storyline>.mad-col {
        position: relative;
        width: 100%;
    }
    
    .mad-storyline .mad-story-item {
        position: relative;
    }
    
    .mad-story-item .mad-story-inner {
        position: relative;
        max-width: 42%;
    }
    
    .mad-story-inner figure img {
        border-radius: var(--br-main);
    }
    
    .mad-storyline .mad-story-item .mad-story-date {
        position: absolute;
        top: 0.5rem;
        font-family: 'Arima Madurai', cursive;
        font-size: 2.25rem;
        font-weight: bold;
        left: calc(50% - 4rem);
        width: 8rem;
        height: 6.5rem;
        color: var(--color-neutral-0);
        background: url(../images/story_bg_icon.svg) no-repeat center;
        text-align: center;
        line-height: 6.5rem;
        display: block;
        z-index: 1;
    }
    
    .mad-storyline .mad-story-item:last-child .mad-story-date:after {
        content: '';
        position: absolute;
        top: 100%;
        margin-top: -6px;
        width: 2px;
        height: 250%;
        background: var(--color-neutral-0);
        left: calc(50%);
    }
    
    .mad-storyline .mad-story-item.right-col {
        display: flex;
        justify-content: flex-end;
    }
    
    .mad-storyline .mad-story-item.right-col:after {
        left: auto;
        right: calc(50% - 0.5625rem);
    }
    
    .mad-storyline .mad-story-item .mad-story-content {
        color: var(--color-neutral-80);
        background: var(--color-primary-10);
        padding: 2rem 2rem 2.5rem;
        border-radius: var(--br-main);
        border: 1px solid var(--color-primary-25);
        z-index: 1;
        position: relative;
        text-align: right;
    }
    
    .mad-storyline .mad-story-item .mad-story-content:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 2.25rem;
        width: 1rem;
        height: 2.25rem;
        background: var(--color-primary-10);
        border-right: 1px solid var(--color-primary-25);
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
        border-right: 1px solid var(--color-primary-25);
        border-top: 1px solid var(--color-primary-25);
        border-bottom: 1px solid var(--color-primary-25);
    }
    
    .mad-storyline .mad-story-item.right-col .mad-story-content {
        right: auto;
        left: 0;
        text-align: left;
    }
    
    .mad-storyline .mad-story-item.right-col .mad-story-content:after {
        left: auto;
        right: 100%;
        transform: rotate(180deg);
    }
    
    .mad-story-content .mad-title:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    /* ----------------------------------------
            Gallery
        ---------------------------------------- */
    
    .mad-grid--isotope:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-gallery:not(.mad-grid--isotope) {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-gallery:not(.mad-grid--isotope) .mad-gallery-item {
        display: block;
        position: relative;
        overflow: hidden;
        transition: all .5s ease;
    }
    
    .mad-grid-item.col-x2 {
        width: 66.6666%;
    }
    
    .mad-grid--isotope.item-col-4 .mad-grid-item.col-x2 {
        width: 50%;
    }
    
    .mad-grid--isotope.item-col-2 .mad-grid-item.col-x2 {
        width: 100%;
    }
    
    .mad-gallery:not(.gallery-small) .mad-gallery-item a {
        display: block;
        overflow: hidden;
        position: relative;
        cursor: url(../images/crosshair.svg), crosshair;
        border-radius: var(--br-main);
        z-index: 1;
    }
    
    .mad-gallery-item {
        border-radius: var(--br-main);
    }
    
    .mad-gallery .mad-gallery-item a:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-neutral);
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }
    
    .mad-gallery .mad-gallery-item a:hover:after {
        opacity: 0.5;
        visibility: visible;
    }
    
    .mad-gallery.gallery-small[class*="item-col-"]:not(.no-gutters),
    .mad-instafeed[class*="item-col-"]:not(.no-gutters) {
        margin: -1rem -0.5rem 0;
    }
    
    .mad-gallery.gallery-small[class*="item-col-"]:not(.no-gutters)>*,
    .mad-instafeed[class*="item-col-"]:not(.no-gutters)>* {
        padding: 1rem 0.5rem 0;
    }
    
    .mad-grid-sizer {
        padding: 0 !important;
    }
    
    .mad-portfolio.mad-grid--isotope:not(.type-2) .mad-gallery-item .mad-gallery-desc .mad-gallery-name {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .mad-grid--isotope:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-portfolio:not(.mad-grid--isotope) {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-grid--isotope.mad-portfolio:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-portfolio:not(.type-2) .mad-gallery-item {
        position: relative;
    }
    
    .mad-portfolio:not(.type-2) .mad-gallery-item::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: var(--br-main);
        border: 1px solid var(--color-neutral-15);
        z-index: -1;
    }
    
    .mad-portfolio .mad-gallery-item .mad-gallery-desc {
        padding: 2rem;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .mad-gallery-cat {
        font-size: 1rem;
        line-height: 1rem;
        color: var(--color-primary);
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: .5rem;
        display: block;
    }
    
    .mad-gallery-cat:hover {
        color: var(--color-primary-lighter);
    }
    
    
    
    .mad-gallery-name:hover a {
        text-decoration: underline;
    }
    
    .mad-gallery-media {
        display: block;
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-portfolio:not(.type-2) .mad-gallery-media {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .mad-portfolio.type-2 .mad-gallery-item {
        position: relative;
    }
    
    .mad-portfolio.type-2 .mad-gallery-item .mad-gallery-desc {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        padding-left: 1rem;
        padding-right: 1rem;
        text-align: center;
        color: var(--color-neutral-0);
        background: none;
        transition: all .7s ease;
        opacity: 0;
        visibility: hidden;
        transform: translateY(50%);
    }
    
    .mad-portfolio.type-2 .mad-gallery-item:hover .mad-gallery-desc {
        transform: translateY(-50%);
        opacity: 1;
        visibility: visible;
    }
    
    .mad-portfolio.type-2 .mad-gallery-item .mad-gallery-media {
        display: block;
        position: relative;
    }
    
    .mad-portfolio.type-2 .mad-gallery-item .mad-gallery-media:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-neutral);
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
    }
    
    .mad-portfolio.type-2 .mad-gallery-item:hover .mad-gallery-media:after {
        opacity: 0.5;
        visibility: visible;
    }
    
    .mad-gallery-item .mad-gallery-desc .mad-gallery-name {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }
    
    .mad-portfolio.type-2 .mad-gallery-item .mad-gallery-desc .mad-gallery-name {
        color: var(--color-neutral-0);
    }
    
    .mad-portfolio.type-2 .mad-gallery-item .mad-gallery-desc .mad-gallery-cat {
        color: var(--color-primary);
    }
    
    .mad-portfolio.type-2 .mad-gallery-item .mad-gallery-desc .mad-gallery-cat:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-filter-wrap {
        margin-bottom: 2rem;
        z-index: 2;
        position: relative;
    }
    
    .mad-filter {
        position: relative;
        z-index: 2;
        display: flex;
        column-gap: 2rem;
        padding-bottom: 1rem;
    }
    
    .mad-filter:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 1px;
        margin-top: -1px;
        background: var(--color-secondary-20);
    }
    
    .mad-filter>li>a {
        display: block;
        position: relative;
        font-family: 'Arima Madurai', cursive;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--color-primary);
        letter-spacing: -0.3px;
        border-radius: var(--br-main);
        font-weight: bold;
    }
    
    .mad-filter>li>a::after {
        content: '';
        position: absolute;
        top: calc(100% + 1rem);
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--color-primary);
        opacity: 0;
        visibility: hidden;
        transition: .5s ease;
        z-index: 1;
    }
    
    .mad-filter>li>a:hover {
        color: var(--color-primary-lighter);
    }
    
    .mad-filter>li>a.mad-active {
        color: var(--color-primary-darker);
        text-decoration: underline;
    }
    
    .mad-filter>li>a.mad-active::after {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-gallery:not([class*="item-col-"]).col-size-3 .mad-gallery-item {
        width: 33.3333%;
    }
    
    .mad-gallery-item img {
        width: 100%;
    }
    
    .mad-grid-item.col-x2 {
        width: 66.6666%;
    }
    
    /* ----------------------------------------
            Countdown
        ---------------------------------------- */
    
    .mad-countdown .countdown-row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -3rem 0;
        row-gap: 3rem;
    }
    
    .mad-countdown .countdown-section {
        width: 25%;
        padding: 0 3rem 0;
    }
    
    .mad-countdown .countdown-amount {
        display: block;
        font-family: 'Arima Madurai', cursive;
        font-size: 4.5rem;
        line-height: 4.5rem;
        font-weight: 900;
        letter-spacing: -3px;
        margin-bottom: 0.5rem;
        color: var(--color-secondary);
    }
    
    .mad-countdown .countdown-period {
        display: block;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 500;
        color: var(--color-neutral-80);
    }
    
    .countdown-row .countdown-section:not(:last-child) {
        border-right: 1px solid var(--color-secondary-20);
    }
    
    .mad-countdown.style-2 .countdown-amount {
        color: var(--color-neutral-0);
    }
    
    .mad-countdown.style-2 .countdown-period {
        color: var(--color-primary-10);
    }
    
    .mad-countdown.style-2 .countdown-row .countdown-section:not(:last-child) {
        border-right: 1px solid var(--color-primary-50);
    }
    
    
    /* ----------------------------------------
            Dropdown
        ---------------------------------------- */
    
    .mad-dropdown {
        position: relative;
        z-index: 1;
    }
    
    .mad-dropdown-title {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .mad-dropdown-element {
        font-size: 1rem;
        line-height: 2rem;
        text-align: initial;
        margin-top: 2rem;
        padding-top: 0;
        padding-bottom: 1rem;
        letter-spacing: 0.8px;
        border-radius: 1rem;
        background-color: var(--color-neutral-5);
        color: var(--color-neutral);
        opacity: 0;
        visibility: hidden;
        position: absolute;
        padding: 1.5rem 2rem;
        top: 100%;
        left: 0;
        margin-left: -2rem;
        -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    
    .mad-dropdown-element>li>a {
        color: var(--color-neutral);
    }
    
    .mad-dropdown-element>li>a:hover {
        text-decoration: underline;
    }
    
    .mad-dropdown-element--icons>li {
        position: relative;
        padding-left: 3.1rem;
    }
    
    .mad-dropdown-element--x-right {
        left: auto;
        right: 0;
    }
    
    .mad-dropdown-element--y-top {
        bottom: 100%;
        top: auto;
    }
    
    .mad-dropdown--opened {
        z-index: 6;
    }
    
    .mad-dropdown--opened .mad-dropdown-element {
        opacity: 1;
        visibility: visible;
    }
    
    .mad-dropdown--title-icon .mad-dropdown-title {
        position: relative;
        padding-right: 0.875rem;
    }
    
    .mad-csstransforms3d .mad-dropdown-element {
        -webkit-transition-property: -webkit-transform, opacity, visibility;
        transition-property: transform, opacity, visibility;
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    
    .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-default {
        -webkit-transition-property: -webkit-transform, opacity, visibility;
        transition-property: transform, opacity, visibility;
    }
    
    .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-default {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
    }
    
    .mad-csstransforms3d .mad-dropdown--opened .mad-dropdown-element, .mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-opened {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    
    .mad-dropdown.mad-lang>a {
        font-weight: bold;
        font-size: 0.875rem;
        line-height: 1rem;
    }
    
    .mad-dropdown.mad-lang>a:after {
        content: "keyboard_arrow_down";
        font-family: 'Material Icons';
        font-size: 1.125rem;
        margin-left: 0.5rem;
        max-width: 0.875rem;
        line-height: 1rem;
        vertical-align: middle;
    }
    
    /* ----------------------------------------
            Twitter Feed
        ---------------------------------------- */
    
    .mad-twitter-feed:not(:last-child),
    .mad-twitter-feed>li:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    
    .mad-twitter-feed>li {
        padding-left: 2rem;
    }
    
    .mad-twitter-feed>li {
        position: relative;
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .mad-twitter-feed>li::before {
        content: "\f099";
        font-family: Font Awesome\ 5 Brands;
        font-size: 1rem;
        line-height: 1.5rem;
        position: absolute;
        left: 0;
        top: 0;
        color: var(--color-primary);
    }
    
    .mad-twitter-feed>li a {
        color: var(--color-primary);
    }
    
    .mad-twitter-feed>li a:hover {
        text-decoration: underline;
    }
    
    .mad-twitter-footer {
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 1rem;
        justify-content: space-between;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--color-neutral-60);
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 500;
    }
    
    .mad-twitter-footer .mad-twitter-footer>span {
        letter-spacing: 2px;
    }
    
    .mad-twitter-feed p:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-twitter-btns {
        display: flex;
        column-gap: 1rem;
    }
    
    .mad-twitter-btns>a {
        position: relative;
    }
    
    .mad-twitter-btns>a:not(:last-child):after {
        content: '|';
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 4px;
        color: var(--color-neutral-40);
    }
    
    /* ----------------------------------------
        4. Pages
    ---------------------------------------- */
    
    /* ----------------------------------------
        Pages custom elements
    ---------------------------------------- */
    
    .mad-social-section {
        position: relative;
        display: flex;
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        background: url(../images/plane_bg.svg) no-repeat var(--color-secondary-20);
    }
    
    .mad-social-section+.mad-footer,
    .mad-section-no-bottom-br-radius+.mad-social-section {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    
    .mad-social-wrap {
        display: flex;
        flex-wrap: wrap;
        column-gap: 8rem;
        position: relative;
    }
    
    .mad-social-wrap>.mad-col {
        position: relative;
        text-align: center;
        flex: 1;
        padding: 5.5rem 0;
    }
    
    .mad-social-wrap:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: var(--color-neutral-0);
    }
    
    /* Pie Charts */
    
    .mad-pie-chart .mad-pie-image {
        text-align: center;
        margin-bottom: 2rem;
    }
    
    .mad-pie-chart-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        column-gap: 1rem;
        row-gap: 1rem;
    }
    
    .mad-pie-chart-info .mad-pie-chart-info-item {
        display: flex;
        column-gap: 1rem;
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 600;
        color: var(--color-neutral);
    }
    
    .mad-pie-chart-info-item [class*="mad-pie-color"] {
        min-width: 3rem;
        height: 3rem;
        border-radius: var(--br-main);
        background: var(--color-primary);
    }
    
    .mad-pie-chart-info-item .mad-pie-color-2 {
        background: var(--color-secondary);
    }
    
    .mad-pie-chart-info-item .mad-pie-color-3 {
        background: var(--color-secondary-60);
    }
    
    .mad-donors-section {
        background: var(--color-primary-5);
        padding: 2rem;
        border-radius: var(--br-main);
    }
    
    .mad-donors-section:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    /*  ----------Donates------------  */
    
    .mad-donate-element {
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
    }
    
    .mad-donate-input {
        position: relative;
    
    }
    
    .mad-donate-input input {
        border: 1px solid var(--color-primary-50);
        height: 4.5rem;
        padding-left: 6rem;
        font-size: 2.25rem;
        background: var(--color-neutral-0);
        font-weight: 600;
    }
    
    .mad-donate-element .mad-toggled-fields:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-donate-element input[type="checkbox"]+label[for]::before {
        border-color: var(--color-primary-50);
    }
    
    .mad-colorizer--scheme-color-8 .mad-donate-element .mad-toggled-fields.size-2 label[for] {
        color: var(--color-secondary-5);
    }
    
    .mad-toggled-fields.size-2 label[for]:after {
        color: var(--color-neutral-80);
    }
    
    .mad-donate-input .mad-currency {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 6rem;
        display: flex;
        align-items: center;
        padding-left: 1.5rem;
    }
    
    .mad-donate-input .mad-currency .mad-dropdown-title {
        font-size: 1.25rem;
        font-weight: 600;
        display: flex;
        column-gap: 0.625rem;
        align-items: center;
        color: var(--color-neutral-80);
    }
    
    .mad-dropdown.mad-currency>a:after {
        content: "keyboard_arrow_down";
        font-family: 'Material Icons';
        font-size: 1.75rem;
        max-width: 1.25rem;
        font-weight: normal;
    }
    
    .mad-dropdown.mad-currency .mad-dropdown-element {
        margin: 2px;
        margin-top: -12px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-weight: 600;
        background: var(--color-neutral-0);
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }
    
    .mad-donate-element .mad-donate-btns {
        display: flex;
        column-gap: 0.5rem;
        row-gap: 0.5rem;
    }
    
    .mad-donate-element .mad-donate-btns>.mad-donate-btn {
        line-height: 3.5rem;
        text-align: center;
        border-radius: var(--br-main);
        background: var(--color-neutral-0);
        color: var(--color-neutral-80);
        border: 1px solid var(--color-primary-50);
        font-size: 1.25rem;
        font-weight: 600;
        flex: 1;
    }
    
    .mad-donate-element .mad-donate-btns>.mad-donate-btn.active {
        background: var(--color-primary);
        color: var(--color-neutral-0);
        border-width: 2px;
    }
    
    .mad-donate-element.style-2 .mad-donate-input .mad-currency .mad-dropdown-title {
        color: var(--color-neutral);
    }
    
    .mad-donate-element.style-2 .mad-donate-input input,
    .mad-donate-element.style-2 .mad-donate-btns>.mad-donate-btn,
    .mad-donate-element.style-2 input[type="checkbox"]+label[for]::before {
        border-color: var(--color-neutral);
    }
    
    .mad-donate-element.style-2 .mad-donate-btns>.mad-donate-btn.active {
        border-color: var(--color-primary-50);
    }
    
    .mad-toggled-fields.hr-type {
        display: flex;
        flex-wrap: wrap;
        column-gap: 5.875rem;
        row-gap: 2rem;
    }
    
    .mad-toggled-fields.hr-type input[type="checkbox"]+label[for]:not(:last-child), .mad-toggled-fields.hr-type input[type="radio"]+label[for]:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-donate-element.size-small .mad-donate-input input {
        height: 3.5rem;
        font-size: 1.25rem;
    }
    
    .mad-donate-element.size-small .mad-donate-input .mad-currency .mad-dropdown-title {
        font-size: 1rem;
    }
    
    .mad-donate-element.size-small .mad-donate-btns>.mad-donate-btn {
        font-size: 0.875rem;
        line-height: 2.5rem;
        height: 2.5rem;
    }
    
    /* //////Media Element////// */
    
    .mad-media-section {
        border-radius: var(--br-main);
        overflow: hidden;
    }
    
    .mad-media-section:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    .mad-media-element {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 50rem;
        width: 100%;
        background-size: cover;
        padding: 2rem 1rem;
    }
    
    .mad-media-inner {
        width: 100%;
    }
    
    .mad-media-section .mad-title {
        letter-spacing: -2px;
    }
    
    .mad-media-element .mad-media-inner .mad-title {
        color: var(--color-neutral-0);
    }
    
    .mad-media-section .mad-pre-title {
        color: var(--color-primary);
    }
    
    .mad-media-section .mad-pre-title>span {
        color: var(--color-neutral-40);
    }
    
    .mad-media-section .mad-entities:not(.type-3):not(.type-5):not(.type-4):not(.mad-entity-small) .mad-entity,
    .mad-media-section .mad-entities:not(.type-3):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-6) .mad-entity::after {
        border: none;
        border-radius: 0;
    }
    
    .mad-media-section .mad-entities:not(.type-3):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-6) .mad-entity::before {
        background: transparent;
    }
    
    .mad-media-section .mad-entities {
        background: var(--color-neutral-80);
    }
    
    .mad-media-section .mad-entities:not(.type-2):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-3):not(.type-6) .mad-entity .mad-entity-content {
        padding: 4rem 0;
        width: 100%;
    }
    
    .mad-media-section .mad-progress-bar {
        height: 1rem;
    }
    
    .mad-media-section .mad-progress-bars-holder {
        display: flex;
        column-gap: 2rem;
    }
    
    .mad-media-section .mad-progress-bars-item:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-media-section .mad-progress-bars-item {
        min-width: 37.5rem;
    }
    
    .mad-media-section .mad-progress-bars.size-2 .mad-progress-bar-title.style-2 {
        margin-top: 0;
        column-gap: 2rem;
    }
    
    .mad-media-section .mad-entity-content .mad-entity-header {
        display: flex;
        flex-direction: row !important;
        justify-content: space-between;
        height: auto !important;
    }
    
    .mad-media-section .mad-entities:not(.type-2) .mad-entity .mad-entity-footer {
        margin-top: 0;
    }
    
    .mad-media-section .mad-progress-bar-title .mad-col {
        display: flex;
        flex-direction: column;
        line-height: 2.5rem;
    }
    
    .mad-media-section .mad-progress-bar-title {
        margin-bottom: 1rem;
    }
    
    .mad-media-section.style-2 .mad-entities {
        background: var(--color-secondary-5);
    }
    
    .mad-video-fancybox {
        position: relative;
        display: block;
    }
    
    .mad-video-fancybox:after {
        content: '';
        width: 9rem;
        height: 9rem;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(../images/video_btn.svg) no-repeat;
        transition: .5s ease;
    }
    
    .mad-list-with-icons>ul>li {
        font-size: 1.125rem;
        line-height: 2rem;
        display: flex;
        column-gap: 1.5rem;
    }
    
    .mad-list-with-icons>ul>li .svg {
        min-width: 2.875rem;
    }
    
    .mad-list-with-icons>ul>li:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    /* //////Media Element////// */
    
    .with-btn-bg {
        position: relative;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    
    .mad-section.with-btn-bg {
        overflow: visible;
    }
    
    .mad-section.with-btn-bg .mad-colorizer-bg-color {
        overflow: hidden;
        border-bottom-left-radius: var(--br-main);
        border-bottom-right-radius: var(--br-main);
    }
    
    .with-btn-bg::after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        height: 47.75%;
        background: var(--color-secondary);
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        z-index: -2;
    }
    
    .with-btn-bg.mad-icon-boxes:not(.vr-type) {
        z-index: auto;
    }
    
    .with-btn-bg.mad-icon-boxes.grid-type .mad-icon-box {
        z-index: 2;
        position: relative;
    }
    
    /* Sidebar element */
    
    .mad-sidebar-element {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 34.5rem;
        transform: translateX(-100%);
        background: url(../images/sidebar_bg.svg) no-repeat top right var(--color-primary-5);
        transition: all .6s cubic-bezier(.77, 0, .175, 1);
        cursor: url(../charity_icons_svg/close.svg) 15 15, move;
        padding: 5.5rem 4rem;
        z-index: 99;
        overflow: auto;
    }
    
    .mad-sidebar-inner {
        cursor: auto;
        text-align: center;
    }
    
    .mad-sidebar-element.mad-opened {
        transform: translateX(0);
    }
    
    .mad-sidebar-inner .mad-sidebar-section:not(:last-child) {
        margin-bottom: 4rem;
    }
    
    .mad-sidebar-inner h5.mad-icon-box-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .mad-icon-boxes.small-size .mad-icon-box {
        font-size: 1.125rem;
        line-height: 2rem;
    }
    
    
    .mad-sidebar .mad-banner {
        padding: 4rem 2rem;
        font-size: 1rem;
        line-height: 1.5rem;
        width: 100%;
    }
    
    .mad-sidebar .mad-banner.with-donate {
        padding: 2rem;
    }
    
    /* Info list */
    
    .mad-rest-info {
        padding: 2rem;
        border: 1px solid var(--color-neutral-10);
        border-radius: var(--br-main);
        font-size: 1.125rem;
    }
    
    .mad-rest-info>.mad-rest-info-item {
        display: flex;
        column-gap: 2rem;
    }
    
    .mad-rest-info:not(:first-child) {
        margin-top: 2rem;
    }
    
    .mad-rest-info:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    .mad-rest-info>.mad-rest-info-item>.mad-rest-title {
        min-width: 7.5rem;
        font-weight: 600;
    }
    
    .mad-rest-info>.mad-rest-info-item:not(:last-child) {
        margin-bottom: .5rem;
    }
    
    /* ----------------------------------------
            Events
        ---------------------------------------- */
    
    .mad-events[class*="item-col-"]:not(.owl-carousel) {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mad-events:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    
    .mad-events.mad-entities:not(.single-event) .mad-entity {
        flex-direction: row-reverse;
    }
    
    .mad-events.mad-entities .mad-entity .mad-entity-media {
        max-width: 30.75rem;
    }
    
    .mad-events.mad-entities .mad-entity .mad-entity-content {
        flex: 1;
    
    }
    
    .mad-events.mad-entities .mad-entity .mad-event-date {
    
        display: flex;
        column-gap: 2rem;
    }
    
    .mad-entities.single-event .mad-entity .mad-entity-tags {
        padding: 0;
        background: transparent;
        text-align: center;
        width: 100%;
        justify-content: center;
        line-height: 1rem;
        margin: 0;
    }
    
    .mad-entities.single-event .mad-entity {
        padding: 2rem;
        display: block;
    }
    
    .mad-entity h1 {
        letter-spacing: -2px;
    }
    
    .mad-entities.single-event .mad-entity .mad-entity-media {
        max-width: 100%
    }
    
    .mad-entities.single-event:not(.mad-entity-small):not(.type-2):not(.type-3):not(.type-6) .mad-entity .mad-entity-media,
    .mad-entities.single-event:not(.type-2):not(.type-5):not(.type-4):not(.mad-entity-small):not(.type-3):not(.type-6) .mad-entity .mad-entity-content {
        width: 100%;
        padding: 0;
    }
    
    .mad-events.mad-entities.single-event .mad-entity .mad-rest-info {
        border: none;
        padding: 0;
        margin-top: 0;
    }
    
    .mad-entities.single-event .mad-entity .mad-entity-tags:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-entities.single-event .mad-entity .mad-entity-tags:after,
    .mad-entities.single-event .mad-entity .mad-entity-tags:before {
        display: none;
    }
    
    .mad-entities.mad-events .mad-entity .mad-entity-content .mad-entity-date {
        padding-top: 0.5rem;
        font-size: 3.5rem;
        line-height: 3rem;
        font-family: 'Arima Madurai', cursive;
        color: var(--color-secondary);
        display: flex;
        flex-direction: column;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .mad-entities.mad-events .mad-entity .mad-entity-content .mad-entity-date span:last-child {
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
        letter-spacing: 5px;
    }
    
    .mad-event-price {
        font-weight: 600;
        color: var(--color-secondary);
    }
    
    .mad-events-nav {
        position: relative;
    }
    
    .mad-events-nav:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    
    .mad-events-nav form {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        border: 1px solid var(--color-secondary-40);
        border-radius: var(--br-main);
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    
    .mad-events-nav form .mad-col {
        position: relative;
    }
    
    .mad-events-nav form input,
    .mad-events-nav form .mad-custom-select .mad-selected-option {
        padding-left: 3.5rem;
        line-height: 3.75rem;
        height: 3.5rem;
        border: none;
        font-size: 1.125rem;
        box-shadow: none;
        background: none;
    }
    
    .mad-events-nav form .mad-custom-select .mad-selected-option {
        box-shadow: none;
        border: none;
        padding-right: 0;
    }
    
    .mad-events-nav form .mad-col>i {
        position: absolute;
        top: 0;
        left: 1.25rem;
        line-height: 3.5rem;
        color: var(--color-neutral);
        font-size: 1.5rem;
    }
    
    .mad-toggle-filter i {
        color: var(--color-neutral);
    }
    
    .mad-events-nav form .mad-col>i .svg path {
        fill: var(--color-neutral);
    }
    
    .mad-events-nav form>.mad-col {
        display: flex;
    }
    
    .mad-events-nav form>.mad-col:first-child,
    .mad-events-nav form>.mad-col:nth-child(2) {
        width: 100%;
    }
    
    .mad-events-nav form .mad-custom-select {
        min-width: 9.375rem;
        margin-left: 1.5rem;
        position: relative;
    }
    
    .mad-events-nav form .mad-custom-select .mad-selected-option {
        border-left: none;
        border-radius: 0;
        line-height: 3.5rem;
        padding-left: 1.5rem;
        height: 3.5rem;
        background: transparent;
    }
    
    .mad-events-nav form .mad-custom-select:before,
    .mad-events-nav form>.mad-col:first-child:after {
        content: '';
        position: absolute;
        left: 0;
        height: 2.5rem;
        top: 50%;
        margin-top: -20px;
        background: var(--color-secondary-20);
        width: 1px;
        z-index: 1;
    }
    
    .mad-events-nav form>.mad-col:first-child:after {
        left: auto;
        right: 0;
    }
    
    .mad-toggle-filter {
        white-space: nowrap;
        font-size: 1rem;
        font-weight: 500;
        color: var(--color-primary);
        margin-left: 1.5rem;
    }
    
    .mad-toggle-filter i {
        font-size: 1.25rem;
        padding-right: 0.625rem;
    }
    
    .mad-event-menu {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 1.5rem;
        row-gap: 1.5rem;
        padding-top: 4rem;
    }
    
    .mad-event-arrows {
        display: flex;
        align-items: center;
    }
    
    .mad-event-arrows>* {
        color: var(--color-neutral-80);
    }
    
    .mad-event-arrows>* i {
        font-size: 1.5rem;
    }
    
    .mad-event-arrows>*:hover {
        color: var(--color-neutral);
    }
    
    .mad-event-menu .mad-dropdown-element {
        padding: 0;
        min-width: 21.75rem;
        top: 100%;
        bottom: auto;
        margin: 0;
        left: 0;
    }
    
    .mad-event-menu .calendar_wrap table td {
        line-height: 3rem;
    }
    
    .mad-filters {
        display: flex;
        flex-wrap: wrap;
        column-gap: 0.5rem;
        row-gap: 0.5rem;
        margin-top: 1rem;
    }
    
    .mad-filters>.mad-col:last-child .mad-event-select .mad-event-select-box {
        left: auto;
        right: 0;
    }
    
    .mad-filters .mad-custom-select .mad-selected-option {
        padding-right: 4rem;
        color: var(--color-neutral);
        border: none;
    
    }
    
    .mad-event-menu .mad-dropdown-title {
        font-family: "Arima Madurai", cursive;
        display: flex;
        align-items: center;
        color: var(--color-neutral);
        font-weight: 600;
        font-size: 2.25rem;
        line-height: 3rem;
    }
    
    .mad-event-menu .mad-dropdown-title>i {
        margin-left: 1rem;
        font-size: 2rem;
        color: var(--color-neutral);
    }
    
    .mad-event-btns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: -1rem -0.5rem 0;
    }
    
    .mad-event-btns>* {
        margin: 1rem 0.5rem 0;
    }
    
    .mad-event-btns .btn i {
        font-size: 0.8125rem;
    }
    
    .mad-event-btns .btn i:first-child {
        margin-left: 0;
        margin-right: 10px;
    }
    
    .mad-events.owl-carousel .mad-event {
        text-align: center;
    }
    
    .mad-colorizer--scheme-light .mad-events.owl-carousel .mad-event-title {
        color: #fff;
    }
    
    .mad-colorizer--scheme-light .mad-events.owl-carousel .mad-event-date {
        color: #d7bfab;
    }
    
    .mad-events.owl-carousel .mad-event-date {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .mad-events.owl-carousel .mad-event .btn {
        margin-top: 2rem;
    }
    
    .mad-event.single-event {
        padding-bottom: 2.75rem;
    }
    
    .mad-event.single-event+.mad-pagination:not(.mad-page-pag):before {
        right: 0;
    }
    
    .mad-event.single-event+.mad-pagination>li {
        max-width: 50%;
    }
    
    .mad-event.single-event .mad-event-info .mad-page-title {
        margin-top: 1.5rem;
        display: block;
    }
    
    .mad-event.single-event .mad-page-title:not(:last-child) {
        margin-bottom: 0;
    }
    
    .mad-event.single-event .mad-title-with-line:not(:last-child):after {
        padding-bottom: 1rem;
    }
    
    .mad-event.single-event .mad-event-title a {
        color: var(--color-neutral);
        font-weight: 600;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #313131), to(#313131));
        background-image: linear-gradient(to bottom, #313131 100%, #313131 100%);
    }
    
    .mad-event.single-event .btn-set {
        margin-top: 2.5rem;
    }
    
    .mad-event.single-event [class*="btn"] i {
        margin: 0;
        margin-right: 0.5rem;
        font-size: 1rem;
    }
    
    .mad-event.single-event .mad-event-info span.mad-event-sub {
        font-size: 1rem;
        font-weight: bold;
        color: #616161;
    }
    
    .mad-event.single-event .mad-event-info span.mad-event-sub i {
        font-size: 1.25rem;
    }
    
    .mad-event.single-event .mad-event-info:not(:last-child),
    .mad-event.single-event p:not(:last-child) {
        margin-bottom: 40px;
    }
    
    .mad-event.single-event .mad-event-img:not(:last-child) {
        margin-bottom: 2rem;
    }
    
    .mad-event.single-event .mad-event-footer {
        display: flex;
        column-gap: 1.75rem;
        margin-bottom: 2.5rem;
    }
    
    .mad-event.single-event .mad-price {
        font-size: 1.5rem;
        padding-top: 0;
        line-height: 1.875rem;
    }
    
    .mad-event.single-event h5.mad-page-title:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-event.single-event .mad-event-map .mad-gmap {
        min-height: 34.6875rem;
        border-radius: 0.5rem;
        overflow: hidden;
    }
    
    .mad-event.single-event .mad-event-map b {
        font-size: 1.125rem;
        color: var(--color-neutral);
    }
    
    .mad-event.single-event .mad-event-map p:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-event-list>li:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-event-list>li span {
        color: var(--color-neutral);
    }
    
    .mad-events.style-2.vr-type .mad-event {
        height: 100%;
    }
    
    .mad-events.style-2.vr-type .mad-event .mad-event-title a {
        font-size: 1.75rem;
        line-height: 1.875rem;
    }
    
    .mad-event span.mad-event-sub i.licon-broadcast {
        font-size: 1.5rem;
    }
    
    .mad-events.style-2.vr-type .mad-event-info span.mad-event-sub:first-child {
        margin-bottom: 1.5rem;
    }
    
    .mad-events.style-2.vr-type.title-size-2 .mad-event-info span.mad-event-sub {
        align-items: flex-start;
    }
    
    .mad-event-select {
        position: relative;
    }
    
    .mad-event-select>button,
    .mad-item .btn {
        font-family: 'Barlow', sans-serif;
        line-height: 2.375rem;
        padding: 0 1.5rem;
        font-size: 1rem;
        color: var(--color-neutral);
        width: 100%;
        border-radius: 1rem;
        background: var(--color-secondary-5);
        border: 1px solid var(--color-secondary-40);
        font-weight: 500;
    }
    
    .mad-event-select-box {
        position: absolute;
        margin-top: 1rem;
        text-align: left;
        top: 100%;
        left: 0;
        min-width: 17rem;
        padding: 1.5rem;
        display: none;
    
        border-radius: 1rem;
        background: var(--color-secondary-5);
        overflow: auto;
        z-index: 22;
    }
    
    .mad-event-select-box ul>li:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-event-select-box ul>li a:hover {
        text-decoration: underline;
    }
    
    .mad-event-select-box ul {
        max-height: 17rem;
        overflow: auto;
    }
    
    .mad-event-select-box .mad-select-title {
        font-weight: 500;
        color: var(--color-neutral);
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    
    .mad-event-select-box .mad-select-title:not(:last-child) {
        margin-bottom: 1rem;
    }
    
    .mad-event-select-box .mad-event-close {
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        color: var(--color-neutral);
    }
    
    .mad-event-select-box .mad-event-close>span {
        font-size: 1rem;
    }
    
    .mad-event-select-box input[type="radio"]+label[for],
    .mad-event-select-box input[type="checkbox"]+label[for] {
        font-size: 1rem;
        color: var(--color-neutral);
        font-weight: normal;
    }
    
    .mad-event-select-box input[type="checkbox"]+label[for]:not(:last-child), .mad-event-select-box input[type="radio"]+label[for]:not(:last-child) {
        margin-bottom: 0.5rem;
    }
    
    /* ----------------------------------------
            404 Page
        ---------------------------------------- */
    
    .mad-404-title {
        font-family: 'Arima Madurai', cursive;
        font-size: 25rem;
        line-height: 25.5rem;
        font-weight: 900;
        letter-spacing: -5px;
        color: var(--color-primary);
    }
    
    .mad-404-title+* {
        letter-spacing: 0;
        margin-top: -5rem;
    }
    
    .mad-404-content {
        padding: 5.5rem 0 9rem;
    }
    
    .mad-404-content .mad-newsletter-form.one-line .btn {
        min-width: auto;
    }
    
    /* ----------------------------------------
        Coming Soon Page
    ---------------------------------------- */
    
    .mad-coming-soon-page {
        display: flex;
        flex-direction: column;
        overflow: auto;
        overflow-x: hidden;
        height: 100vh;
    }
    
    .mad-coming-soon {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        background-size: cover;
        color: var(--color-neutral-10);
        border-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        overflow: hidden;
    }
    
    .mad-coming-soon+.mad-social-section {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
    
    .mad-coming-soon .mad-logo {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding: 2.75rem 0;
    }
    
    .mad-coming-soon-title {
        color: var(--color-neutral-0);
    }
    
    .mad-coming-soon-title:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    .mad-coming-soon-content {
        width: 100%;
        padding: 9rem 1rem 9rem;
        margin: 0 auto;
    }
    
    .mad-coming-soon+.mad-footer:not([class*="footer-"]):after, .mad-coming-soon+.mad-footer:not([class*="footer-"]):before {
        bottom: 0;
    }
    
    .mad-coming-soon-page .mad-footer {
        padding: 5.5rem 0;
        background: url(../images/footer_bg2.svg) no-repeat var(--color-neutral) center;
        background-size: cover;
    }