@charset "UTF-8";
/*
 Theme Name: HaveHeart Child
 Theme URI: https://haveheart.qodeinteractive.com
 Description: A child theme of HaveHeart
 Author: Ghassan Elias
 Author URI: https://www.matchure.com/
 Version: 20251015.4
 Text Domain: haveheart
 Template: haveheart
 */

:root {
    --global--text-color:           #353839;
    --global--text-color-rgb:       53, 56, 57;
    --global--color-black:          #000000;
    --global--color-black-rgb:      0, 0, 0;
    --global--gray-color:           #777777;
    --global--gray-color-rgb:       119, 119, 119;
    --global--background-color:     #ffffff;
    --global--background-color-rgb: 255, 255, 255;
    --global--primary-color:        #0093a9;
    --global--primary-color-rgb:    0, 147, 169;
    --global--secondary-color:      #20b2aa;
    --global--secondary-color-rgb:  32, 178, 170;
    --global--crimson-color:        #dc143c;
    --global--crimson-color-rgb:    220, 20, 60;
    --global--link-color-hover:     var(--global--primary-color);

    --wp--preset--color--black:                 #000000;
    --wp--preset--color--cyan-bluish-gray:      #abb8c3;
    --wp--preset--color--blue-munsell-gray:     #a8bfc2;
    --wp--preset--color--blue-munsell-gray-rgb: 168, 191, 194;
    --wp--preset--color--white:                 #ffffff;
    --wp--preset--color--white-rgb:             255, 255, 255;
    --wp--preset--color--pale-pink:             #f78da7;
    --wp--preset--color--vivid-red:             #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber:  #fcb900;
    --wp--preset--color--light-green-cyan:      #7bdcb5;
    --wp--preset--color--vivid-green-cyan:      #00d084;
    --wp--preset--color--pale-cyan-blue:        #8ed1fc;
    --wp--preset--color--vivid-cyan-blue:       #0693e3;
    --wp--preset--color--vivid-purple:          #9b51e0;

    --wp--preset--gradient--blush-bordeaux:                                linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--blush-light-purple:                            linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum:                         linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--electric-grass:                                linear-gradient(to bottom right, rgb(202, 248, 128), rgb(113, 206, 126));
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:          linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-dusk:                                 linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red:            linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--midnight:                                      linear-gradient(to bottom right, rgb(2, 3, 129), rgb(40, 116, 252));
    --wp--preset--gradient--pale-ocean:                                    linear-gradient(to bottom right, rgb(255, 245, 203), rgb(182, 227, 212), rgb(51, 167, 181));
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:           linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--white-to-blue-munsell-gray:                    linear-gradient(135deg, rgb(255, 255, 255) 0%, rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 1) 100%);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:               linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust:    100%;
    -ms-text-size-adjust:     100%;
    text-size-adjust:         100%;
}

html:has(body.home),
body.home,
html:has(body.page-id-4979),
body.page-id-4979 {
    overscroll-behavior: none;
}

:root {
    -ms-text-underline-position:     below;
    -webkit-text-underline-position: under;
    text-underline-position:         under;
    text-decoration-thickness:       1px;
}

html {
    background-color: var(--global--primary-color, #0093a9);
    scroll-behavior:  smooth;
    quotes:           "“""”";
}

main div[id].wpb_column,
main section[id] {
    scroll-margin-top: 70px;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing:  antialiased;
}

body {
    background-color: var(--global--background-color, #fff);
    color:            var(--global--gray-color);
}

.qodef-header--light {
    color: var(--global--gray-color) !important;
}

main {
    min-height: 100vh;
}

.wp-block-separator,
hr {
    height:    1px;
    max-width: unset;
}

a,
p a {
    -o-transition:      all 0.3s ease-out;
    -moz-transition:    all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition:         all 0.3s ease-out;
}

main a {
    color: var(--global--secondary-color);
}

main li a {
    color: var(--global--text-color);
}

main a:hover {
    color:                 var(--global--secondary-color);
    text-decoration:       underline;
    text-decoration-line:  underline;
    text-decoration-color: currentColor;
    text-decoration-style: solid;
    opacity:               0.99;
}

.rtl_ar {
    float: right;
}

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

    .qodef-page-content-section+.qodef-page-sidebar-section,
    .qodef-page-sidebar-section+.qodef-page-content-section {
        margin-top: 50px !important;
    }

    .qodef-page-content-section+.qodef-page-sidebar-section {
        padding-top: 50px !important;
        border-top:  1px solid currentColor;
    }
}

#qodef-page-sidebar .widget .qodef-widget-title,
body.single-portfolio-item .qodef-portfolio-info a,
body.single-portfolio-item .qodef-portfolio-info p {
    color: var(--global--gray-color);
}

#qodef-page-sidebar .widget.widget_tag_cloud .tagcloud a:hover,
.qodef-header--light #qodef-page-sidebar .widget a:hover,
a:hover,
body.single-portfolio-item .qodef-portfolio-info .qodef-e-info-tags a:hover,
body.single-portfolio-item .qodef-portfolio-info .qodef-portofolio-categories a:hover {
    color: var(--global--link-color-hover);
}

.qodef-grid-item .qodef-e-info-category a {
    text-decoration: unset;
    font-family:     Caveat, cursive;
}

*,
a,
a *,
h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 *,
p,
p * {
    font-family: Montserrat, "Noto Sans Arabic", sans-serif;
    line-height: 1.5625;
}

main h1 a,
main h2 a,
main h3 a,
main h4 a,
main h5 a,
main h6 a {
    text-decoration: unset;
    color:           inherit;
    display:         inline-block;
}

main h1 a:hover,
main h2 a:hover,
main h3 a:hover,
main h4 a:hover,
main h5 a:hover,
main h6 a:hover {
    color: inherit;
}

.qodef-e-links a,
.qodef-icon-holder a {
    text-decoration: unset;
}

p {
    margin: unset;
}

p:not(:only-child):not(:first-child) {
    margin-top: 1em;
}

.qodef-h1,
.qodef-page-title .qodef-m-content .qodef-m-title,
h1 {
    font-size:   clamp(2rem, calc(2rem + (3 - 2) * ((100vw - 48rem) / (100 - 48))), 3rem);
    line-height: 1.3;
}

.qodef-h2,
h2 {
    font-size: clamp(1.75rem, calc(1.75rem + ((1vw - 0.48rem) * 0.48)), 2rem);
}

.qodef-h3,
h3 {
    font-size: clamp(1.125rem, calc(1.125rem + ((1vw - 0.48rem) * 0.721)), 1.5rem);
}

.qodef-h1,
.qodef-h2,
.qodef-h3,
.qodef-h4,
.qodef-h5,
.qodef-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: initial;
    -ms-word-wrap: initial;
    word-wrap:     initial;
    color:         var(--global--text-color);
}

.qodef-h1:only-child,
h1:only-child {
    margin-block: 0;
}

.qodef-h1:first-child,
h1:first-child {
    margin-block-start: 0;
}

.qodef-h2:only-child,
h2:only-child {
    margin-block: 0;
}

.qodef-h2:first-child,
h2:first-child {
    margin-block-start: 0;
}

.qodef-h3:only-child,
h3:only-child {
    margin-block: 0;
}

.qodef-h3:first-child,
h3:first-child {
    margin-block-start: 0;
}

.qodef-h4:only-child,
h4:only-child {
    margin-block: 0;
}

.qodef-h4:first-child,
h4:first-child {
    margin-block-start: 0;
}

.qodef-h5:only-child,
h5:only-child {
    margin-block: 0;
}

.qodef-h5:first-child,
h5:first-child {
    margin-block-start: 0;
}

.qodef-h6:only-child,
h6:only-child {
    margin-block: 0;
}

.qodef-h6:first-child,
h6:first-child {
    margin-block-start: 0;
}

.qodef-h1+.qodef-h2,
h1+h2 {
    margin-block-start: 0;
}

body:not(.page-id-4529) .wpb_text_column .wpb_wrapper> :where(h2, h3, h4, h5, h6):first-child {
    margin-block-start: 35px;
}

.qodef-section-title .qodef-m-title {
    margin-block: 35px 25px;
}

.qodef-section-title:first-child .qodef-m-title {
    margin-block-start: 0;
}

.qodef-section-title:last-child .qodef-m-title {
    margin-block-end: 0;
}

.qodef-section-title+.qodef-section-title .qodef-m-title {
    margin-block-start: 0;
}

.qodef-section-title .qodef-m-subtitle {
    font-family: Caveat, cursive, "Noto Nastaliq Urdu", serif;
}

.qodef-section-title h1.qodef-m-subtitle {
    font-size:   3.625rem;
    line-height: 1;
}

.qodef-section-title h2.qodef-m-subtitle {
    font-size:   3.125rem;
    line-height: 1;
}

.qodef-section-title h3.qodef-m-subtitle {
    font-size:   2.625rem;
    line-height: 1;
}

.qodef-section-title h4.qodef-m-subtitle {
    font-size: 2.125rem;
}

.qodef-section-title h5.qodef-m-subtitle {
    font-size: 1.625rem;
}

.qodef-section-title h6.qodef-m-subtitle {
    font-size:   1.125rem;
    font-weight: 500;
}

.qodef-section-title p.qodef-m-subtitle {
    font-size: 1.125rem;
}

.qodef-button.qodef-layout--filled.qodef-html--link {
    letter-spacing: initial;
    border-color:   rgba(var(--global--color-black-rgb), 0.1);
}

.qodef-button.qodef-html--link {
    padding: 0.5em 1.5em;
}

.qodef-button.qodef-layout--textual {
    padding: 0.5em 1.5em !important;
    border:  1px solid transparent !important;
}

.qodef-button.qodef-size--small {
    padding: 0.5em 1.5em;
}

.pillars-of-work-grid .wpb_text_column .wpb_wrapper {
    display: grid;
    gap:     20px;
}

.pillars-of-work-grid .wpb_text_column .wpb_wrapper::after,
.pillars-of-work-grid .wpb_text_column .wpb_wrapper::before {
    content: unset;
}

.pillars-of-work-grid .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
    padding: 30px;
    margin:  0;
}

.pillars-of-work-grid .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner * {
    padding:      0;
    margin-block: 0;
}

.pillars-of-work-grid .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_text_column h3 {
    font-size:      calc(24px + (32 - 24) * ((100vw - 768px) / (1600 - 768)));
    min-block-size: 100px;
    margin-top:     0;
    margin-bottom:  15px;
    display:        flex;
    align-items:    flex-end;
}

@media only screen and (max-width: 768px) {
    .pillars-of-work-grid .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner .wpb_text_column h3 {
        font-size:      2rem;
        min-block-size: initial;
    }

    .our-vision-grid .vc_row.vc_row-flex .wpb_column,
    .pillars-of-work-grid .vc_row.vc_row-flex .wpb_column {
        width: 100%;
    }
}

#awards .vc_column_container {
    margin: 0 0 35px;
}

.awards-grid::after,
.awards-grid::before {
    content: unset !important;
}

.awards-grid {
    display:               grid;
    gap:                   30px;
    grid-template-columns: 1fr;
}

.qodef-image-with-text .qodef-m-content {
    font-size: 0.875rem;
}

@media only screen and (min-width: 681px) {
    .awards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 1024px) {
    .awards-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.qodef-clients-list img {
    aspect-ratio:    1.5/1;
    object-fit:      contain;
    object-position: center center;
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-image a {
    text-decoration: none;
    opacity:         1;
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e .qodef-e-logo {
    will-change:        filter;
    opacity:            1;
    filter:             grayscale(1) opacity(0.5);
    -o-transition:      filter 0.3s ease-in-out;
    -moz-transition:    filter 0.3s ease-in-out;
    -webkit-transition: filter 0.3s ease-in-out;
    transition:         filter 0.3s ease-in-out;
}

.qodef-clients-list.qodef-item-layout--image-only.qodef-hover-animation--fade-in .qodef-e:hover .qodef-e-logo {
    opacity: 1;
    filter:  grayscale(0) opacity(1);
}

#qodef-back-to-top {
    right:   15px;
    z-index: 9990;
}

.wpb_text_column ul,
.wpb_text_column ul li {
    list-style-position: revert;
    padding:             revert;
    margin:              revert;
}

.wpb_text_column.wpb_content_element {
    margin-bottom: 35px !important;
}

#qodef-page-footer #qodef-page-footer-top-area .widget.widget_media_image {
    padding-inline-end: 50%;
}

#qodef-page-footer #qodef-page-footer-top-area .widget.widget_media_image img {
    width:        100%;
    height:       auto;
    aspect-ratio: 161/142;
    max-width:    150px;
}

@media only screen and (min-width: 1025px) {
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner {
        display:               grid;
        gap:                   2.5rem;
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:   "area1 area2 area3 area4";
    }
}

@media only screen and (max-width: 1024px) {
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner {
        display:               grid;
        gap:                   2.5rem;
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:   "area1 area4""area2 area3";
    }
}

@media only screen and (max-width: 680px) {
    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner {
        display:               grid;
        gap:                   2.5rem;
        grid-template-columns: 1fr;
        grid-template-areas:   "area4""area1""area2""area3";
        padding-inline:        15px;
    }

    #qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item {
        text-align: center;
    }

    #qodef-page-footer #qodef-page-footer-top-area .widget.widget_media_image {
        padding: 0;
    }

    #qodef-page-footer #qodef-page-footer-top-area .widget.widget_media_image img {
        width:         50%;
        margin-inline: auto;
    }
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner::after,
#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner::before {
    content: unset;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner::after,
#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-inner::before {
    content: unset;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item {
    width: 100%;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:first-child {
    grid-area: area1;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:nth-child(2) {
    grid-area: area2;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:nth-child(3) {
    grid-area: area3;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item:nth-child(4) {
    grid-area:  area4;
    margin-top: -86px;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item .widget[data-area="footer_top_area_column_4"] {
    background-color: var(--global--crimson-color);
    width:            calc(100% - 43px);
    margin-left:      11px !important;
    margin-bottom:    17px !important;
    margin-top:       26px !important;
    margin-right:     0 !important;
    outline:          25px solid var(--global--crimson-color);
    color:            khaki;
    text-align:       center;
    box-shadow:       0 0 0 26px var(--global--text-color), 20px 20px 0 26px rgba(0, 0, 0, 0.8);
    box-shadow:       0 0 0 26px var(--global--text-color), 20px 20px 0 26px rgba(0, 0, 0, 0.8), 0.5px 0.5px 0 26px var(--global--text-color), 1px 1px 0 26px var(--global--text-color), 1.5px 1.5px 0 26px var(--global--text-color), 2px 2px 0 26px var(--global--text-color), 2.5px 2.5px 0 26px var(--global--text-color), 3px 3px 0 26px var(--global--text-color), 3.5px 3.5px 0 26px var(--global--text-color), 4px 4px 0 26px var(--global--text-color), 4.5px 4.5px 0 26px var(--global--text-color), 5px 5px 0 26px var(--global--text-color), 5.5px 5.5px 0 26px var(--global--text-color), 6px 6px 0 26px var(--global--text-color), 6.5px 6.5px 0 26px var(--global--text-color), 7px 7px 0 26px var(--global--text-color), 7.5px 7.5px 0 26px var(--global--text-color), 8px 8px 0 26px var(--global--text-color), 8.5px 8.5px 0 26px var(--global--text-color), 9px 9px 0 26px var(--global--text-color), 9.5px 9.5px 0 26px var(--global--text-color), 10px 10px 0 26px var(--global--text-color),
        10.5px 10.5px 0 26px var(--global--text-color), 11px 11px 0 26px var(--global--text-color), 11.5px 11.5px 0 26px var(--global--text-color), 12px 12px 0 26px var(--global--text-color), 12.5px 12.5px 0 26px var(--global--text-color), 13px 13px 0 26px var(--global--text-color), 13.5px 13.5px 0 26px var(--global--text-color), 14px 14px 0 26px var(--global--text-color), 14.5px 14.5px 0 26px var(--global--text-color), 15px 15px 0 26px var(--global--text-color), 15.5px 15.5px 0 26px var(--global--text-color), 16px 16px 0 26px var(--global--text-color), 16.5px 16.5px 0 26px var(--global--text-color), 17px 17px 0 26px var(--global--text-color), 17.5px 17.5px 0 26px var(--global--text-color), 18px 18px 0 26px var(--global--text-color), 18.5px 18.5px 0 26px var(--global--text-color), 19px 19px 0 26px var(--global--text-color), 19.5px 19.5px 0 26px var(--global--text-color), 20px 20px 0 26px var(--global--text-color);
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item .widget[data-area="footer_top_area_column_4"] a,
#qodef-side-area .widget a {
    font-family: Merriweather, "Noto Sans Arabic", serif;
    font-size:   1.25em;
    font-weight: 700;
}

#qodef-page-footer #qodef-page-footer-top-area .qodef-grid-item .widget[data-area="footer_top_area_column_4"] strong [dir="rtl"],
#qodef-side-area .widget strong [dir="rtl"] {
    font-weight: 900;
}

.qodef-resource-main-content :where([dir="rtl"], [style*="rtl"])~ :not([dir]):not([style*="direction"]):not(bdi),
[dir="rtl"],
article.resource_language-ar:not(.resource_language-en):not(.resource_language-fr):not(.resource_language-es):not(.resource_language-pt) .qodef-resource-main-content :not(bdi) {
    direction: rtl;
}

@media only screen and (min-width: 1025px) {
    #qodef-page-footer #qodef-page-footer-top-area .widget[data-area="footer_top_area_column_4"] {
        margin-top:    0 !important;
        margin-bottom: 47px !important;
    }
}

#qodef-page-footer #qodef-page-footer-top-area .widget_media_image+.widget_block,
#qodef-page-footer #qodef-page-footer-top-area .widget_media_image+.widget_text {
    margin-top: 25px;
}

#qodef-page-footer #qodef-page-footer-top-area .widget:where(.widget_text, .widget_block) h4 {
    font-size:      1.25rem;
    margin:         0 0 25px;
    color:          #fff;
    text-transform: uppercase;
}

#qodef-side-area .widget h4 {
    font-size: 1.25rem;
    margin:    0 0 25px;
    color:     #fff;
}

#qodef-side-area .widget p {
    font-size: 1rem;
}

#qodef-side-area .widget p {
    font-size:    1rem;
    margin-block: 2rem;
}

#qodef-page-footer #qodef-page-footer-top-area .widget p {
    font-size:    0.75rem;
    margin-block: 25px;
}

.emergency-hotlines p {
    margin-block: 2em;
}

#qodef-page-footer #qodef-page-footer-top-area .widget a[href] {
    font-size: inherit;
}

#qodef-page-footer #qodef-page-footer-top-area .widget a:-webkit-any-link {
    font-size: inherit;
}

#qodef-page-footer #qodef-page-footer-top-area .widget a:any-link {
    font-size: inherit;
}

#qodef-page-footer #qodef-page-footer-bottom-area {
    box-shadow: 0 6px 6px -6px #242525 inset;
}

#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid-item * {
    font-size:   0.75rem;
    line-height: 25px;
    font-family: Roboto, "Noto Sans Arabic", sans-serif;
    color:       rgba(var(--wp--preset--color--white-rgb), 0.6);
}

#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid-item a,
#qodef-page-footer .credit-wby-grid .credit-wby a {
    text-decoration: underline;
    color:           currentColor;
}

#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid-item a:hover,
#qodef-page-footer .credit-wby-grid .credit-wby a:hover {
    text-decoration: underline;
    color:           rgba(var(--wp--preset--color--white-rgb), 0.8);
}

#qodef-page-footer #qodef-page-footer-bottom-area .widget[data-area="footer_bottom_area_column_1"] {
    text-align: left;
}

#qodef-page-footer #qodef-page-footer-bottom-area .widget[data-area="footer_bottom_area_column_2"] {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #qodef-page-footer #qodef-page-footer-bottom-area #qodef-page-footer-bottom-area-inner {
        width:   100%;
        padding: 0 20px;
    }

    #qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid-inner {
        display:        flex;
        flex-direction: column-reverse;
    }

    #qodef-page-footer #qodef-page-footer-bottom-area .widget[data-area] {
        text-align: center;
    }

    #qodef-page-footer #qodef-page-footer-bottom-area .widget[data-area="footer_bottom_area_column_2"] {
        margin-bottom: 10px;
    }
}

#qodef-page-footer .credit-wby-grid {
    font-size:        0.75rem;
    color:            rgba(var(--wp--preset--color--white-rgb), 0.6);
    width:            100%;
    display:          block;
    background-color: #242525;
    outline:          10px solid var(--global--text-color);
    box-shadow:       0 3px 6px -6px #000 inset;
}

#qodef-page-footer .credit-wby-grid .credit-wby {
    width:      100%;
    max-width:  calc(100% - 40px);
    display:    block;
    padding:    10px 20px;
    margin:     0 auto;
    text-align: center;
}

@media only screen and (min-width: 481px) {
    #qodef-page-footer .credit-wby-grid .credit-wby {
        width:          100%;
        padding-inline: 20px;
        max-width:      min(100% - 140px, 1300px);
    }
}

@media only screen and (min-width: 769px) {
    #qodef-page-footer .credit-wby-grid .credit-wby {
        width:          100%;
        padding-inline: 0;
        margin:         0 auto;
        text-align:     left;
    }
}

#qodef-side-area {
    width:            min(500px, 100vw);
    right:            max(-500px, -100vw);
    padding:          55px clamp(1rem, 4vw, 40px);
    background-color: var(--global--crimson-color);
}

#qodef-page-footer #qodef-page-footer-top-area .widget hr,
#qodef-side-area hr {
    background-color: rgba(140, 0, 50, 0.5);
    border:           0;
    height:           1px;
    margin-bottom:    1rem;
    margin-top:       1rem;
    max-width:        33%;
}

#qodef-page-footer #qodef-page-footer-top-area .widget h4+hr,
#qodef-side-area h4+hr {
    max-width: 66%;
}

@media only screen and (max-width: 480px) {
    #qodef-side-area {
        width: min(480px, 100%);
    }
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: rgba(250, 250, 250, 0.75);
    opacity:          1;
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y,
.ps__thumb-x,
.ps__thumb-y {
    background-color: rgba(0, 0, 0, 0.5);
}

#qodef-page-wrapper .qodef-side-area-cover {
    background-color: rgba(249, 250, 250, 0.9);
}

@supports (-webkit-backdrop-filter: initial) or (backdrop-filter: initial) {
    #qodef-side-area {
        background-color:        rgba(var(--global--crimson-color-rgb), 0.9);
        -webkit-backdrop-filter: blur(25px) saturate(180%);
        backdrop-filter:         blur(25px) saturate(180%);
    }

    #qodef-page-wrapper .qodef-side-area-cover {
        opacity:                    1;
        background-color:           rgba(255, 255, 255, 0);
        -webkit-backdrop-filter:    blur(0) saturate(100%);
        backdrop-filter:            blur(0) saturate(100%);
        transition:                 initial;
        transition-duration:        0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
        transition-timing-function: ease-in-out;
        transition-delay:           0s, 0s, 0s, 0s, 0s, 0.6s;
        transition-property:        opacity, transform, backdrop-filter, -webkit-backdrop-filter, background-color, z-index;
    }

    .qodef-side-area--opened #qodef-page-wrapper .qodef-side-area-cover {
        opacity:                    1;
        background-color:           rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter:    blur(20px) saturate(50%);
        backdrop-filter:            blur(20px) saturate(50%);
        transition:                 initial;
        transition-duration:        0.6s, 0.6s, 0.6s, 0.6s, 0.6s, 0s;
        transition-timing-function: ease-in-out;
        transition-delay:           0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0s;
        transition-property:        opacity, transform, backdrop-filter, -webkit-backdrop-filter, background-color, z-index;
    }
}

#qodef-side-area #qodef-side-area-close {
    position:      absolute;
    top:           0;
    right:         0;
    line-height:   68px;
    padding-right: 27px;
    display:       block;
    z-index:       1000;
    color:         #fff;
}

.admin-bar #qodef-side-area #qodef-side-area-close {
    top: 78px;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--icon-pack {
    font-size: 35px;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--icon-pack * {
    display:     block;
    line-height: inherit;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--icon-pack :before {
    display:     block;
    line-height: inherit;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--svg-path>* {
    vertical-align: middle;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--svg-path>*,
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--svg-path path {
    fill:   currentColor;
    stroke: currentColor;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined {
    line-height: 1;
}

.qodef-side-area--opened #qodef-side-area {
    right:      0;
    visibility: visible;
}

#qodef-side-area .widget {
    color: khaki;
}

#qodef-side-area .widget.widget_media_image img {
    max-width:     50%;
    margin:        0 auto 25px;
    display:       block;
    margin-inline: auto;
}

#qodef-page-header-inner .widget_haveheart_core_side_area_opener {
    background-color: var(--global--crimson-color);
}

.qodef-side-area-opener.qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon {
    font-size:       1.5rem;
    display:         flex;
    justify-content: center;
    align-items:     center;
}

.widget_haveheart_core_side_area_opener .lnr-menu:before {
    content:               "";
    width:                 35px;
    height:                35px;
    display:               block;
    background-color:      currentColor;
    -webkit-mask-image:    url("data:image/svg+xml,%3csvg viewBox='0 0 187.8 187.9' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 124.8 146.2 C 129.1 146.2 131.9 149.7 131.9 153.3 L 131.9 178.9 C 131.9 183.1 129.1 186 124.8 186 C 58 186 1.9 131.3 1.9 63.1 C 1.9 59.5 5.4 56 9 56 L 33.9 56 C 38.8 56 41.7 59.5 41.7 63.1 C 41.7 72.3 43.1 80.8 45.9 88.6 C 46.6 91.5 45.9 93.6 44.5 96.5 L 28.2 112.8 C 38.8 132.7 55.9 149 76.5 159.7 L 92.1 144.1 C 93.5 141.9 96.4 141.2 99.2 141.9 C 107.7 144.8 114.8 146.2 124.8 146.2 Z M 161.8 126.9 L 175.8 135 M 171.7 89.9 L 187.8 89.9 M 161.8 53.1 L 175.8 45 M 134.8 26 L 142.8 12.1 M 97.9 16.1 L 97.9 0 M 61 26 L 53 12.1 M 124.8 144.3 C 127.4 144.3 129.9 145.5 131.4 147.1 C 132.8 148.7 133.7 151.2 133.8 153.3 L 133.8 178.9 C 133.7 181.3 132.8 183.8 131.3 185.4 C 129.8 186.9 127.3 187.9 124.8 187.9 C 91 187.9 59.6 173.9 37 151.5 C 14.3 129 0 97.6 0 63.1 C 0 60.9 1.2 58.4 2.8 56.9 C 4.3 55.3 6.8 54.2 9 54.1 L 33.9 54.1 C 36.7 54.2 39.4 55.3 41 56.9 C 42.6 58.4 43.6 60.9 43.6 63.1 C 43.6 72.1 44.9 80.3 47.7 88 L 47.7 88.1 L 47.7 88.2 C 48.4 91.6 47.7 94.3 46.2 97.3 L 46.1 97.6 L 30.5 113.1 C 41 132.2 56.3 146.9 76.1 157.4 L 90.7 142.8 C 91.7 141.6 93.1 140.5 94.6 140.1 C 96.1 139.7 98.2 139.7 99.8 140.1 C 108.2 143 115 144.3 124.8 144.3 Z M 98.6 143.7 C 97.5 143.4 96.7 143.4 95.7 143.7 C 94.7 144 94.1 144.3 93.7 145.1 L 93.6 145.3 L 76.9 162 L 75.6 161.4 C 54.8 150.5 37.3 133.8 26.5 113.7 L 25.9 112.5 L 42.9 95.4 C 44.2 92.8 44.7 91.5 44.1 89.2 C 41.3 81.3 39.8 72.5 39.8 63.1 C 39.8 61.7 39.4 60.6 38.3 59.5 C 37.2 58.5 36 57.8 33.9 57.9 L 9 57.9 C 7.6 57.8 6.6 58.4 5.4 59.5 C 4.3 60.7 3.8 61.7 3.8 63.1 C 3.8 96.8 17.5 126.8 39.6 148.8 C 61.8 170.7 91.8 184.1 124.8 184.1 C 126.6 184.1 127.6 183.7 128.6 182.7 C 129.6 181.7 130.1 180.7 130 178.9 L 130 153.3 C 130.1 151.8 129.6 150.8 128.6 149.7 C 127.6 148.6 126.5 148.1 124.8 148.1 C 114.6 148.1 107.2 146.6 98.6 143.7 Z M 162.8 125.3 L 176.8 133.4 L 174.8 136.6 L 160.8 128.5 L 162.8 125.3 Z M 171.7 88 L 187.8 88 L 187.8 91.8 L 171.7 91.8 L 171.7 88 Z M 160.8 51.5 L 174.8 43.4 L 176.8 46.6 L 162.8 54.7 L 160.8 51.5 Z M 144.4 13 L 136.4 26.9 L 133.2 25.1 L 141.2 11.2 L 144.4 13 Z M 99.8 0 L 99.8 16.1 L 96 16.1 L 96 0 L 99.8 0 Z M 54.6 11.2 L 62.6 25.1 L 59.4 26.9 L 51.4 13 L 54.6 11.2 Z M 98.4 112.6 L 66.2 112.6 C 66.6 109.4 67.7 106.4 69.6 103.6 C 71.5 100.8 75 97.5 80.1 93.7 C 83.3 91.4 85.3 89.6 86.2 88.4 C 87 87.2 87.5 86 87.5 84.9 C 87.5 83.7 87 82.7 86.2 81.9 C 85.3 81.1 84.2 80.6 82.9 80.6 C 81.5 80.6 80.4 81.1 79.5 81.9 C 78.7 82.8 78.1 84.3 77.8 86.5 L 67 85.6 C 67.4 82.6 68.2 80.2 69.3 78.5 C 70.5 76.9 72 75.5 74.1 74.6 C 76.1 73.7 79 73.3 82.6 73.3 C 86.4 73.3 89.3 73.7 91.4 74.6 C 93.5 75.4 95.2 76.8 96.4 78.5 C 97.6 80.3 98.2 82.3 98.2 84.5 C 98.2 86.9 97.5 89.2 96.1 91.3 C 94.7 93.4 92.2 95.8 88.6 98.4 C 86.4 99.9 85 100.9 84.2 101.5 C 83.5 102.1 82.7 102.9 81.7 103.8 L 98.4 103.8 L 98.4 112.6 Z M 121.5 105.4 L 101.9 105.4 L 101.9 96.5 L 121.5 73.3 L 130.8 73.3 L 130.8 97 L 135.7 97 L 135.7 105.4 L 130.8 105.4 L 130.8 112.6 L 121.5 112.6 L 121.5 105.4 Z M 121.5 97 L 121.5 84.9 L 111.1 97 L 121.5 97 Z' style='paint-order: fill%3b fill-rule: nonzero%3b'%3e%3c/path%3e%3c/svg%3e");
    -webkit-mask-repeat:   no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size:     contain;
    mask-image:            url("data:image/svg+xml,%3csvg viewBox='0 0 187.8 187.9' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M 124.8 146.2 C 129.1 146.2 131.9 149.7 131.9 153.3 L 131.9 178.9 C 131.9 183.1 129.1 186 124.8 186 C 58 186 1.9 131.3 1.9 63.1 C 1.9 59.5 5.4 56 9 56 L 33.9 56 C 38.8 56 41.7 59.5 41.7 63.1 C 41.7 72.3 43.1 80.8 45.9 88.6 C 46.6 91.5 45.9 93.6 44.5 96.5 L 28.2 112.8 C 38.8 132.7 55.9 149 76.5 159.7 L 92.1 144.1 C 93.5 141.9 96.4 141.2 99.2 141.9 C 107.7 144.8 114.8 146.2 124.8 146.2 Z M 161.8 126.9 L 175.8 135 M 171.7 89.9 L 187.8 89.9 M 161.8 53.1 L 175.8 45 M 134.8 26 L 142.8 12.1 M 97.9 16.1 L 97.9 0 M 61 26 L 53 12.1 M 124.8 144.3 C 127.4 144.3 129.9 145.5 131.4 147.1 C 132.8 148.7 133.7 151.2 133.8 153.3 L 133.8 178.9 C 133.7 181.3 132.8 183.8 131.3 185.4 C 129.8 186.9 127.3 187.9 124.8 187.9 C 91 187.9 59.6 173.9 37 151.5 C 14.3 129 0 97.6 0 63.1 C 0 60.9 1.2 58.4 2.8 56.9 C 4.3 55.3 6.8 54.2 9 54.1 L 33.9 54.1 C 36.7 54.2 39.4 55.3 41 56.9 C 42.6 58.4 43.6 60.9 43.6 63.1 C 43.6 72.1 44.9 80.3 47.7 88 L 47.7 88.1 L 47.7 88.2 C 48.4 91.6 47.7 94.3 46.2 97.3 L 46.1 97.6 L 30.5 113.1 C 41 132.2 56.3 146.9 76.1 157.4 L 90.7 142.8 C 91.7 141.6 93.1 140.5 94.6 140.1 C 96.1 139.7 98.2 139.7 99.8 140.1 C 108.2 143 115 144.3 124.8 144.3 Z M 98.6 143.7 C 97.5 143.4 96.7 143.4 95.7 143.7 C 94.7 144 94.1 144.3 93.7 145.1 L 93.6 145.3 L 76.9 162 L 75.6 161.4 C 54.8 150.5 37.3 133.8 26.5 113.7 L 25.9 112.5 L 42.9 95.4 C 44.2 92.8 44.7 91.5 44.1 89.2 C 41.3 81.3 39.8 72.5 39.8 63.1 C 39.8 61.7 39.4 60.6 38.3 59.5 C 37.2 58.5 36 57.8 33.9 57.9 L 9 57.9 C 7.6 57.8 6.6 58.4 5.4 59.5 C 4.3 60.7 3.8 61.7 3.8 63.1 C 3.8 96.8 17.5 126.8 39.6 148.8 C 61.8 170.7 91.8 184.1 124.8 184.1 C 126.6 184.1 127.6 183.7 128.6 182.7 C 129.6 181.7 130.1 180.7 130 178.9 L 130 153.3 C 130.1 151.8 129.6 150.8 128.6 149.7 C 127.6 148.6 126.5 148.1 124.8 148.1 C 114.6 148.1 107.2 146.6 98.6 143.7 Z M 162.8 125.3 L 176.8 133.4 L 174.8 136.6 L 160.8 128.5 L 162.8 125.3 Z M 171.7 88 L 187.8 88 L 187.8 91.8 L 171.7 91.8 L 171.7 88 Z M 160.8 51.5 L 174.8 43.4 L 176.8 46.6 L 162.8 54.7 L 160.8 51.5 Z M 144.4 13 L 136.4 26.9 L 133.2 25.1 L 141.2 11.2 L 144.4 13 Z M 99.8 0 L 99.8 16.1 L 96 16.1 L 96 0 L 99.8 0 Z M 54.6 11.2 L 62.6 25.1 L 59.4 26.9 L 51.4 13 L 54.6 11.2 Z M 98.4 112.6 L 66.2 112.6 C 66.6 109.4 67.7 106.4 69.6 103.6 C 71.5 100.8 75 97.5 80.1 93.7 C 83.3 91.4 85.3 89.6 86.2 88.4 C 87 87.2 87.5 86 87.5 84.9 C 87.5 83.7 87 82.7 86.2 81.9 C 85.3 81.1 84.2 80.6 82.9 80.6 C 81.5 80.6 80.4 81.1 79.5 81.9 C 78.7 82.8 78.1 84.3 77.8 86.5 L 67 85.6 C 67.4 82.6 68.2 80.2 69.3 78.5 C 70.5 76.9 72 75.5 74.1 74.6 C 76.1 73.7 79 73.3 82.6 73.3 C 86.4 73.3 89.3 73.7 91.4 74.6 C 93.5 75.4 95.2 76.8 96.4 78.5 C 97.6 80.3 98.2 82.3 98.2 84.5 C 98.2 86.9 97.5 89.2 96.1 91.3 C 94.7 93.4 92.2 95.8 88.6 98.4 C 86.4 99.9 85 100.9 84.2 101.5 C 83.5 102.1 82.7 102.9 81.7 103.8 L 98.4 103.8 L 98.4 112.6 Z M 121.5 105.4 L 101.9 105.4 L 101.9 96.5 L 121.5 73.3 L 130.8 73.3 L 130.8 97 L 135.7 97 L 135.7 105.4 L 130.8 105.4 L 130.8 112.6 L 121.5 112.6 L 121.5 105.4 Z M 121.5 97 L 121.5 84.9 L 111.1 97 L 121.5 97 Z' style='paint-order: fill%3b fill-rule: nonzero%3b'%3e%3c/path%3e%3c/svg%3e");
    mask-repeat:           no-repeat;
    mask-position:         center;
    mask-size:             contain;
}

#qodef-page-mobile-header .widget_haveheart_core_side_area_opener {
    font-size:       24px;
    position:        relative;
    display:         inline-flex;
    flex-direction:  column;
    justify-content: center;
    vertical-align:  middle;
    padding:         0;
    margin:          0;
    clip-path:       circle(24px);
}

#qodef-page-mobile-header .widget_haveheart_core_side_area_opener a {
    padding:          10px;
    background-color: var(--global--crimson-color);
}

#qodef-page-mobile-header .widget_haveheart_core_search_opener {
    font-size:       24px;
    position:        relative;
    display:         inline-flex;
    flex-direction:  column;
    justify-content: center;
    vertical-align:  middle;
    padding:         0;
    margin:          0 0 0 0.5rem;
}

#qodef-page-mobile-header .widget_haveheart_core_search_opener a {
    padding: 5px;
    color:   var(--global--text-color);
}

.widget_haveheart_core_search_opener .qodef-search-opener .qodef-search-opener-inner> ::before {
    font-weight: 600;
}

.qodef-header--light .qodef-header-sticky .qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon {
    color: var(--global--crimson-color);
}

.qodef-header--light #qodef-page-mobile-header .qodef-side-area-opener--icon-pack .qodef-side-area-opener-icon {
    color: var(--wp--preset--color--white);
}

#qodef-page-header .qodef-header-sticky a.qodef-header-logo-link {
    margin-right: 63px;
    margin-left:  40px;
}

header#qodef-page-header .qodef-header-logo-link img,
header#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
    width:        auto;
    height:       100%;
    aspect-ratio: 161/142;
}

#qodef-page-header .qodef-header-logo-link img.qodef--main {
    opacity: 1;
}

#qodef-page-header .qodef-header-logo-link img.qodef--dark,
#qodef-page-header .qodef-header-logo-link img.qodef--light {
    opacity: 0;
}

#qodef-page-header .qodef-header-logo-link img:not(.qodef--main) {
    position:          absolute;
    top:               50%;
    left:              0;
    -o-transform:      translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform:         translateY(-50%);
}

header#qodef-page-header .qodef-header-sticky {
    opacity:            0;
    -o-transition:      transform 0.5s ease, top 0.5s ease, opacity 0.5s ease;
    -moz-transition:    transform 0.5s ease, top 0.5s ease, opacity 0.5s ease;
    -webkit-transition: top 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:         top 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:         transform 0.5s ease, top 0.5s ease, opacity 0.5s ease;
    transition:         transform 0.5s ease, top 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}

body.qodef-mobile-header--sticky header#qodef-page-mobile-header {
    opacity:            0;
    -o-transition:      transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0.3s;
    -moz-transition:    transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0.3s;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease;
    transition:         top 0.3s ease, opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease;
    transition:         transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0.3s;
    transition:         transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0.3s, -webkit-transform 0.3s ease;
}

body.qodef-header--sticky-display header#qodef-page-header .qodef-header-sticky {
    opacity:            1;
    -o-transition:      transform 0.5s ease, top 0.5s ease, opacity 0.5s ease;
    -moz-transition:    transform 0.5s ease, top 0.5s ease, opacity 0.5s ease;
    -webkit-transition: top 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:         top 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition:         transform 0.5s ease, top 0.5s ease, opacity 0.5s ease;
    transition:         transform 0.5s ease, top 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}

body.qodef-mobile-header--sticky-display header#qodef-page-mobile-header {
    opacity:            1;
    -o-transition:      transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0s;
    -moz-transition:    transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0s;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease 0s, -webkit-transform 0.3s ease;
    transition:         top 0.3s ease, opacity 0.3s ease 0s, -webkit-transform 0.3s ease;
    transition:         transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0s;
    transition:         transform 0.3s ease, top 0.3s ease, opacity 0.3s ease 0s, -webkit-transform 0.3s ease;
}

header#qodef-page-header .qodef-header-sticky .qodef-header-logo-link img {
    max-height: calc(100% - 10px);
}

#qodef-page-content .widget.widget_search input::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color:              inherit;
    opacity:            0.4;
    line-height:        inherit;
    -o-transition:      opacity 0.3s ease;
    -moz-transition:    opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition:         opacity 0.3s ease;
}

#qodef-page-content .widget.widget_search input::-moz-placeholder,
input::-moz-placeholder {
    color:              inherit;
    opacity:            0.4;
    line-height:        inherit;
    -o-transition:      opacity 0.3s ease;
    -moz-transition:    opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition:         opacity 0.3s ease;
}

#qodef-page-content .widget.widget_search input:-ms-input-placeholder,
input:-ms-input-placeholder {
    color:              inherit;
    opacity:            0.4;
    line-height:        inherit;
    -o-transition:      opacity 0.3s ease;
    -moz-transition:    opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition:         opacity 0.3s ease;
}

#qodef-page-content .widget.widget_search input:-moz-placeholder,
input:-moz-placeholder {
    color:              inherit;
    opacity:            0.4;
    line-height:        inherit;
    -o-transition:      opacity 0.3s ease;
    -moz-transition:    opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition:         opacity 0.3s ease;
}

#qodef-page-content .widget.widget_search ::placeholder,
::placeholder {
    color:              inherit;
    opacity:            0.4;
    line-height:        inherit;
    -o-transition:      opacity 0.3s ease;
    -moz-transition:    opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition:         opacity 0.3s ease;
}

#qodef-page-content .widget.widget_search input:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
    opacity: 0.2;
}

#qodef-page-content .widget.widget_search input:focus::-moz-placeholder,
input:focus::-moz-placeholder {
    opacity: 0.2;
}

#qodef-page-content .widget.widget_search input:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
    opacity: 0.2;
}

#qodef-page-content .widget.widget_search input:focus:-moz-placeholder,
input:focus:-moz-placeholder {
    opacity: 0.2;
}

#qodef-page-content .widget.widget_search :where(input, textarea):focus::placeholder,
:where(input, textarea):focus::placeholder {
    opacity: 0.2;
}

@supports (-webkit-tap-highlight-color: transparent) {

    a,
    button,
    input,
    select,
    textarea {
        -webkit-tap-highlight-color: transparent;
    }
}

.team-pic {
    max-width:     798px;
    margin-inline: auto;
}

.qodef-header-navigation>ul>li {
    padding:      0;
    margin-right: 19px;
}

@supports (gap: 1px) and (display: flex) {
    .qodef-header-navigation>ul {
        gap: 19px;
    }

    .qodef-header-navigation>ul>li {
        padding: 0;
        margin:  0;
    }
}

.qodef-header-navigation>ul>li:last-child {
    padding-right: 0;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-header-navigation,
.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-top-widgets {
    padding-left: 19px;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget>* {
    padding: 0 25px;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
    background-color: #f9fafa;
    box-shadow:       0 3px 4px -1px rgba(0, 0, 0, 0.1);
    left:             -4px;
    padding:          27px 27px 27px 19px;
    min-width:        unset;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul ul {
    left: calc(100% + 27px);
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
    -ms-transform:               translate3d(0, 0, 0);
    -o-transform:                translate3d(0, 0, 0);
    -moz-transform:              translate3d(0, 0, 0);
    -webkit-transform:           translate3d(0, 0, 0);
    transform:                   translate3d(0, 0, 0);
    -moz-backface-visibility:    hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility:         hidden;
    transform-style:             preserve-3d;
}

header#qodef-page-header {
    border-bottom: 1px solid rgba(var(--wp--preset--color--white-rgb), 0.3);
    border-top:    1px solid rgba(var(--wp--preset--color--white-rgb), 0.3);
}

body.qodef-mobile-header--standard header#qodef-page-mobile-header {
    height: 70px;
}

@supports (-webkit-backdrop-filter: initial) or (backdrop-filter: initial) {

    .qodef-header-navigation ul li.qodef-menu-item--narrow ul,
    body.qodef-mobile-header--standard header#qodef-page-mobile-header,
    header#qodef-page-header .qodef-header-sticky {
        background: unset;
    }

    .qodef-header-navigation ul li.qodef-menu-item--narrow ul::after,
    body.qodef-mobile-header--standard header#qodef-page-mobile-header::before,
    header#qodef-page-header .qodef-header-sticky::before {
        content:  "";
        display:  block;
        position: absolute;
        top:      -100%;
        right:    0;
        bottom:   0;
        left:     0;
        z-index:  -1;
    }

    body.qodef-mobile-header--standard header#qodef-page-mobile-header::before,
    header#qodef-page-header .qodef-header-sticky::before {
        background-color:        rgba(var(--wp--preset--color--white-rgb), 0.7);
        -webkit-backdrop-filter: blur(30px) saturate(180%);
        backdrop-filter:         blur(30px) saturate(180%);
    }

    body.qodef-mobile-header--standard #qodef-mobile-header-navigation .qodef-m-inner {
        background-color:        rgba(var(--wp--preset--color--white-rgb), 0.7);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter:         blur(20px) saturate(180%);
    }

    #qodef-page-header-inner nav.qodef-header-navigation ul li.qodef-menu-item--narrow ul::after,
    .qodef-header-sticky nav.qodef-header-navigation ul li.qodef-menu-item--narrow ul::after {
        background-color:        rgba(var(--wp--preset--color--white-rgb), 0.7);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter:         blur(20px) saturate(180%);
        top:                     0;
    }

    #qodef-page-header-inner nav.qodef-header-navigation ul li.qodef-menu-item--narrow ul::after {
        background-color: rgba(var(--wp--preset--color--white-rgb), 0.8);
    }
}

body.qodef-mobile-header--standard #qodef-mobile-header-navigation .qodef-m-inner {
    border: 0;
}

body header#qodef-page-mobile-header,
body.qodef-header-appearance--sticky header#qodef-page-header .qodef-header-sticky {
    box-shadow: none;
}

body header#qodef-page-mobile-header #qodef-page-mobile-header-inner::before,
body.qodef-header-appearance--sticky header#qodef-page-header .qodef-header-sticky .qodef-header-sticky-inner .qodef-header-navigation>ul>li:first-child::before {
    content:    "";
    display:    block;
    position:   fixed;
    top:        -100%;
    right:      0;
    bottom:     0;
    left:       0;
    z-index:    -1;
    box-shadow: 0 -3px 6px 0 #000;
}

nav#qodef-mobile-header-navigation {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 2px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 20px -2px rgba(0, 0, 0, 0.05);
    max-height: calc(100vh - 70px);
}

.qodef-header-navigation ul li .qodef-drop-down-second,
.qodef-header-navigation ul li .qodef-drop-down-second.qodef-drop-down--start,
nav#qodef-mobile-header-navigation {
    z-index: -2 !important;
}

#qodef-page-header-inner .qodef-header-navigation ul li .qodef-drop-down-second {
    top: calc(100% + 1px);
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul ul::before {
    content:  "";
    display:  block;
    width:    27px;
    height:   100%;
    position: absolute;
    top:      0;
    left:     -27px;
}

#qodef-page-sidebar .widget {
    font-size: 1rem;
}

#qodef-page-sidebar .widget a {
    color: var(--global--gray-color);
}

#qodef-page-sidebar .widget ul.menu li {
    margin: 0 0 1em;
}

#qodef-page-sidebar .widget ul.menu a {
    text-decoration: none;
    font-weight:     500;
    border:          1px dashed transparent;
    border-radius:   1em;
    padding:         0.5em 1em;
}

#qodef-page-sidebar .widget ul.menu .current-menu-parent a {
    font-weight: 700;
    border:      1px dashed currentColor;
}

#qodef-page-sidebar .widget ul.menu .current-menu-item a {
    font-weight: 700;
    border:      1px solid currentColor;
    color:       var(--global--link-color-hover);
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li {
    padding: 0 27px 0 0;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a {
    padding-block: 4px;
}

#qodef-page-mobile-header #qodef-mobile-header-navigation .qodef-m-inner>ul>li a,
.qodef-header--light .qodef-header-sticky .qodef-header-sticky-inner .qodef-header-navigation>ul>li>a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a {
    color: var(--global--text-color);
}

.qodef-header--light #qodef-page-header .widget a,
.qodef-header-navigation ul li a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a {
    -o-transition:      transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s;
    -moz-transition:    transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition:         color 0.3s ease 0s, -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition:         transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s;
    transition:         transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

#qodef-main-navigation-menu {
    color: var(--global--background-color);
}

body {
    counter-reset: search-results-counter;
}

.qodef-search article .qodef-e-inner {
    gap: 1rem;
}

@media only screen and (max-width: 680px) {
    .qodef-search article .qodef-e-inner {
        flex-direction: column-reverse;
    }

    .qodef-search article .qodef-e-inner .qodef-e-image {
        flex-basis: auto !important;
        padding:    0 !important;
    }
}

.qodef-search article.qodef-search-item.resource_language-ar:not(.resource_language-en):not(.resource_language-fr):not(.resource_language-es):not(.resource_language-pt),
.qodef-search article.qodef-search-item.resource_language-ar:not(.resource_language-en):not(.resource_language-fr):not(.resource_language-es):not(.resource_language-pt) * {
    direction: rtl;
}

.qodef-search article.qodef-search-item {
    counter-increment: search-results-counter;
    margin-bottom:     3rem;
}

.qodef-search article.qodef-search-item h4::before {
    content: counter(search-results-counter) "\202F.\202F\202F";
    color:   var(--global--secondary-color);
}

.qodef-search article .qodef-e-inner .qodef-e-image {
    order:   2;
    padding: unset;
}

.qodef-search article .qodef-e-inner .qodef-e-image img {
    width: 100%;
}

.qodef-search article .qodef-e-inner .qodef-e-content {
    order: 1;
}

.qodef-search article .qodef-e-inner .qodef-e-title {
    display:     flex;
    align-items: baseline;
    font-size:   clamp(1rem, calc(1rem + (1.5 - 1) * ((100vw - 48rem) / (100 - 48))), 1.5rem);
}

.qodef-search article .qodef-e-inner .qodef-e-excerpt {
    margin:    1rem 0 0;
    font-size: clamp(0.875rem, calc(0.875rem + (1 - 0.875) * ((100vw - 48rem) / (100 - 48))), 1rem);
}

.qodef-header--light #qodef-page-header .widget a.qodef-m-opener:hover,
.qodef-header--light #qodef-page-header .widget a.qodef-search-opener:hover,
.qodef-header--light #qodef-page-header .widget a.qodef-side-area-opener:hover,
.qodef-header--light #qodef-page-header .widget a:hover,
.qodef-header--tabbed #qodef-page-header .qodef-header-navigation>ul#qodef-main-navigation-menu>li>a:hover {
    color:   currentColor;
    opacity: 0.7;
}

.qodef-header--tabbed #qodef-page-header .qodef-header-navigation>ul#qodef-main-navigation-menu>li.current-menu-ancestor>a,
.qodef-header--tabbed #qodef-page-header .qodef-header-navigation>ul#qodef-main-navigation-menu>li.current-menu-item>a,
.qodef-header--tabbed #qodef-page-header .qodef-header-navigation>ul#qodef-main-navigation-menu>li.current-menu-parent>a,
.qodef-header--tabbed #qodef-page-header .qodef-header-navigation>ul#qodef-main-navigation-menu>li.current-page-ancestor>a {
    color: #353839;
}

#qodef-mobile-header-navigation .qodef-m-inner>ul>li>a:hover,
#qodef-mobile-header-navigation .qodef-m-inner>ul>li:hover>a,
#qodef-mobile-header-navigation li a:hover,
#qodef-mobile-header-navigation li.current-menu-ancestor>a,
#qodef-mobile-header-navigation li.current-menu-item>a,
#qodef-mobile-header-navigation li.current-menu-parent>a,
#qodef-mobile-header-navigation li.current-page-ancestor>a,
#qodef-mobile-header-navigation li:hover>a,
.qodef-header--light #qodef-page-header .qodef-header-navigation>ul#qodef-sticky-navigation-menu>li>a:hover,
.qodef-header--light #qodef-page-header .qodef-header-navigation>ul#qodef-sticky-navigation-menu>li.current-menu-ancestor>a,
.qodef-header--light #qodef-page-header .qodef-header-navigation>ul#qodef-sticky-navigation-menu>li.current-menu-item>a,
.qodef-header--light #qodef-page-header .qodef-header-navigation>ul#qodef-sticky-navigation-menu>li.current-menu-parent>a,
.qodef-header--light #qodef-page-header .qodef-header-navigation>ul#qodef-sticky-navigation-menu>li.current-page-ancestor>a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a:hover,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a:hover~.qodef-menu-arrow,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-ancestor>a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-item>a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-parent>a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li:hover>a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li:hover>a~.qodef-menu-arrow {
    color: var(--global--secondary-color) !important;
}

#qodef-mobile-header-navigation ul li:where(.current-page-ancestor, .current-menu-ancestor)>.qodef-drop-down-second>.qodef-drop-down-second-inner>ul.sub-menu li:where(.current-page-parent, .current-menu-item)>ul.sub-menu,
#qodef-mobile-header-navigation ul li:where(.current-page-ancestor, .current-menu-ancestor, .current-page-parent, .current-menu-item)>.qodef-drop-down-second>.qodef-drop-down-second-inner>ul.sub-menu {
    display: block !important;
}

#qodef-mobile-header-navigation ul li:where(.current-page-ancestor, .current-menu-ancestor)>.qodef-drop-down-second>.qodef-drop-down-second-inner>ul.sub-menu li:where(.current-page-parent, .current-menu-item)>ul.sub-menu>.qodef-menu-arrow:after,
#qodef-mobile-header-navigation ul li:where(.current-page-ancestor, .current-menu-ancestor, .current-page-parent, .current-menu-item)>.qodef-menu-arrow:after {
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    -moz-transform:    rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform:         rotate(90deg);
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a~.qodef-menu-arrow {
    -o-transition:      all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition:         all 0.3s ease;
    transform:          translateY(-50%) translateX(-10px);
    right:              0;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li a:hover~.qodef-menu-arrow,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-ancestor>a~.qodef-menu-arrow,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-item>a~.qodef-menu-arrow,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-parent>a~.qodef-menu-arrow,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li:hover>a~.qodef-menu-arrow {
    transform: translateY(-50%) translateX(10px);
    color:     var(--global--secondary-color) !important;
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li>a:hover,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li:hover>a {
    -ms-transform:     translateX(15px);
    -o-transform:      translateX(15px);
    -moz-transform:    translateX(15px);
    -webkit-transform: translateX(15px);
    transform:         translateX(15px);
}

.qodef-header-navigation ul li.qodef-menu-item--narrow ul li>a:hover:before,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li:hover>a:before {
    opacity: 1;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets .widget.widget_text {
    white-space:      nowrap;
    background-color: rgba(0, 255, 255, 0.2);
    text-transform:   uppercase;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets .widget.widget_text p {
    font-size:          0.625rem;
    margin-block-start: -0.75rem;
    line-height:        1;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets .widget.widget_text a {
    font-family: Merriweather, "Noto Sans Arabic", serif;
    font-size:   1.5rem;
    line-height: 1;
    display:     flex;
}

#qodef-page-mobile-header .donate-btn-header,
#qodef-page-header .donate-btn-header,
#donation-form button {
    -o-transition:      transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s;
    -moz-transition:    transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s, -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition:         color 0.3s ease 0s, -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition:         transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s;
    transition:         transform 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

#qodef-page-mobile-header .donate-btn-header:hover,
#qodef-page-header .donate-btn-header:hover,
#donation-form button {
    opacity: 0.9;
}

/* [data-area='tabbed-header-bottom']:has(a[href*='donate']), */
[data-area="tabbed-header-bottom"]:has(.donate-btn-header) {
    background-color: var(--global--link-color-hover) !important;
}

/* [data-area='tabbed-header-bottom']:has(a[href*='donate']) .textwidget, */
[data-area="tabbed-header-bottom"]:has(.donate-btn-header) .textwidget {
    padding-left: 0 !important;
}

.widget_haveheart_core_search_opener {
    border-right-color: transparent !important;
}

#qodef-page-mobile-header .widget_custom_html {
    margin: 0 0 0 0.5rem;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets {
    padding: 0;
}

.qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget:last-child>* {
    padding: 0;
    width:   88px;
}

#qodef-page-header .qodef-header-sticky .qodef-header-sticky-inner .qodef-tabbed--right .widget:last-child {
    padding-inline: 27px;
}

.qodef-header-sticky {
    padding: 0;
}

form.qodef-search-cover+form.qodef-search-cover {
    display:           none;
    visibility:        hidden;
    opacity:           0;
    position:          absolute;
    left:              -100vw;
    top:               -100vh;
    clip:              rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path:         inset(0 0 99.9% 99.9%);
    overflow:          hidden;
    height:            1px;
    width:             1px;
    padding:           0;
    border:            0;
}

.qodef-search-cover input[type="text"].qodef-search-field {
    caret-color: var(--global--crimson-color);
    height:      100%;
    line-height: 3;
}

@-webkit-keyframes blink {

    0%,
    to {
        -webkit-text-decoration-line: none;
        text-decoration-line:         none;
    }

    50% {
        -webkit-text-decoration-line: underline;
        text-decoration-line:         underline;
    }
}

@keyframes blink {

    0%,
    to {
        -webkit-text-decoration-line: none;
        text-decoration-line:         none;
    }

    50% {
        -webkit-text-decoration-line: underline;
        text-decoration-line:         underline;
    }
}

.qodef-search-cover input[type="text"].qodef-search-field:invalid::-webkit-input-placeholder {
    -webkit-animation: blink 1s step-end infinite;
    animation:         blink 1s step-end infinite;
    caret-color:       transparent;
}

.qodef-search-cover input[type="text"].qodef-search-field:invalid,
.qodef-search-cover input[type="text"].qodef-search-field:invalid::placeholder {
    -webkit-animation: blink 1s step-end infinite;
    animation:         blink 1s step-end infinite;
    caret-color:       transparent;
}

@media (prefers-reduced-motion: reduce) {
    .qodef-search-cover input[type="text"].qodef-search-field:invalid::-webkit-input-placeholder {
        caret-color: auto;
    }

    .qodef-search-cover input[type="text"].qodef-search-field:invalid,
    .qodef-search-cover input[type="text"].qodef-search-field:invalid::placeholder {
        caret-color: auto;
    }
}

.qodef-search-cover input[type="text"].qodef-search-field:valid::-webkit-input-placeholder {
    -webkit-animation: none;
    animation:         none;
}

.qodef-search-cover input[type="text"].qodef-search-field:valid,
.qodef-search-cover input[type="text"].qodef-search-field:valid::placeholder {
    -webkit-animation: none;
    animation:         none;
}

.qodef-search-cover input[type="text"].qodef-search-field:not(:focus):valid::-webkit-input-placeholder {
    -webkit-text-decoration-line: none;
    text-decoration-line:         none;
}

.qodef-search-cover input[type="text"].qodef-search-field:not(:focus):valid,
.qodef-search-cover input[type="text"].qodef-search-field:not(:focus):valid::placeholder {
    -webkit-text-decoration-line: none;
    text-decoration-line:         none;
}

.qodef-search-cover input[type="text"].qodef-search-field:not(:focus),
.qodef-search-cover input[type="text"].qodef-search-field:not(:focus)::placeholder {
    -webkit-animation:            none;
    animation:                    none;
    -webkit-text-decoration-line: underline;
    text-decoration-line:         underline;
}

.qodef-search-cover input[type="text"].qodef-search-field:not(:focus)::-webkit-input-placeholder {
    -webkit-animation:            none;
    animation:                    none;
    -webkit-text-decoration-line: underline;
    text-decoration-line:         underline;
}

.qodef-search-cover input[type="text"].qodef-search-field:not(:focus)::placeholder {
    -webkit-animation:            none;
    animation:                    none;
    -webkit-text-decoration-line: underline;
    text-decoration-line:         underline;
}

.qodef-search-cover input[type="text"].qodef-search-field:focus {
    outline: 0 none;
}

.qodef-search-cover input[type="text"].qodef-search-field::-webkit-input-placeholder {
    opacity:                       1;
    -webkit-text-decoration-color: var(--global--crimson-color);
    text-decoration-color:         var(--global--crimson-color);
    text-decoration-thickness:     3px;
    text-underline-offset:         -4px;
}

.qodef-search-cover input[type="text"].qodef-search-field,
.qodef-search-cover input[type="text"].qodef-search-field::placeholder {
    opacity:                       1;
    -webkit-text-decoration-color: var(--global--crimson-color);
    text-decoration-color:         var(--global--crimson-color);
    text-decoration-thickness:     3px;
    text-underline-offset:         -4px;
}

@media only screen and (max-width: 1442px) {
    .qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget.widget_text:has(a[href^="tel"]) {
        display: none;
    }

    .qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget.widget_haveheart_core_search_opener {
        border-right: unset;
    }
}

@media only screen and (max-width: 1380px) {
    .qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget.widget_haveheart_core_icon {
        display: none;
    }

    .qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget.widget_text {
        border-right: unset;
    }
}

@media only screen and (max-width: 1300px) {
    .qodef-header--tabbed #qodef-page-header .qodef-tabbed--right .qodef-tabbed-navigation .qodef-tabbed-bottom-widgets>.widget.widget_haveheart_core_side_area_opener {
        display: none;
    }
}

.qodef-shortcode.qodef-m.qodef-text-marquee.qodef-layout--default-marquee .qodef-m-text {
    min-height:  3em;
    align-items: center;
    display:     inline-flex;
    font-size:   clamp(1.5rem, 100vw / 16, 2rem);
}

img.qodef-parallax-img {
    min-width: 100%;
    max-width: 100%;
}

.qodef-parallax-img-holder {
    background-color: unset;
}

/* Hack for smooth transition to remove later */
sr7-slide sr7-txt,
sr7-slide a {
    visibility: visible !important;
}

/* Hack - end */

sr7-arrow {
    -o-transition:      background 0.3s ease-in-out;
    -moz-transition:    background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    transition:         background 0.3s ease-in-out;
}

/* rs-fullwidth-wrap rs-module rs-dotted {
    background:       unset !important;
    background-color: rgba(0, 0, 0, 0.1);
} */

/* rs-fullwidth-wrap rs-module rs-slide[data-isactiveslide="false"] rs-dotted {
    opacity:    0;
    transition: none;
}

rs-fullwidth-wrap rs-module rs-slide[data-isactiveslide="true"] rs-dotted {
    opacity:    1;
    transition: opacity 1s ease 0s;
} */

.qodef-m-image::before,
.qodef-page-title.qodef--has-image::before,
.qodef-parallax-img-holder::before,
sr7-slide::before {
    --global--color-black-rgb: 0, 0, 0;
    content:                   "";
    display:                   block;
    width:                     150%;
    height:                    calc(100% + 40px);
    position:                  absolute;
    z-index:                   2;
    top:                       0;
    right:                     0;
    bottom:                    0;
    left:                      0;
    background-color:          rgba(var(--global--color-black-rgb), 0.1);
    background-image:          -webkit-linear-gradient(90deg, rgba(var(--global--color-black-rgb), 0.5) 0, rgba(var(--global--color-black-rgb), 0.49) 0.6%, rgba(var(--global--color-black-rgb), 0.48) 2.5%, rgba(var(--global--color-black-rgb), 0.45) 5.5%, rgba(var(--global--color-black-rgb), 0.41) 9.6%, rgba(var(--global--color-black-rgb), 0.37) 14.6%, rgba(var(--global--color-black-rgb), 0.32) 20.5%, rgba(var(--global--color-black-rgb), 0.28) 27.2%, rgba(var(--global--color-black-rgb), 0.22) 34.7%, rgba(var(--global--color-black-rgb), 0.18) 42.8%, rgba(var(--global--color-black-rgb), 0.13) 51.4%, rgba(var(--global--color-black-rgb), 0.09) 60.5%, rgba(var(--global--color-black-rgb), 0.05) 70%, rgba(var(--global--color-black-rgb), 0.02) 79.8%, rgba(var(--global--color-black-rgb), 0.01) 89.8%, rgba(var(--global--color-black-rgb), 0) 100%);
    background-image:          -moz-linear-gradient(90deg, rgba(var(--global--color-black-rgb), 0.5) 0, rgba(var(--global--color-black-rgb), 0.49) 0.6%, rgba(var(--global--color-black-rgb), 0.48) 2.5%, rgba(var(--global--color-black-rgb), 0.45) 5.5%, rgba(var(--global--color-black-rgb), 0.41) 9.6%, rgba(var(--global--color-black-rgb), 0.37) 14.6%, rgba(var(--global--color-black-rgb), 0.32) 20.5%, rgba(var(--global--color-black-rgb), 0.28) 27.2%, rgba(var(--global--color-black-rgb), 0.22) 34.7%, rgba(var(--global--color-black-rgb), 0.18) 42.8%, rgba(var(--global--color-black-rgb), 0.13) 51.4%, rgba(var(--global--color-black-rgb), 0.09) 60.5%, rgba(var(--global--color-black-rgb), 0.05) 70%, rgba(var(--global--color-black-rgb), 0.02) 79.8%, rgba(var(--global--color-black-rgb), 0.01) 89.8%, rgba(var(--global--color-black-rgb), 0) 100%);
    background-image:          -o-linear-gradient(90deg, rgba(var(--global--color-black-rgb), 0.5) 0, rgba(var(--global--color-black-rgb), 0.49) 0.6%, rgba(var(--global--color-black-rgb), 0.48) 2.5%, rgba(var(--global--color-black-rgb), 0.45) 5.5%, rgba(var(--global--color-black-rgb), 0.41) 9.6%, rgba(var(--global--color-black-rgb), 0.37) 14.6%, rgba(var(--global--color-black-rgb), 0.32) 20.5%, rgba(var(--global--color-black-rgb), 0.28) 27.2%, rgba(var(--global--color-black-rgb), 0.22) 34.7%, rgba(var(--global--color-black-rgb), 0.18) 42.8%, rgba(var(--global--color-black-rgb), 0.13) 51.4%, rgba(var(--global--color-black-rgb), 0.09) 60.5%, rgba(var(--global--color-black-rgb), 0.05) 70%, rgba(var(--global--color-black-rgb), 0.02) 79.8%, rgba(var(--global--color-black-rgb), 0.01) 89.8%, rgba(var(--global--color-black-rgb), 0) 100%);
    background-image:          linear-gradient(0deg, rgba(var(--global--color-black-rgb), 0.5) 0, rgba(var(--global--color-black-rgb), 0.49) 0.6%, rgba(var(--global--color-black-rgb), 0.48) 2.5%, rgba(var(--global--color-black-rgb), 0.45) 5.5%, rgba(var(--global--color-black-rgb), 0.41) 9.6%, rgba(var(--global--color-black-rgb), 0.37) 14.6%, rgba(var(--global--color-black-rgb), 0.32) 20.5%, rgba(var(--global--color-black-rgb), 0.28) 27.2%, rgba(var(--global--color-black-rgb), 0.22) 34.7%, rgba(var(--global--color-black-rgb), 0.18) 42.8%, rgba(var(--global--color-black-rgb), 0.13) 51.4%, rgba(var(--global--color-black-rgb), 0.09) 60.5%, rgba(var(--global--color-black-rgb), 0.05) 70%, rgba(var(--global--color-black-rgb), 0.02) 79.8%, rgba(var(--global--color-black-rgb), 0.01) 89.8%, rgba(var(--global--color-black-rgb), 0) 100%);
}

sr7-slide::before {
    pointer-events: none;
}

/* sr7-slide,
sr7-slide[style*="display: none"] {
    display:    block !important;
    visibility: hidden !important;
} */

/* sr7-slide[style*="display: block"]::before {
    opacity:    1;
    transition: opacity 1s ease 0s;
} */

/* sr7-slide[style*="display: none"]::before {
    opacity:    0;
    transition: opacity 1s ease 0s;
} */

sr7-slide sr7-txt {
    text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.125);
}


@media only screen and (max-width: 680px) {
    .vc_parallax.disable-parallax-mobile .vc_parallax-inner {
        top:                   0 !important;
        height:                100% !important;
        width:                 100% !important;
        background-size:       initial;
        background-repeat:     repeat;
        background-attachment: initial;
        background-position:   initial;
        display:               none;
    }
}

/* rs-fullwidth-wrap rs-module rs-sbg-wrap::before {
    z-index: 9999;
} */

.qodef-image-with-text.qodef-layout--text-below {
    display: grid;
}

.qodef-image-with-text.qodef-layout--text-below .qodef-m-content:not(:has(p, h2, h3, h4, h5, h6, span, div, img)) {
    display: none;
}

#donors-icons-container .qodef-m-image::before,
.qodef-layout--text-below .qodef-m-image::before,
.qodef-team .qodef-m-image::before,
.qodef-video-button .qodef-m-image::before {
    content: unset;
}

.qodef-image-with-text.qodef-layout--text-below a:hover {
    transform: unset;
}

.qodef-video-button .qodef-m-play {
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;
    width:    initial;
    height:   initial;
    overflow: hidden;
}

.qodef-video-button .qodef-m-play .qodef-m-play-inner {
    background-color: unset;
    width:            100px;
    height:           100px;
}

.qodef-video-button .qodef-m-play span {
    line-height: 100px;
}

.qodef-video-button .qodef-m-play .qodef-m-play-inner .icon-basic-animation {
    background-color: rgba(var(--global--crimson-color-rgb), 0.5);
}

.qodef-video-button .qodef-m-play:hover .qodef-m-play-inner .icon-basic-animation {
    background-color: rgba(var(--global--crimson-color-rgb), 0.9);
}

@supports (container-type: size) {
    .qodef-video-button .qodef-m-play {
        container-type: size;
    }

    .qodef-video-button .qodef-m-play span {
        line-height: 1;
    }

    .qodef-video-button .qodef-m-play span:before {
        line-height:  clamp(50px, 23cqb, 100px);
        font-size:    clamp(50px, 23cqb, 100px);
        text-shadow:  0 -1px 2px rgba(0, 0, 0, 0.125);
        aspect-ratio: 1/1;
    }

    .qodef-video-button .qodef-m-play .qodef-m-play-inner {
        background-color: unset;
        width:            clamp(50px, 23cqb, 100px);
        height:           clamp(50px, 23cqb, 100px);
        aspect-ratio:     1/1;
        line-height:      1;
    }

    .qodef-video-button .qodef-m-play .qodef-m-play-inner .icon-basic-animation {
        background-color: rgba(var(--global--crimson-color-rgb), 0.5);
        scale:            1.2;
        width:            clamp(50px, 23cqb, 100px);
        height:           clamp(50px, 23cqb, 100px);
        aspect-ratio:     1/1;
        position:         relative;
        z-index:          -1;
    }

    .qodef-video-button .qodef-m-play:hover .qodef-m-play-inner .icon-basic-animation {
        background-color: rgba(var(--global--crimson-color-rgb), 0.9);
        scale:            1;
    }

    .qodef-video-button .qodef-m-play .qodef-m-play-inner:hover .icon-basic-animation {
        -ms-transform:     unset;
        -o-transform:      unset;
        -moz-transform:    unset;
        -webkit-transform: unset;
        transform:         unset;
    }
}

@supports not (container-type: size) {
    .qodef-video-button .qodef-m-play .qodef-m-play-inner .icon-basic-animation {
        background-color: rgba(var(--global--crimson-color-rgb), 0.5);
        scale:            1;
    }

    .qodef-video-button .qodef-m-play:hover .qodef-m-play-inner .icon-basic-animation {
        background-color: rgba(var(--global--crimson-color-rgb), 0.9);
        scale:            0.9;
    }

    .qodef-video-button .qodef-m-play .qodef-m-play-inner:hover .icon-basic-animation {
        -ms-transform:     unset;
        -o-transform:      unset;
        -moz-transform:    unset;
        -webkit-transform: unset;
        transform:         unset;
    }

    @media only screen and (max-width: 1024px) {
        .qodef-video-button .qodef-m-play .qodef-m-play-inner {
            width:  80px;
            height: 80px;
        }

        .qodef-video-button .qodef-m-play .qodef-m-play-inner span {
            line-height: 80px;
        }

        .icon-music-play-button:before {
            font-size: smaller;
        }
    }
}

.qodef-image-with-text .qodef-m-image,
.qodef-video-button .qodef-m-image {
    box-shadow:         0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0.6px 0 rgba(0, 0, 0, 0.07), 0 1.3px 1.6px 0 rgba(0, 0, 0, 0.046), 0 3px 3.9px -3px rgba(0, 0, 0, 0.035), 0 10px 13px -10px rgba(0, 0, 0, 0.024);
    -o-transition:      all 0.33s ease-in-out;
    -moz-transition:    all 0.33s ease-in-out;
    -webkit-transition: all 0.33s ease-in-out;
    transition:         all 0.33s ease-in-out;
}

.qodef-image-with-text .qodef-m-image a:hover,
.qodef-video-button a.qodef-m-play:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
}

#qodef-page-outer {
    margin-top:          0;
    background-size:     cover;
    background-position: center;
}

.qodef-page-title {
    display: inline-grid;
}

:where(.qodef-page-title) {
    height:     auto;
    min-height: 200px;
}

.page-id-4529 .qodef-page-title,
.page-id-4789 .qodef-page-title {
    height:     auto;
    min-height: 300px;
}

@media only screen and (max-width: 480px) {
    :is(.page-id-19325, .page-id-18921, .page-id-18936) .qodef-page-title .qodef-m-content {
        justify-content: end;
    }
}

.page-id-18921 .qodef-page-title,
.page-id-18936 .qodef-page-title {
    height:        auto;
    /* min-height: min(500px, 100vh); */
    max-height:    500px;
    aspect-ratio:  16/9;
}

.page-id-18921 .qodef-page-title h1,
.page-id-18936 .qodef-page-title h1 {
    font-size: clamp(1.25rem, calc(1.25rem + ((1vw - 0.48rem) * 0.48)), 1.5rem) !important;
}

.parent-pageid-4603 .qodef-page-title {
    height:  auto;
    display: inline-grid;
}

.qodef-parallax.qodef-page-title .qodef-m-inner {
    height:        calc(100% + 20px);
    padding-block: 20px;
    overflow:      hidden;
    top:           -20px;
    box-sizing:    border-box;
}

.qodef-parallax.qodef-page-title .qodef-parallax-img-holder .qodef-parallax-img-wrapper {
    height: calc(100% + 40px);
}

.qodef-page-title.qodef--has-image::before {
    z-index: 0;
}

.qodef-page-title.qodef-title--standard-with-breadcrumbs .qodef-breadcrumbs {
    margin-top: 8px;
    color:      rgba(var(--wp--preset--color--white-rgb), 1);
}

.qodef-e-info-author {
    display:    none;
    visibility: hidden;
}

@media only screen and (max-width: 480px) {
    .qodef-page-title .qodef-m-content .qodef-m-title {
        font-size: 1.75rem;
    }
}

.qodef-page-title .qodef-breadcrumbs>span {
    color:              rgba(var(--wp--preset--color--white-rgb), 0.5);
    -o-transition:      unset;
    -moz-transition:    unset;
    -webkit-transition: unset;
    transition:         unset;
}

.qodef-page-title .qodef-breadcrumbs a span,
.qodef-page-title .qodef-breadcrumbs a:hover span {
    color:              unset;
    -o-transition:      unset;
    -moz-transition:    unset;
    -webkit-transition: unset;
    transition:         unset;
}

.qodef-page-title .qodef-breadcrumbs a {
    color:              rgba(var(--wp--preset--color--white-rgb), 1);
    -o-transition:      all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}

.qodef-page-title .qodef-breadcrumbs a:hover {
    color: rgba(var(--wp--preset--color--white-rgb), 0.7);
}

@media only screen and (max-width: 1024px) {
    #qodef-page-mobile-header {
        width:             100%;
        position:          fixed;
        top:               0;
        left:              0;
        -ms-transform:     translateY(0);
        -o-transform:      translateY(0);
        -moz-transform:    translateY(0);
        -webkit-transform: translateY(0);
        transform:         translateY(0);
    }

    body.qodef-content-behind-header #qodef-page-outer,
    body:not(.qodef-content-behind-header) #qodef-page-outer {
        margin-top: 70px !important;
    }

    body.qodef-content-behind-header .qodef-page-title {
        padding-top: 70px !important;
    }

    .qodef-e-content .qodef-grid-item+.qodef-grid-item {
        margin-top: 110px;
    }

    .admin-bar #qodef-page-mobile-header {
        top: var(--wp-admin--admin-bar--height, 0);
    }

    #wpadminbar {
        position: fixed;
    }
}

.qodef-m-filter .qodef-m-filter-items {
    flex-wrap: wrap;
}

.vc_grid-container.vc_basic_grid .vc_col-lg-1,
.vc_grid-container.vc_basic_grid .vc_col-lg-10,
.vc_grid-container.vc_basic_grid .vc_col-lg-11,
.vc_grid-container.vc_basic_grid .vc_col-lg-12,
.vc_grid-container.vc_basic_grid .vc_col-lg-2,
.vc_grid-container.vc_basic_grid .vc_col-lg-3,
.vc_grid-container.vc_basic_grid .vc_col-lg-4,
.vc_grid-container.vc_basic_grid .vc_col-lg-5,
.vc_grid-container.vc_basic_grid .vc_col-lg-6,
.vc_grid-container.vc_basic_grid .vc_col-lg-7,
.vc_grid-container.vc_basic_grid .vc_col-lg-8,
.vc_grid-container.vc_basic_grid .vc_col-lg-9,
.vc_grid-container.vc_basic_grid .vc_col-md-1,
.vc_grid-container.vc_basic_grid .vc_col-md-10,
.vc_grid-container.vc_basic_grid .vc_col-md-11,
.vc_grid-container.vc_basic_grid .vc_col-md-12,
.vc_grid-container.vc_basic_grid .vc_col-md-2,
.vc_grid-container.vc_basic_grid .vc_col-md-3,
.vc_grid-container.vc_basic_grid .vc_col-md-4,
.vc_grid-container.vc_basic_grid .vc_col-md-5,
.vc_grid-container.vc_basic_grid .vc_col-md-6,
.vc_grid-container.vc_basic_grid .vc_col-md-7,
.vc_grid-container.vc_basic_grid .vc_col-md-8,
.vc_grid-container.vc_basic_grid .vc_col-md-9,
.vc_grid-container.vc_basic_grid .vc_col-sm-1,
.vc_grid-container.vc_basic_grid .vc_col-sm-10,
.vc_grid-container.vc_basic_grid .vc_col-sm-11,
.vc_grid-container.vc_basic_grid .vc_col-sm-12,
.vc_grid-container.vc_basic_grid .vc_col-sm-2,
.vc_grid-container.vc_basic_grid .vc_col-sm-3,
.vc_grid-container.vc_basic_grid .vc_col-sm-4,
.vc_grid-container.vc_basic_grid .vc_col-sm-5,
.vc_grid-container.vc_basic_grid .vc_col-sm-6,
.vc_grid-container.vc_basic_grid .vc_col-sm-7,
.vc_grid-container.vc_basic_grid .vc_col-sm-8,
.vc_grid-container.vc_basic_grid .vc_col-sm-9,
.vc_grid-container.vc_basic_grid .vc_col-xs-1,
.vc_grid-container.vc_basic_grid .vc_col-xs-10,
.vc_grid-container.vc_basic_grid .vc_col-xs-11,
.vc_grid-container.vc_basic_grid .vc_col-xs-12,
.vc_grid-container.vc_basic_grid .vc_col-xs-2,
.vc_grid-container.vc_basic_grid .vc_col-xs-3,
.vc_grid-container.vc_basic_grid .vc_col-xs-4,
.vc_grid-container.vc_basic_grid .vc_col-xs-5,
.vc_grid-container.vc_basic_grid .vc_col-xs-6,
.vc_grid-container.vc_basic_grid .vc_col-xs-7,
.vc_grid-container.vc_basic_grid .vc_col-xs-8,
.vc_grid-container.vc_basic_grid .vc_col-xs-9 {
    min-height: 0;
}

section#volunteer {
    background-image: var(--wp--preset--gradient--white-to-blue-munsell-gray);
    color:            var(--global--text-color);
}

section#volunteer .section-title-wrap {
    background-color: rgba(245, 245, 245, 0.3);
}

section#volunteer .section-title-wrap .section-title h2 {
    font-size:   clamp(4rem, 8vw, 5rem);
    font-family: Caveat, cursive, "Noto Nastaliq Urdu", serif;
    font-weight: 400;
}

section#volunteer a {
    color:                 var(--global--text-color);
    text-decoration:       underline;
    text-decoration-line:  underline;
    text-decoration-color: currentColor;
    text-decoration-style: solid;
}

section#volunteer a:hover {
    color:           var(--global--secondary-color);
    text-decoration: underline;
    opacity:         0.99;
}

.home #qodef-page-inner {
    padding-bottom: 0;
}

.home #qodef-page-inner,
.page-id-1868 #qodef-page-inner,
.page-id-17195 #qodef-page-inner,
.page-id-4979 #qodef-page-inner,
.page-id-9078 #qodef-page-inner {
    padding-top: 0;
}

.qodef-content-grid {
    max-width: calc(100% - 40px);
    width:     100%;
}

.contact-table table tr {
    border:                none;
    grid-template-columns: 150px 1fr;
    gap:                   1rem;
}

.contact-table table td[scope="colgroup"] {
    white-space: nowrap;
}

.contact-table table {
    width:   100%;
    display: grid;
}

.contact-table table tbody,
.contact-table table td,
.contact-table table th,
.contact-table table tr {
    display:        inherit !important;
    width:          unset !important;
    padding-inline: unset !important;
    text-align:     left;
}

.contact-table table td {
    justify-content: flex-start;
    justify-content: start;
}

.contact-table table td br {
    display: none;
}

.contact-table div.wp-block-jetpack-whatsapp-button a.whatsapp-block__button {
    font-family:         system-ui;
    font-size:           0.75em;
    font-weight:         500;
    background-position: 1em;
    background-size:     2em 2em;
    line-height:         2.25em;
    min-height:          3.125em;
    padding:             0.5em 1em 0.5em 3.5em;
}

.contact-table div.wp-block-jetpack-whatsapp-button a.whatsapp-block__button,
.contact-table div.wp-block-jetpack-whatsapp-button a.whatsapp-block__button>* {
    font-family: system-ui;
}

@media only screen and (max-width: 1024px) {
    .contact-table table td[scope="colgroup"]>* {
        padding-block-start: 1rem;
    }

    .contact-table table td {
        padding: unset !important;
    }

    .contact-table table tr {
        grid-template-columns: 1fr;
        gap:                   5px;
    }
}

.hotlines-3-boxes {
    display:         flex;
    justify-content: stretch;
}

@media only screen and (max-width: 768px) {
    .hotlines-3-boxes {
        flex-direction: column;
    }

    .hotlines-3-boxes .vc_col-sm-4 {
        width: 100%;
    }
}

.hotlines-3-boxes .vc_column-inner,
.hotlines-3-boxes .vc_cta3-container,
.hotlines-3-boxes .wpb_wrapper {
    height:        100%;
    margin-bottom: 0;
}

.vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-lg.vc_cta3-icons-in-box .vc_cta3_content-container {
    display: grid;
}

.vc_general.vc_cta3.vc_cta3-align-center .vc_cta3-content {
    text-align:      center;
    justify-content: space-between;
    align-content:   center;
}

.vc_general.vc_cta3 .vc_cta3-content {
    vertical-align: top;
    vertical-align: text-top;
}

.hotlines-3-boxes .vc_general.vc_cta3.vc_cta3-icons-on-border.vc_cta3-icons-top.vc_cta3-icon-size-lg {
    min-height:       calc(100% - 45px);
    display:          grid;
    margin-top:       45px;
    background-color: #fff;
    background-image: linear-gradient(rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2), rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2));
}

.hotlines-3-boxes h2 {
    font-size:      clamp(1.125rem, 2.4vw, 1.5rem);
    text-transform: uppercase;
    margin:         0;
}

.hotlines-3-boxes h4 {
    font-size: clamp(1rem, 1.8vw, 1.125rem);
    margin:    0;
}

.hotlines-3-boxes h5 {
    font-size: 0.875rem;
}

.hotlines-3-boxes .vc_general.vc_cta3 {
    border-color: var(--global--crimson-color);
}

.hotlines-3-boxes .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background {
    box-shadow:         0 0 0 5px var(--global--crimson-color);
    background-color:   #fff;
    background-image:   linear-gradient(rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2), rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2));
    border-color:       rgba(var(--global--crimson-color-rgb), 0.5);
    -o-transition:      all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}

.hotlines-3-boxes .vc_cta3:hover .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
    border-width: 5px;
    width:        calc(5em - 6px) !important;
    height:       calc(5em - 6px) !important;
}

.hotlines-3-boxes .vc_cta3-content {
    display:        flex;
    flex-direction: column;
}

.hotlines-3-boxes .vc_cta3-content-header {
    width: 100%;
}

.hotlines-3-boxes .vc_cta3-content p {
    width:      100%;
    text-align: center;
    font-size:  0.875rem;
}

.hotlines-3-boxes .vc_cta3-content p:last-child a {
    font-family:  Merriweather, "Noto Sans Arabic", serif;
    font-size:    1.125rem;
    font-weight:  700;
    margin-block: 10px;
    display:      inline-block;
    color:        var(--global--crimson-color);
}

.hotlines-3-boxes .vc_cta3-content p:last-child a:hover {
    text-decoration: none;
    color:           rgba(var(--global--crimson-color-rgb), 0.7);
}

.hotlines-3-boxes .vc_cta3-content h5 {
    text-transform: uppercase;
    margin-bottom:  0;
}

.hotlines-3-boxes .vc_cta3-content a {
    font-family: Merriweather, "Noto Sans Arabic", serif;
    font-weight: inherit;
    display:     inline-block;
    color:       var(--global--crimson-color);
}

.hotlines-3-boxes .vc_cta3-content a:hover {
    text-decoration: underline;
}

@media only screen and (min-width: 481px) {
    .qodef-content-grid {
        max-width: calc(100% - 140px);
        width:     100%;
    }
}

@supports (display: grid) {
    .qodef-banner {
        display:             grid;
        grid-template-areas: "img";
        background-color:    #000;
    }

    .qodef-banner .qodef-m-image {
        grid-area: img;
    }

    .qodef-banner .qodef-m-content {
        position:  relative;
        grid-area: img;
    }

    .qodef-banner .qodef-m-content .qodef-m-content-inner {
        position: relative;
    }
}

.qodef-banner .qodef-m-title {
    font-family: Merriweather, "Noto Sans Arabic", serif;
}

.qodef-banner .qodef-m-banner-link {
    z-index: 30;
}

.qodef-banner .qodef-m-content {
    z-index: 20;
}

.qodef-banner .qodef-m-image {
    z-index: 1;
}

.qodef-banner .qodef-m-image img {
    display:            block;
    -o-transition:      all 0.4s ease-in-out;
    -moz-transition:    all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition:         all 0.4s ease-in-out;
    width:              100%;
    height:             100%;
    margin:             0 auto;
    object-fit:         cover;
    object-position:    50% 50%;
}

.qodef-banner.qodef-layout--type-3 .qodef-m-content-inner {
    -webkit-box-pack: start;
    -ms-flex-pack:    flex-start;
    justify-content:  start;
    text-shadow:      0 -1px 2px rgba(0, 0, 0, 0.125);
    font-weight:      500;
}

.qodef-banner.qodef-layout--type-3 .qodef-m-image::before {
    transform: scale(-1);
}

.qodef-icon-holder.qodef-layout--circle a,
.qodef-icon-holder.qodef-layout--square a {
    line-height: inherit;
}

.psea__side {
    text-align: right;
}

.psea__side a:hover {
    color: var(--global--crimson-color);
}

@media only screen and (max-width: 1024px) {
    #ourvalues {
        font-size: 0.75rem;
    }
}

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

    .psea__side,
    .unSDG__side {
        text-align: center !important;
    }

    #ourvalues {
        font-size: 0.875rem;
    }
}

:where(.qodef-video-button, .qodef-image-with-text, .qodef-swiper-container) :where(.qodef-m-image, .swiper-slide) img {
    display:         block;
    width:           100%;
    height:          auto;
    object-fit:      cover;
    object-position: 50% 50%;
    aspect-ratio:    16/9;
}

.qodef-swiper-container.qodef-col-num--2 img {
    aspect-ratio: 1/1;
}

@supports not (aspect-ratio: 16 / 9) {
    .qodef-video-button {
        display:  block;
        width:    100%;
        height:   auto;
        position: relative;
    }

    .qodef-image-with-text .qodef-m-image a,
    .qodef-swiper-container .swiper-slide a {
        position: relative;
        display:  block;
    }

    .qodef-image-with-text .qodef-m-image a::before,
    .qodef-swiper-container .swiper-slide a::before,
    .qodef-video-button::before {
        content:     "";
        display:     block;
        width:       100%;
        padding-top: 56.25%;
    }

    .qodef-swiper-container.qodef-col-num--2 .swiper-slide a::before {
        padding-top: 50%;
    }

    .qodef-image-with-text .qodef-m-image img,
    .qodef-swiper-container .swiper-slide img,
    .qodef-video-button .qodef-m-image img {
        position: absolute;
        top:      0;
        left:     0;
        width:    100%;
        height:   100%;
    }
}

@media only screen and (max-width: 768px) {
    .qodef-grid.qodef-layout--columns.qodef-col-num--2>.qodef-grid-inner>.qodef-grid-item {
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    .qodef-content-grid-800 .qodef-content-grid {
        width: 768px;
    }
}

.vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item {
    margin:          0;
    border:          1px solid transparent;
    border-collapse: collapse;
    padding:         3px 7px;
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item {
    background-color: #2c5d61;
    margin:           0 0 0 1px;
    border:           0;
}

.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:first-child,
.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:last-child {
    border-radius: unset;
    border-top:    0;
}

.vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item {
    border-radius: unset;
    margin-top:    0;
}

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

    .vc_grid-filter-dropdown.vc_grid-filter-color-blue .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-blue .vc_arrow-icon-navicon {
        color: #5472d2;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-turquoise .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-turquoise .vc_arrow-icon-navicon {
        color: #00c1cf;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-pink .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-pink .vc_arrow-icon-navicon {
        color: #fe6c61;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-violet .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-violet .vc_arrow-icon-navicon {
        color: #8d6dc4;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-peacoc .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-peacoc .vc_arrow-icon-navicon {
        color: #4cadc9;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-chino .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-chino .vc_arrow-icon-navicon {
        color: #cec2ab;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-mulled_wine .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-mulled_wine .vc_arrow-icon-navicon {
        color: #50485b;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-vista_blue .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-vista_blue .vc_arrow-icon-navicon {
        color: #75d69c;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-black .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-black .vc_arrow-icon-navicon {
        color: #2a2a2a;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-grey .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-grey .vc_arrow-icon-navicon {
        color: #ebebeb;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-orange .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-orange .vc_arrow-icon-navicon {
        color: #f7be68;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-sky .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-sky .vc_arrow-icon-navicon {
        color: #5aa1e3;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-green .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-green .vc_arrow-icon-navicon {
        color: #6dab3c;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-juicy_pink .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-juicy_pink .vc_arrow-icon-navicon {
        color: #f4524d;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-sandy_brown .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-sandy_brown .vc_arrow-icon-navicon {
        color: #f79468;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-purple .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-purple .vc_arrow-icon-navicon {
        color: #b97ebb;
    }

    .vc_grid-filter-dropdown.vc_grid-filter-color-white .vc_arrow-icon-navicon,
    .vc_grid-filter-select.vc_grid-filter-color-white .vc_arrow-icon-navicon {
        color: #fff;
    }

    .vc_grid-container.vc_basic_grid .vc_grid-filter-dropdown,
    .vc_grid-container.vc_basic_grid .vc_grid-filter-select {
        display: flex;
    }
}

#qodef-page-wrapper .vc_grid-filter-dropdown {
    display: block;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grid {
    container-type: inline-size;
}

#qodef-page-wrapper .wpcf7 form .grid {
    width:                 100%;
    display:               grid;
    grid-template-columns: 1fr;
    grid-gap:              2rem;
    justify-items:         stretch;
    padding-block-start:   2rem;
}

#qodef-page-wrapper .wpcf7 form .grid .grid-item {
    padding:  0;
    margin:   0;
    position: relative;
}

#qodef-page-wrapper .wpcf7 form .grid .grid-item label {
    height:           auto;
    margin:           0 0 0 17px;
    padding:          0;
    color:            var(--global--text-color);
    font-family:      system-ui;
    font-size:        max(16px, 1rem);
    font-weight:      400;
    line-height:      25px;
    opacity:          1;
    transform-origin: left bottom;
    transform:        scale(0.875);
}

#qodef-page-wrapper .wpcf7 form .grid .grid-item.floating-label label,
#qodef-page-wrapper .wpcf7 form .grid.floating-labels .grid-item label {
    padding:            13px 0 0;
    position:           absolute;
    left:               0;
    top:                0;
    z-index:            2;
    cursor:             text;
    opacity:            0.4;
    transform-origin:   left top;
    transform:          scale(1);
    -o-transition:      all 0.3s ease-in-out 0s;
    -moz-transition:    all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition:         all 0.3s ease-in-out 0s;
}

#qodef-page-wrapper .wpcf7 form .wpcf7-form-control-wrap {
    width:            100%;
    display:          grid;
    position:         relative;
    z-index:          1;
    border-radius:    5px;
    background-color: #fff;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .wpcf7-form-control-wrap {
    background-color: transparent;
    position:         initial;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grunion-field-wrap {
    position: relative;
}

#qodef-page-wrapper section#volunteer .wpcf7 form :is(.grunion-field-radio-wrap, .grunion-checkbox-multiple-options) .wpcf7-not-valid-tip {
    bottom: calc(100% - 10px);
}

#qodef-page-wrapper section#volunteer .wpcf7 form :is(.grunion-field-radio-wrap, .grunion-checkbox-multiple-options) .wpcf7-form-control-wrap span.wpcf7-form-control {
    display: contents;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grid .grid-item :is(.wpcf7-radio, .wpcf7-checkbox) label {
    margin: 0;
}

#qodef-page-wrapper section#volunteer .wpcf7 form :is(.grunion-field-radio-wrap, .grunion-checkbox-multiple-options) .wpcf7-form-control-wrap :is(.wpcf7-radio, .wpcf7-checkbox) .wpcf7-list-item {
    margin: 0;
}

#qodef-page-wrapper .wpcf7 form .vc_grid-filter-dropdown {
    margin: 0;
}

#qodef-page-wrapper .wpcf7 form textarea {
    width:              100%;
    height:             250px;
    padding:            13px 16px;
    margin:             0;
    display:            inline-flex;
    flex-grow:          1;
    background:         unset;
    font-family:        system-ui;
    font-size:          1em;
    color:              currentColor;
    background-color:   rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2);
    border:             1px solid rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.5);
    border-radius:      inherit;
    -o-transition:      color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition:    color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition:         color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    outline:            0;
    cursor:             initial;
}

#qodef-page-wrapper .wpcf7 form button[type="submit"],
#qodef-page-wrapper .wpcf7 form input[type="submit"] {
    padding:   0.5em 1.5em;
    font-size: 1rem;
}

#qodef-page-wrapper .wpcf7 form input[type="email"],
#qodef-page-wrapper .wpcf7 form input[type="file"],
#qodef-page-wrapper .wpcf7 form input[type="number"],
#qodef-page-wrapper .wpcf7 form input[type="password"],
#qodef-page-wrapper .wpcf7 form input[type="tel"],
#qodef-page-wrapper .wpcf7 form input[type="text"],
#qodef-page-wrapper .wpcf7 form input[type="date"],
#qodef-page-wrapper .wpcf7 form input[type="url"] {
    width:              100%;
    height:             50px;
    padding:            0 16px;
    margin:             0;
    display:            flex;
    background:         unset;
    font-family:        system-ui;
    font-size:          1em;
    line-height:        1;
    color:              currentColor;
    background-color:   rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2);
    border:             1px solid rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.5);
    border-radius:      inherit;
    align-items:        center;
    -o-transition:      color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition:    color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition:         color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    outline:            0;
    cursor:             initial;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grid-item input[type="date"] {
    min-width: -webkit-fill-available;
}

#qodef-page-wrapper .wpcf7 form input[type="file"] {
    padding:  0;
    overflow: hidden;
    color:    rgba(var(--global--text-color-rgb), 0.4);
}

#qodef-page-wrapper .wpcf7 form input[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

#qodef-page-wrapper .wpcf7 form input[type="file"]::file-selector-button {
    -webkit-appearance:  none;
    appearance:          none;
    border-radius:       0;
    height:              100%;
    padding:             0 1rem;
    margin:              0;
    color:               var(--global--gray-color);
    color:               rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.5);
    font-size:           1rem;
    background:          unset;
    background-color:    transparent;
    border-block:        0;
    border-inline-start: 0;
    border-inline-end:   1rem solid transparent;
    opacity:             1;
    -o-transition:       color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition:     color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -webkit-transition:  color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition:          color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow:          inset -10em 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.3), inset -1px 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.3);
}

#qodef-page-wrapper .wpcf7 form input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
    color:      rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 1);
    box-shadow: inset -10em 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2), inset -1px 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.3);
}

#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within) input[type="file"]:not(:disabled):not([readonly])::file-selector-button,
#qodef-page-wrapper .wpcf7 form input[type="file"]:focus:not(:disabled):not([readonly])::file-selector-button {
    color:      var(--global--secondary-color);
    box-shadow: inset -10em 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2), inset -1px 0 0 0 var(--global--secondary-color);
}

#qodef-page-wrapper .wpcf7 form .grid-item.has-value input[type="file"]:not(:disabled):not([readonly])::file-selector-button {
    box-shadow: inset -10em 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.1), inset -1px 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.3);
}

#qodef-page-wrapper .wpcf7 form .grid-item.has-value input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
    color:      rgba(var(--global--secondary-color-rgb), 0.5);
    box-shadow: inset -10em 0 0 0 rgba(var(--global--secondary-color-rgb), 0.1), inset -1px 0 0 0 rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.3);
}

#qodef-page-wrapper .wpcf7 form .grid-item.has-value input[type="file"]:focus:not(:disabled):not([readonly])::file-selector-button,
#qodef-page-wrapper .wpcf7 form .grid-item.has-value:where(.focus, :focus-within) input[type="file"]:not(:disabled):not([readonly])::file-selector-button {
    color:      rgba(var(--global--secondary-color-rgb), 0.5);
    box-shadow: inset -10em 0 0 0 rgba(var(--global--secondary-color-rgb), 0.1), inset -1px 0 0 0 var(--global--secondary-color);
}

#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="email"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="file"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="number"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="password"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="tel"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="text"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="date"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) input[type="url"]:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:not(.has-value) textarea:not(:disabled):not([readonly]):focus,
#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within):not(.has-value) input:where([type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="date"], [type="url"], [type="file"]),
#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within):not(.has-value) textarea {
    border-color:     var(--global--secondary-color);
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.1);
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grid-item input[type="date"]::-webkit-datetime-edit {
    -o-transition:      all 0.3s ease-in-out 0.15s;
    -moz-transition:    all 0.3s ease-in-out 0.15s;
    -webkit-transition: all 0.3s ease-in-out 0.15s;
    transition:         all 0.3s ease-in-out 0.15s;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grid-item:not(.has-value):not(:where(.focus, :focus-within)) input[type="date"]::-webkit-datetime-edit {
    /* color: transparent; */
    opacity:          0;
    transition-delay: 0s;
}

#qodef-page-wrapper .wpcf7 form .grid-item input[type="date"]::-webkit-datetime-edit:is(:valid, :focus),
#qodef-page-wrapper .wpcf7 form .grid-item.has-value input[type="date"]::-webkit-datetime-edit {
    color: var(--wp--preset--color--black);
}

#qodef-page-wrapper .wpcf7 form .grid-item.has-value:where(.focus, :focus-within) input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
    color:      var(--global--secondary-color);
    box-shadow: inset -10em 0 0 0 rgba(var(--global--secondary-color-rgb), 0.2), inset -1px 0 0 0 var(--global--secondary-color);
}

#qodef-page-wrapper .wpcf7 form .grid-item.has-value input:where([type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="date"], [type="url"], [type="file"]),
#qodef-page-wrapper .wpcf7 form .grid-item.has-value textarea,
.vc_grid-filter-dropdown.has-value .vc_grid-styled-select {
    background-color: var(--wp--preset--color--white);
}

#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within) input:where([type="email"], [type="number"], [type="password"], [type="tel"], [type="text"], [type="date"], [type="url"], [type="file"]),
#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within) textarea {
    border-color: var(--global--secondary-color);
}

#qodef-page-wrapper .wpcf7 form .grid .grid-item.floating-label:where(.focus, :focus-within, .has-value) label,
#qodef-page-wrapper .wpcf7 form .grid.floating-labels .grid-item:where(.focus, :focus-within, .has-value) label {
    opacity:     1;
    line-height: 25px;
    cursor:      default;
    transform:   scale(0.875) translateY(-100%);
    font-weight: 500;
}

.wpcf7 input:disabled {
    opacity: 0.5;
}

.wpcf7 input[readonly] {
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2);
}

.wpcf7-not-valid-tip {
    font-size:        0.875rem;
    position:         absolute;
    right:            17px;
    bottom:           100%;
    z-index:          10;
    background-color: var(--global--crimson-color);
    color:            #fff;
    padding-inline:   0.5rem;
    padding-block:    0.1em;
}

.wpcf7-not-valid,
.wpcf7 form .vc_grid-styled-select:has(.wpcf7-not-valid) {
    border-color: var(--global--crimson-color) !important;
}

.wpcf7 form.submitting {
    pointer-events: none;
    touch-action:   none;
    opacity:        0.25;
    filter:         grayscale(1);
}

.wpcf7-spinner {
    transform: translateY(50%);
}

form:not(.submitting) .wpcf7-spinner {
    display: none;
}

#qodef-page-wrapper .wpcf7 form {
    container-type: inline-size;
}

#qodef-page-wrapper section#volunteer .wpcf7 form .grid .grid-item .availability-fieldset-group {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   var(--wp--preset--spacing--40);
}

@container (width >=576px) {
    #qodef-page-wrapper section#volunteer .wpcf7 form .grid {
        grid-template-columns: 1fr 1fr;
    }

    #qodef-page-wrapper section#volunteer .wpcf7 form .grid .grid-item .availability-fieldset-group {
        grid-template-columns: repeat(3, 1fr);
    }
}

@supports not (container-type: inline-size) {
    #qodef-page-wrapper section#volunteer .wpcf7 form .grid {
        grid-template-columns: 1fr;
    }

    #qodef-page-wrapper section#volunteer .wpcf7 form .grid .grid-item .availability-fieldset-group {
        grid-template-columns: 1fr;
    }

    @media only screen and (min-width: 576px) {
        #qodef-page-wrapper section#volunteer .wpcf7 form .grid {
            grid-template-columns: 1fr 1fr;
        }

        #qodef-page-wrapper section#volunteer .wpcf7 form .grid .grid-item.full {
            grid-column: 1/-1;
        }

        #qodef-page-wrapper section#volunteer .wpcf7 form .grid .grid-item .availability-fieldset-group {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}

@media only screen and (min-width: 576px) {
    #qodef-page-wrapper .wpcf7 form .grid:not(.volunteer-form) {
        grid-template-columns: 1fr 1fr;
    }

    #qodef-page-wrapper .wpcf7 form .grid .grid-item.full:not(.tablet) {
        grid-column: 1/-1;
    }
}

@media only screen and (min-width: 1024px) {
    #qodef-page-wrapper .wpcf7 form .grid:not(.volunteer-form) {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #qodef-page-wrapper .wpcf7 form .grid .grid-item.full {
        grid-column: 1/-1;
    }
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select,
#qodef-page-wrapper .vc_grid-filter-select .vc_grid-styled-select {
    border:           1px solid rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.5);
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2);
    position:         relative;
    display:          flex;
    flex-grow:        1;
    height:           50px;
    overflow:         initial;
    padding:          0;
    text-align:       left;
    width:            auto;
    vertical-align:   middle;
    border-radius:    5px;
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select .wpcf7-form-control-wrap,
#qodef-page-wrapper .vc_grid-filter-select .vc_grid-styled-select .wpcf7-form-control-wrap {
    /* background-color: transparent */
}

/* #qodef-page-wrapper .wpcf7 form .wpcf7-form-control-wrap span.wpcf7-form-control {
    width:            inherit;
    display:          inherit;
    position:         inherit;
    z-index:          inherit;
    border-radius:    inherit;
    background-color: transparent;
    container-type:   inline-size;

} */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: var(--global--crimson-color);
    color:        var(--global--crimson-color);
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--global--secondary-color);
    color:        var(--global--secondary-color);
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select .vc_arrow-icon-navicon,
#qodef-page-wrapper .vc_grid-filter-select .vc_grid-styled-select .vc_arrow-icon-navicon {
    font-size:      initial;
    color:          currentColor;
    display:        block !important;
    align-self:     center;
    text-align:     right;
    position:       absolute;
    right:          16px;
    width:          10px;
    z-index:        1;
    pointer-events: none;
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select .vc_arrow-icon-navicon::before,
#qodef-page-wrapper .vc_grid-filter-select .vc_grid-styled-select .vc_arrow-icon-navicon::before {
    content:            "\f280";
    display:            inline-block;
    font-family:        Ionicons;
    font-style:         normal;
    font-weight:        400;
    font-variant:       normal;
    text-transform:     none;
    text-rendering:     auto;
    line-height:        1;
    font-size:          20px;
    color:              currentColor;
    -o-transition:      color 0.1s linear;
    -moz-transition:    color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition:         color 0.1s linear;
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select select,
#qodef-page-wrapper .vc_grid-filter-select .vc_grid-styled-select select {
    background:         unset;
    -webkit-appearance: none;
    appearance:         none;
    border:             none;
    border-radius:      initial;
    height:             initial;
    line-height:        initial;
    margin:             0;
    padding:            13px calc(26px + 1ch) 13px 16px;
    position:           relative;
    font-size:          initial;
    z-index:            2;
    cursor:             pointer;
    max-width:          inherit;
    align-items:        center;
    width:              100%;
    color:              currentColor;
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select select,
#qodef-page-wrapper .vc_grid-filter-select .vc_grid-styled-select select {
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2);
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select {
    -o-transition:      border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition:    border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition:         border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select select {
    color:              rgba(var(--global--text-color-rgb), 0.4);
    font-family:        system-ui;
    font-weight:        400;
    border-radius:      inherit;
    -o-transition:      color 0.3s ease-in-out, font-weight 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition:    color 0.3s ease-in-out, font-weight 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition:         color 0.3s ease-in-out, font-weight 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select:focus-within,
#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within) .vc_grid-styled-select {
    border-color:     var(--global--secondary-color);
    color:            var(--global--gray-color);
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.1);
}

#qodef-page-wrapper .vc_grid-filter-dropdown.has-value .vc_grid-styled-select,
#qodef-page-wrapper .wpcf7 form .grid-item.has-value .vc_grid-filter-dropdown .vc_grid-styled-select,
#qodef-page-wrapper .wpcf7 form .grid-item.has-value .vc_grid-filter-dropdown .vc_grid-styled-select select {
    color:            var(--global--gray-color);
    background-color: var(--wp--preset--color--white);
}

#qodef-page-wrapper .vc_grid-filter-dropdown .vc_grid-styled-select select:focus,
#qodef-page-wrapper .vc_grid-filter-dropdown:where(.focus, :focus-within, .has-value) .vc_grid-styled-select select,
#qodef-page-wrapper .wpcf7 form .grid-item:where(.focus, :focus-within, .has-value) .vc_grid-filter-dropdown .vc_grid-styled-select select {
    color:       var(--global--gray-color);
    font-weight: 400;
}

.right {
    text-align: right;
}

#qodef-back-to-top .qodef-back-to-top-icon {
    color:      #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    opacity:    1;
    border:     unset;
}

@supports (-webkit-backdrop-filter: initial) or (backdrop-filter: initial) {
    #qodef-back-to-top .qodef-back-to-top-icon {
        background-color:        rgba(var(--global--primary-color-rgb), 0.5);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        backdrop-filter:         blur(20px) saturate(180%);
    }
}

#qodef-back-to-top:hover .qodef-back-to-top-icon {
    color:            #fff;
    background-color: #007f95;
    opacity:          1;
}

.vc_grid-filter.vc_grid-filter-size-xs {
    font-size: 0.75rem;
}

.vc_grid-filter.vc_grid-filter-size-sm {
    font-size: clamp(0.6875rem, (100vw - 140px) / 81, 0.875rem);
}

.vc_grid-filter.vc_grid-filter-size-md {
    font-size: clamp(0.6875rem, (100vw - 140px) / 81, 0.875rem);
}

.vc_grid-filter.vc_grid-filter-size-lg {
    font-size: clamp(0.6875rem, (100vw - 140px) / 81, 0.875rem);
}

.vc_grid-filter.vc_grid-filter-size-xs .vc_grid-filter-item {
    font-size: inherit;
}

.vc_grid-filter.vc_grid-filter-size-sm .vc_grid-filter-item {
    font-size: inherit;
}

.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
    font-size: inherit;
}

.vc_grid-filter.vc_grid-filter-size-lg .vc_grid-filter-item {
    font-size: inherit;
}

@media only screen and (max-width: 1024px) {
    .vc_grid-filter {
        display: none !important;
    }

    .vc_grid-filter-select {
        display: flex !important;
    }
}

@media only screen and (min-width: 1025px) {
    .vc_grid-filter {
        display: inline-flex !important;
    }

    .vc_grid-filter-select {
        display: none !important;
    }
}

.vc_grid-filter {
    font-weight:   500;
    position:      relative;
    display:       inline-flex;
    width:         100%;
    border-radius: 15px;
    overflow:      hidden;
    margin:        0 0 25px;
    border:        unset;
    box-shadow:    0 0.5px 0.6px 0 rgba(0, 0, 0, 0.07), 0 1.3px 1.6px 0 rgba(0, 0, 0, 0.046), 0 3px 3.9px 0 rgba(0, 0, 0, 0.035), 0 10px 13px 0 rgba(0, 0, 0, 0.024);
}

.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item {
    padding:   4px 6px;
    flex-grow: 1;
}

.vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item2,
.vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item2 {
    border:          1px solid transparent;
    border-collapse: collapse;
    padding:         0;
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item>span,
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item>span {
    color: rgba(var(--wp--preset--color--white-rgb), 0.5);
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item:hover,
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item:hover {
    background-color: #178680;
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item:hover>span,
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item:hover>span {
    color: rgba(var(--wp--preset--color--white-rgb), 0.7);
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active,
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active {
    background-color: var(--global--secondary-color);
}

.vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active>span,
.vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active>span {
    color: #fff;
}

.gus-custom-filter .vc_grid-filter {
    background-color:           #fff;
    font-size:                  0.875rem;
    font-family:                Roboto, "Noto Sans Arabic", sans-serif;
    line-height:                25px;
    font-weight:                500;
    position:                   relative;
    display:                    flex;
    overflow-x:                 auto;
    overflow-y:                 hidden;
    white-space:                nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:         none;
    clip-path:                  content-box;
    padding-bottom:             25px;
    margin-block-end:           0;
    border-radius:              unset;
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item,
.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item::after {
    -o-transition:      color 0.1s linear, background-color 0.1s linear;
    -moz-transition:    color 0.1s linear, background-color 0.1s linear;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear;
    transition:         color 0.1s linear, background-color 0.1s linear;
}

.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:first-child,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:last-child {
    border-radius: unset;
}

.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item:last-child {
    padding-inline-end: 15px;
}

.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item {
    background:       unset;
    background-color: #fff;
}

.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item {
    margin: 0;
    border: 0;
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:first-child {
    position:         -webkit-sticky;
    position:         sticky;
    top:              0;
    left:             0;
    margin-right:     15px;
    background-color: #fff;
    padding-right:    0;
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:first-child::after {
    content:          "";
    position:         absolute;
    z-index:          -1;
    top:              0;
    right:            -15px;
    width:            15px;
    height:           25px;
    display:          block;
    background-image: linear-gradient(to right, #fff, rgba(var(--wp--preset--color--white-rgb), 0)), linear-gradient(to right, #fff, rgba(var(--wp--preset--color--white-rgb), 0)), linear-gradient(to right, #fff, rgba(var(--wp--preset--color--white-rgb), 0));
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:hover:first-child::after {
    background-image: linear-gradient(to right, rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0));
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:first-child.vc_active::after {
    background-image: linear-gradient(to right, #ff0, rgba(255, 255, 0, 0)), linear-gradient(to right, #ff0, rgba(255, 255, 0, 0)), linear-gradient(to right, #ff0, rgba(255, 255, 0, 0));
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:hover,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item:hover,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item:hover {
    background-color: #fff;
    background-image: linear-gradient(rgba(255, 255, 0, 0.5), rgba(255, 255, 0, 0.5));
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item.vc_active,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active {
    background-color: #ff0;
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:hover>span,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled>.vc_grid-filter-item>span,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded>.vc_grid-filter-item>span,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item>span,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item>span {
    color: rgba(0, 0, 0, 0.5);
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item.vc_active>span,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active>span,
.gus-custom-filter .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-black>.vc_grid-filter-item.vc_active>span {
    color: #000;
}

.gus-custom-filter .vc_grid-filter::after {
    content:            "";
    position:           -webkit-sticky;
    position:           sticky;
    top:                0;
    right:              0;
    padding:            2.5px;
    margin-left:        17.5px;
    background-color:   var(--global--background-color);
    -webkit-box-shadow: 0 0 10px 10px var(--global--background-color), 0 0 10px 10px var(--global--background-color), 0 0 10px 10px var(--global--background-color);
    box-shadow:         0 0 10px 10px var(--global--background-color), 0 0 10px 10px var(--global--background-color), 0 0 10px 10px var(--global--background-color);
}

.gus-custom-filter .vc_grid-filter>.vc_grid-filter-item:nth-child(n + 2) {
    border:      unset;
    border-left: 1px solid currentcolor;
}

.vc_grid-filter .vc_grid-filter-item,
.vc_grid-filter .vc_grid-filter-item2 {
    display:         flex;
    justify-content: center;
    align-items:     center;
}

.holmes-search {
    margin:     0 0 10px 0;
    position:   relative;
    font-size:  1rem;
    min-height: 50px;
}

.holmes-search input[type="search"] {
    width:              100%;
    height:             100%;
    padding:            13px 27px 13px calc(16px + 1em + 1em);
    margin:             0;
    display:            inline-block;
    background:         unset;
    font-size:          1em;
    color:              currentColor;
    background-color:   rgba(var(--wp--preset--color--white-rgb), 0.8);
    border:             1px solid rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.5);
    border-radius:      5px;
    -o-transition:      color 0.3s ease-in-out;
    -moz-transition:    color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    transition:         color 0.3s ease-in-out;
    outline:            0;
}

.holmes-search::before {
    content:            "\f4a5";
    display:            inline-block;
    font-family:        Ionicons;
    font-style:         normal;
    font-weight:        400;
    font-variant:       normal;
    text-transform:     none;
    text-rendering:     auto;
    line-height:        1;
    position:           absolute;
    z-index:            10;
    top:                13px;
    left:               16px;
    font-size:          1.5em;
    color:              #bbb;
    -o-transition:      color 0.1s linear;
    -moz-transition:    color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition:         color 0.1s linear;
}

@media only screen and (min-width: 769px) {
    .holmes-search {
        position:          absolute;
        left:              -100vw;
        top:               -100vh;
        clip:              rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(0 0 99.9% 99.9%);
        clip-path:         inset(0 0 99.9% 99.9%);
        overflow:          hidden;
        height:            1px;
        width:             1px;
        padding:           0;
        border:            0;
    }
}

.vc_grid-filter .vc_grid-filter-item2 {
    padding:            0;
    margin:             0 0 0 1px;
    -o-transition:      background-color 0.1s linear;
    -moz-transition:    background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    transition:         background-color 0.1s linear;
    background-color:   #2c5d61;
    min-width:          150px;
    position:           relative;
    box-shadow:         0 -3px 6px -3px rgba(0, 0, 0, 0.2) inset, 0 0 3px 0 rgba(0, 0, 0, 0.4) inset, 0 0 30px 0 rgba(0, 0, 0, 0.4) inset;
}

.vc_grid-filter .vc_grid-filter-item2 input[type="search"] {
    -webkit-appearance: none;
    appearance:         none;
    font-size:          inherit;
    font-weight:        inherit;
    line-height:        inherit;
    min-width:          100%;
    height:             100%;
    padding:            1px 14px 2px calc(14px + 1em + 1em);
    margin:             0;
    border:             0;
    display:            flex;
    background:         unset;
    color:              #fff;
    outline:            0;
    border-radius:      inherit;
}

.holmes-search input[type="search"]::-webkit-search-cancel-button,
.vc_grid-filter .vc_grid-filter-item2 input[type="search"]::-webkit-search-cancel-button,
.widget input[type="search"]::-webkit-search-cancel-button {
    display: block;
    opacity: 0.75;
}

.vc_grid-filter .vc_grid-filter-item2 input[type="search"]::-webkit-search-cancel-button {
    filter: invert(1);
}

.vc_grid-filter .vc_grid-filter-item2::before {
    content:            "\f4a5";
    display:            inline-block;
    font-family:        Ionicons;
    font-style:         normal;
    font-weight:        400;
    font-variant:       normal;
    text-transform:     none;
    text-rendering:     auto;
    line-height:        1;
    position:           absolute;
    z-index:            10;
    top:                50%;
    transform:          translateY(-50%);
    left:               14px;
    font-size:          1.5em;
    color:              #fff;
    -o-transition:      color 0.1s linear;
    -moz-transition:    color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition:         color 0.1s linear;
    opacity:            0.5;
}

.vc_grid-filter .vc_grid-filter-item2.vc_active2,
.vc_grid-filter .vc_grid-filter-item2:hover {
    background-color: #1c3c3f;
}

.vc_grid-filter .vc_grid-filter-item2.vc_active2::before {
    color:   #fff;
    opacity: 1;
}

#qodef-page-content .widget.widget_search {
    --el-color-1-rgb: var(--wp--preset--color--blue-munsell-gray-rgb);
    --el-color-2-rgb: var(--wp--preset--color--blue-munsell-gray-rgb);
    --el-color-3-rgb: var(--global--secondary-color-rgb);
    --el-color-4-rgb: var(--wp--preset--color--white-rgb);
}

#qodef-page-content #home_resources_search .widget.widget_search .qodef-search-form-inner,
.featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item-mini {
    background-color: rgba(var(--el-color-4-rgb), 0.5);
}

#qodef-page-content #home_resources_search .widget.widget_search .qodef-search-form-inner {
    border-radius: 5px;
}

#qodef-page-content .widget.widget_search .qodef-search-form-inner {
    background-color: #fff;
}

@supports not ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {

    #qodef-page-content #home_resources_search .widget.widget_search .qodef-search-form-inner,
    .featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item-mini {
        background-color: rgba(var(--el-color-5-rgb), 0.7);
    }
}

#qodef-page-content .widget.widget_search input[type="search"] {
    color:              currentColor;
    font-family:        system-ui;
    font-size:          1rem;
    -o-transition:      color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -moz-transition:    color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition:         color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    border-color:       rgba(var(--el-color-2-rgb), 0.5);
    background-color:   rgba(var(--el-color-1-rgb), 0.2);
}

#qodef-page-content .widget.widget_search input[type="search"]:focus,
#qodef-page-content .widget.widget_search:focus-within input[type="search"] {
    background-color: rgba(var(--el-color-1-rgb), 0.1);
    border-color:     rgba(var(--el-color-3-rgb), 1);
}

#qodef-page-content .widget.widget_search input[type="search"]:valid {
    background-color: rgba(var(--el-color-4-rgb), 0.5);
}

#qodef-page-content .widget.widget_search [type="submit"] {
    color:               rgba(var(--el-color-2-rgb), 0.5);
    background:          unset;
    border:              1px solid transparent;
    border-radius:       0 5px 5px 0;
    border-inline-start: 0;
    -o-transition:       opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -moz-transition:     opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    -webkit-transition:  opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    transition:          opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow:          inset 10em 0 0 0 rgba(var(--el-color-2-rgb), 0.3), inset 1px 0 0 0 rgba(var(--el-color-2-rgb), 0.3);
}

#qodef-page-content .widget.widget_search input[type="search"]~[type="submit"]:hover,
#qodef-page-content .widget.widget_search input[type="search"]:hover~[type="submit"] {
    color:      rgba(var(--el-color-2-rgb), 1);
    background: unset;
    box-shadow: inset 10em 0 0 0 rgba(var(--el-color-2-rgb), 0.2), inset 1px 0 0 0 rgba(var(--el-color-2-rgb), 0.3);
}

#qodef-page-content .widget.widget_search input[type="search"]:focus~[type="submit"],
#qodef-page-content .widget.widget_search:focus-within input[type="search"]~[type="submit"] {
    color:      rgba(var(--el-color-2-rgb), 1);
    box-shadow: inset 10em 0 0 0 rgba(var(--el-color-2-rgb), 0.2), inset 1px 0 0 0 rgba(var(--el-color-3-rgb), 1);
}

#qodef-page-content .widget.widget_search input[type="search"]:valid~[type="submit"] {
    box-shadow: inset 10em 0 0 0 rgba(var(--el-color-2-rgb), 0.1), inset 1px 0 0 0 rgba(var(--el-color-2-rgb), 0.3);
}

#qodef-page-content .widget.widget_search input[type="search"]~[type="submit"]:focus,
#qodef-page-content .widget.widget_search input[type="search"]:focus~[type="submit"]:hover,
#qodef-page-content .widget.widget_search:focus-within input[type="search"]~[type="submit"]:hover {
    color: rgba(var(--el-color-2-rgb), 1);
}

#qodef-page-content .widget.widget_search input[type="search"]:valid~[type="submit"]:hover {
    color:            rgba(var(--el-color-3-rgb), 0.5);
    background-color: rgba(var(--el-color-3-rgb), 0.1);
}

#qodef-page-content .widget.widget_search input[type="search"]:valid:focus~[type="submit"] {
    color:            rgba(var(--el-color-3-rgb), 1);
    background-color: rgba(var(--el-color-3-rgb), 0.1);
}

#qodef-page-content .widget.widget_search input[type="search"]:valid~[type="submit"]:focus,
#qodef-page-content .widget.widget_search input[type="search"]:valid:focus~[type="submit"] {
    box-shadow: inset 10em 0 0 0 rgba(var(--el-color-2-rgb), 0.1), inset 1px 0 0 0 rgba(var(--el-color-3-rgb), 1);
}

#qodef-page-content .widget.widget_search input[type="search"]:valid~[type="submit"]:focus,
#qodef-page-content .widget.widget_search input[type="search"]:valid:focus~[type="submit"]:hover {
    color:            rgba(var(--el-color-3-rgb), 1);
    background-color: rgba(var(--el-color-3-rgb), 0.2);
}

#qodef-page-content #home_resources_search .widget.widget_search .qodef-search-form-inner {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0.6px 0 rgba(0, 0, 0, 0.07), 0 1.3px 1.6px 0 rgba(0, 0, 0, 0.046), 0 3px 3.9px -3px rgba(0, 0, 0, 0.035), 0 10px 13px -10px rgba(0, 0, 0, 0.024);
}

#qodef-page-content #home_resources_search .widget.widget_search,
.featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item-mini {
    --el-color-1:     rgb(181, 181, 181);
    --el-color-1-rgb: 181, 181, 181;
    --el-color-2:     rgb(181, 181, 181);
    --el-color-2-rgb: 181, 181, 181;
    --el-color-4:     rgb(245, 245, 245);
    --el-color-4-rgb: 245, 245, 245;
    --el-color-5:     rgb(245, 240, 236);
    --el-color-5-rgb: 245, 240, 236;
}

#qodef-page-sidebar .wpc-term-count,
#qodef-page-sidebar li.wpc-term-item a {
    font-weight: 500;
}

#qodef-page-sidebar .widget[class*="widget_wpc_"] * {
    font-size: 0.875rem;
}

#qodef-page-sidebar .widget[class*="widget_wpc_"] .qodef-widget-title,
#qodef-page-sidebar .widget[class*="widget_wpc_"] .wpc-filter-title {
    font-size:   1rem;
    font-weight: 700;
}

#qodef-page-sidebar .widget[class*="widget_wpc_"] a:hover {
    color: var(--global--secondary-color);
}

.wpc-filters-section {
    border-radius:    5px;
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.15);
    padding:          1rem;
    box-shadow:       0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0.6px 0 rgba(0, 0, 0, 0.07), 0 1.3px 1.6px 0 rgba(0, 0, 0, 0.046), 0 3px 3.9px -3px rgba(0, 0, 0, 0.035), 0 10px 13px -10px rgba(0, 0, 0, 0.024);
}

#qodef-page-wrapper .wpc-filter-layout-dropdown.vc_grid-filter-dropdown .vc_grid-styled-select {
    background-color: rgba(255, 255, 255, 0.5);
}

.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   15px;
}

body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
}

body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid.holmes-results .vc_pageable-slide-wrapper {
    display:               grid;
    grid-template-columns: 1fr;
}

.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper::after,
.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper::before {
    content: unset;
}

.featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item-mini {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0.6px 0 rgba(0, 0, 0, 0.07), 0 1.3px 1.6px 0 rgba(0, 0, 0, 0.046), 0 3px 3.9px -3px rgba(0, 0, 0, 0.035), 0 10px 13px -10px rgba(0, 0, 0, 0.024);
}

.featured-resources.vc_grid-container.vc_basic_grid .vc_gitem_row .vc_gitem-col {
    padding-inline: 20px;
}

.featured-resources.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
    margin:  0;
    padding: 0;
    gap:     30px;
}

.featured-resources.vc_grid-container.vc_basic_grid h5.resource_type {
    margin-inline-start: -20px;
}

.vc_grid-container.vc_basic_grid .vc_grid-item {
    width: 100%;
}

.vc_grid-container.vc_basic_grid .vc_grid-item h4 a {
    display: inline-block;
}

@media only screen and (min-width: 681px) {

    .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
        display:               grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .featured-resources.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid.holmes-results .vc_pageable-slide-wrapper {
        grid-template-columns: 1fr;
    }

    .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 769px) {

    .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
        display:               grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .featured-resources.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
        grid-template-columns: 1fr;
    }

    .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid.holmes-results .vc_pageable-slide-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
        display:               grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .featured-resources.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .qodef-col--9 .vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid.holmes-results .vc_pageable-slide-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

.vc_grid-container.vc_basic_grid .vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item {
    display: flex;
    padding: 0;
}

#holmes-placeholder.vc_hidden-item,
.vc_grid-container.vc_basic_grid .vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item.vc_hidden-item {
    display: none;
}

.vc_grid-container.vc_basic_grid:not(.featured-resources) .vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item,
body.archive .qodef-blog.qodef--list article {
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0.6px 0 rgba(0, 0, 0, 0.07), 0 1.3px 1.6px 0 rgba(0, 0, 0, 0.046), 0 3px 3.9px -3px rgba(0, 0, 0, 0.035), 0 10px 13px -10px rgba(0, 0, 0, 0.024);
}

.vc_grid-container.vc_basic_grid:not(.featured-resources) .vc_grid-item {
    /* background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.15); */
    background-color: transparent;
    background-image: linear-gradient(rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.15) 70%, white);
    border-radius:    5px;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini {
    display:            grid;
    grid-template-rows: auto 1fr;
    width:              100%;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini::after,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini::before {
    content: unset;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-zone,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem_row.vc_gitem-row-position-bottom {
    position: relative;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_gitem-zone-a .vc_gitem-zone-mini .vc_gitem-col {
    padding: 0;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .wpb_single_image {
    border-radius: 5px 5px 0 0;
    overflow:      hidden;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .wpb_single_image .vc_figure {
    width: 100%;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .wpb_single_image .vc_figure>a:empty {
    width:               100%;
    background-image:    url("/wp-content/uploads/2022/11/thumbnail-placeholder.png");
    background-size:     cover;
    aspect-ratio:        4/3;
    background-position: center;
}

[class*="tax-portfolio"] .vc_grid-container.vc_basic_grid .vc_grid-item .wpb_single_image img {
    width:           100%;
    height:          auto;
    max-width:       100%;
    aspect-ratio:    4/3;
    object-fit:      cover;
    object-position: center;
}

@supports (-webkit-backdrop-filter: initial) or (backdrop-filter: initial) {

    #qodef-page-content #home_resources_search .widget.widget_search input[type="search"],
    .featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item-mini {
        -webkit-backdrop-filter: blur(5px) saturate(180%);
        backdrop-filter:         blur(5px) saturate(180%);
    }
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-hover-animation--zoom .qodef-e-image img,
body.archive .qodef-blog article .qodef-e-media-image img {
    -ms-transform:      scale(1);
    -o-transform:       scale(1);
    -moz-transform:     scale(1);
    -webkit-transform:  scale(1);
    transform:          scale(1);
    -o-transition:      all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}

.qodef-portfolio-list.qodef-item-layout--info-below.qodef-hover-animation--zoom article:hover .qodef-e-image img,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleIn .vc_gitem-zone-a,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini:hover .vc_gitem-animate-scaleIn .vc_gitem-zone-a,
body.archive .qodef-blog article:hover .qodef-e-media-image img {
    -ms-transform:     scale(0.9);
    -o-transform:      scale(0.9);
    -moz-transform:    scale(0.9);
    -webkit-transform: scale(0.9);
    transform:         scale(0.9);
}

@media only screen and (min-width: 681px) {
    .featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini {
        grid-template-columns: 1fr 1fr;
    }
}

article.qodef-blog-item .qodef-e-content {
    margin: 0;
}

body.archive .qodef-blog article.has-post-thumbnail .qodef-e-media {
    margin-bottom: 0;
    overflow:      hidden;
}

.featured-resources.vc_grid-container.vc_basic_grid .vc_grid-item .vc_cpt_title {
    font-size: 1.125rem;
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content .qodef-e-info-category,
.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content .qodef-e-info-category a,
body.archive .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-category {
    font-size: 1.125rem;
}

body.archive .qodef-blog article .qodef-e-info .qodef-e-info-item a:hover,
body.archive .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-category {
    color:   var(--global--secondary-color);
    opacity: 1;
}

.featured-resources.vc_grid-container.vc_basic_grid .vc_cpt_tags {
    display: none;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini::after,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini::before,
.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper.vc_clearfix::after,
.vc_grid-container.vc_basic_grid .vc_pageable-slide-wrapper.vc_clearfix::before {
    content: unset;
}

.vc_gitem-post-data {
    position: relative;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .resource_type+.vc_gitem-post-data h4 {
    margin: 25px 0 0;
}

article.qodef-blog-item h4.qodef-e-title.entry-title {
    margin: 10px 0 0;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data:first-child h4 {
    margin: 15px 0 0;
}

.featured-resources .vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data:first-child h4,
.vc_grid-container.vc_basic_grid [data-vc-grid-filter="resource_type"]~.vc_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data:first-child h4 {
    margin: 50px 0 0;
}

.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data .vc_cpt_title+.vc_gitem-post-data-source-post_date,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data .vc_cpt_title+.vc_gitem-post-data-source-post_date_lang {
    margin: 10px 0 25px;
}

.qodef-resource-info .vc_cpt_date,
.qodef-resource-info .vc_cpt_language,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data .vc_cpt_date,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data .vc_cpt_language,
.vc_grid-container.vc_basic_grid .vc_grid-item .vc_grid-item-mini .vc_gitem-post-data .vc_gitem-post-data-source-post_date_lang,
article.qodef-blog-item .qodef-e-info-date {
    font-size:   0.625rem;
    color:       var(--global--gray-color);
    font-weight: 700;
    display:     flex;
    align-items: center;
    line-height: 2em;
    gap:         0.5em;
}

.qodef-resource-info .vc_cpt_date,
.qodef-resource-info .vc_cpt_language {
    font-size:   1rem;
    font-weight: 500;
    color:       var(--global--text-color);
}

.vc_cpt_categories> :first-child::after {
    content: " ";
}

.grid-resourses-categories .vc_gitem-post-category-name:not(:first-child) {
    margin-left: 0.25em;
}

.grid-resourses-categories .vc_gitem-post-category-name a {
    padding: 0.5em 0.25em;
}

.holmes-results .vc_cpt_excerpt,
.vc_grid-container.vc_basic_grid .vc_cpt_excerpt,
body.archive .qodef-blog-item .qodef-e-excerpt {
    font-size:   0.75rem;
    font-weight: 500;
    margin:      15px 0;
}

.holmes-results .vc_cpt_categories,
.holmes-results .vc_cpt_tags,
.vc_portfolio_categories {
    font-size: 0.75rem;
    margin:    5px 0;
}

.holmes-results .vc_cpt_categories> :first-child::after,
.holmes-results .vc_cpt_tags> :first-child::after,
.vc_portfolio_categories> :first-child::after {
    content: "\0020";
}

body.single-portfolio-item .qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--4,
body.single-portfolio-item .qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--8 {
    position:       relative;
    display:        inline-block;
    width:          100%;
    vertical-align: top;
    min-height:     1px;
}

.project-intro {
    font-weight:    600;
    margin-inline:  auto;
    color:          var(--global--text-color);
    padding-bottom: 15px;
}

.project-intro>.vc_row.vc_row-flex {
    display:        flex;
    flex-direction: row;
    gap:            15px;
    flex-wrap:      nowrap;
}

.complementary-data {
    font-size:      0.75rem;
    list-style:     none;
    color:          var(--global--primary-color);
    margin-top:     0.5em;
    padding-inline: 0;
}

.complementary-data li {
    margin-top: 0.5em;
    display:    block;
}

.complementary-data li .label {
    width:              auto;
    font-weight:        700;
    padding-inline-end: 1em;
    text-transform:     uppercase;
}

.complementary-data li .value+.label {
    padding-inline-start: 1em;
}

.complementary-data li .hr {
    display: none;
}

.qodef-portfolio-content .vc_row {
    margin-inline:  0;
    gap:            15px;
    flex-wrap:      nowrap;
    flex-direction: row;
}

@media only screen and (max-width: 767px) {
    .complementary-data {
        padding: 15px;
    }

    .project-intro {
        padding: 35px 0 15px 0;
    }

    .project-intro>.vc_row.vc_row-flex {
        flex-direction: column;
    }

    .qodef-portfolio-content .vc_row {
        margin-inline:     0;
        gap:               15px;
        flex-direction:    column;
        /* flex-direction: column-reverse; */
    }
}

.page-template-default .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item {
    display:               grid;
    grid-template-columns: 100%;
    grid-auto-flow:        row;
    gap:                   35px;
    margin-inline:         0;
    max-width:             100%;
    width:                 100%;
    width:                 -webkit-fill-available;
}

.qodef-portfolio-content,
.qodef-portfolio-content .vc_section,
.qodef-portfolio-content>.wpb_row>.wpb_column>.vc_column-inner>.wpb_wrapper {
    display:               grid;
    grid-template-columns: 100%;
    grid-auto-flow:        row;
    gap:                   35px;
    padding-inline:        0;
    margin-inline:         0;
    max-width:             100%;
    width:                 100%;
    width:                 -webkit-fill-available;
}

.qodef-portfolio-content {
    gap: 35px;
}

.qodef-portfolio-content .wpb-content-wrapper {
    display: contents;
}

.qodef-portfolio-content .vc_section::after,
.qodef-portfolio-content .vc_section::before,
.qodef-portfolio-content>.wpb_row>.wpb_column>.vc_column-inner>.wpb_wrapper::after,
.qodef-portfolio-content>.wpb_row>.wpb_column>.vc_column-inner>.wpb_wrapper::before,
.qodef-portfolio-content::after,
.qodef-portfolio-content::before {
    content: unset;
}

.qodef-portfolio-content .wpb_row>.wpb_column>.vc_column-inner {
    padding-inline: 0;
}

body.single-portfolio-item .qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--4 {
    margin-top:         100px !important;
    padding-block:      50px;
    border-block-start: 1px dotted currentColor;
}

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top:    35px;
    padding-bottom: 35px;
}

.hotlines-3-boxes .vc_column_container>.vc_column-inner {
    padding-bottom: 0;
}

body.qodef-porfolio-single-layout--gallery-big.single-portfolio-item .qodef-media {
    margin: 0 !important;
}

body.single-portfolio-item .qodef-portfolio-title {
    margin-bottom: 25px;
}

body.single-portfolio-item .wpb_single_image,
body.single-portfolio-item .wpb_single_image a,
body.single-portfolio-item .wpb_single_image figure,
body.single-portfolio-item .wpb_single_image img {
    display: block;
    width:   100%;
}

@media only screen and (max-width: 767px) {
    body.single-portfolio-item .wpb_column.vc_column_container+.vc_column_container {
        margin-top: 35px !important;
    }
}

.holmes-results .wp-block-file_wrap {
    float:          none;
    display:        flex;
    flex-direction: row-reverse;
    position:       absolute;
    top:            0;
    right:          0;
}

.holmes-results .wp-block-file_wrap .wp-block-file {
    float:  none;
    margin: 0;
}

.holmes-results .wp-block-file_wrap .wp-block-file :not(.wp-block-file__button) {
    display: none;
}

.holmes-results .wp-block-file_wrap .filesizeHumanReadable {
    font-size:    0.5625rem;
    font-weight:  500;
    align-self:   center;
    margin-block: 0;
}

body.single-resource-item .wp-block-file_wrap,
body.page-child .wp-block-file_wrap {
    display:    flex;
    gap:        1px;
    margin-top: 50px;
}

body.single-resource-item .wp-block-file_wrap .wp-block-file .wp-block-file__button,
body.page-child .wp-block-file_wrap .wp-block-file .wp-block-file__button {
    border-radius: 0;
}

body.single-resource-item .wp-block-file_wrap .wp-block-file:first-of-type .wp-block-file__button,
body.page-child .wp-block-file_wrap .wp-block-file:first-of-type .wp-block-file__button {
    border-start-start-radius: 50px;
    border-end-start-radius:   50px;
}

body.single-resource-item .wp-block-file_wrap .wp-block-file:last-of-type .wp-block-file__button,
body.page-child .wp-block-file_wrap .wp-block-file:last-of-type .wp-block-file__button {
    border-start-end-radius: 50px;
    border-end-end-radius:   50px;
}

body.single-resource-item .wp-block-file_wrap .filesizeHumanReadable,
body.page-child .wp-block-file_wrap .filesizeHumanReadable {
    font-size:        0.75rem;
    font-weight:      500;
    align-self:       center;
    margin-block:     0;
    margin-inline:    1ch;
    border-block-end: 0.25ch solid;
}

.holmes-results .wp-block-file_wrap .filesizeHumanReadable {
    padding-inline: 5px;
    line-height:    23px;
    border:         1px solid #d3d3d3;
}

.wp-block-file .wp-block-file__button {
    -o-transition:      all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    border:             none;
}

.holmes-results .wp-block-file_wrap .wp-block-file a.wp-block-file__button {
    font-size:        0.6875rem;
    font-weight:      600;
    height:           25px;
    text-align:       right;
    color:            #fff;
    background:       #d3d3d3;
    background-color: #d3d3d3;
    border-radius:    0;
    margin:           10px 0;
    padding:          0 10px 0 10px;
    border:           unset;
    letter-spacing:   0.1em;
    text-transform:   initial;
    display:          flex;
    align-items:      center;
}

.wp-block-file a.wp-block-file__button:last-of-type {
    border:  unset;
    padding: 0.5em 1.5em;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
    opacity: 0.8;
    border:  unset;
}

.holmes-results .wp-block-file_wrap .wp-block-file a.wp-block-file__button::before {
    content:         "\f2e3";
    display:         inline-flex;
    font-family:     Ionicons;
    font-style:      normal;
    font-weight:     400;
    font-variant:    normal;
    text-transform:  none;
    text-rendering:  auto;
    font-size:       17px;
    line-height:     1;
    width:           17px;
    justify-content: center;
}

.holmes-results .wp-block-file_wrap .wp-block-file.view a.wp-block-file__button::before {
    content: "\f2e9";
}

.qodef-resource-info .vc_cpt_date a,
.qodef-resource-info .vc_cpt_language a {
    font-weight: 500;
}

.holmes-results .vc_cpt_date::before,
.holmes-results .vc_cpt_language::before,
.qodef-resource-info .vc_cpt_date::before,
.qodef-resource-info .vc_cpt_language::before {
    content:        "\f3f4";
    display:        inline-block;
    font-family:    Ionicons;
    font-style:     normal;
    font-weight:    400;
    font-variant:   normal;
    text-transform: none;
    text-rendering: auto;
    font-size:      2em;
}

.holmes-results .vc_cpt_language::before,
.qodef-resource-info .vc_cpt_language::before {
    content: "\f301";
}

.vc_custom_heading.vc_cpt_categories a {
    display:           inline-block;
    text-transform:    lowercase;
    background-color:  #fff;
    padding-inline:    0.5em;
    padding-block:     0.25em;
    margin-inline-end: 2px;
    margin-block-end:  2px;
    box-shadow:        0 0 1px rgba(0, 0, 0, 0.2);
}

.vc_custom_heading.vc_cpt_categories strong {
    padding-inline-end: 0.5em;
    overflow:           hidden;
}

.vc_custom_heading.vc_cpt_tags strong {
    display:            inline;
    padding-inline-end: 0.5em;
    margin-inline-end:  2px;
    margin-block-end:   2px;
    overflow-y:         hidden;
    line-height:        1em;
}

.vc_custom_heading.vc_cpt_tags a {
    display:            inline;
    text-transform:     lowercase;
    padding-inline-end: 0.5em;
    margin-inline-end:  0.5em;
    line-height:        1.7em;
}

.vc_custom_heading.vc_cpt_tags a::before {
    content: "\0023";
}

.holmes-results .wp-block-file_wrap .wp-block-file a.wp-block-file__button.multi {
    padding: 0 10px 0 10px;
}

.holmes-results .wp-block-file_wrap .wp-block-file a.wp-block-file__button.multi::before {
    content:        "\f454";
    padding-inline: 0 5px;
}

.vc_custom_heading a:hover {
    color: var(--global--link-color-hover);
}

.holmes-results h5.resource_type {
    font-family:          Caveat, cursive;
    font-size:            1.0625rem;
    line-height:          25px;
    margin:               0;
    padding-inline-start: 10px;
    margin-inline-start:  -10px;
    border-inline-start:  10px solid lightgray;
}

h5.resource_type {
    font-family:          Caveat, cursive;
    font-size:            1.5625rem;
    margin-top:           0;
    padding-inline-start: 10px;
    border-inline-start:  10px solid lightgray;
    order:                -1;
}

h5.resource_type.annual-reports {
    border-inline-start-color: var(--wp--preset--color--luminous-vivid-amber);
}

h5.resource_type.publications {
    border-inline-start-color: var(--wp--preset--color--vivid-green-cyan);
}

h5.resource_type.videos {
    border-inline-start-color: var(--wp--preset--color--vivid-red);
}

.holmes-results h5.resource_type.annual-reports~.wp-block-file_wrap .wp-block-file a.wp-block-file__button,
.resource_type_annual-reports .wp-block-file_wrap .wp-block-file a.wp-block-file__button {
    background-color: var(--wp--preset--color--luminous-vivid-amber);
}

.holmes-results h5.resource_type.publications~.wp-block-file_wrap .wp-block-file a.wp-block-file__button,
.resource_type_publications .wp-block-file_wrap .wp-block-file a.wp-block-file__button {
    background-color: var(--wp--preset--color--vivid-green-cyan);
}

.holmes-results h5.resource_type.videos~.wp-block-file_wrap .wp-block-file a.wp-block-file__button,
.resource_type_videos .wp-block-file_wrap .wp-block-file a.wp-block-file__button {
    background-color: var(--wp--preset--color--vivid-red);
}

.holmes-results h5.resource_type.annual-reports~.vc_cpt_categories a:hover,
.holmes-results h5.resource_type.annual-reports~.vc_cpt_tags a:hover,
.holmes-results h5.resource_type.annual-reports~.vc_gitem-post-data a:hover {
    color: var(--wp--preset--color--luminous-vivid-amber);
}

.holmes-results h5.resource_type.publications~.vc_cpt_categories a:hover,
.holmes-results h5.resource_type.publications~.vc_cpt_tags a:hover,
.holmes-results h5.resource_type.publications~.vc_gitem-post-data a:hover {
    color: var(--wp--preset--color--vivid-green-cyan);
}

.holmes-results h5.resource_type.videos~.vc_cpt_categories a:hover,
.holmes-results h5.resource_type.videos~.vc_cpt_tags a:hover,
.holmes-results h5.resource_type.videos~.vc_gitem-post-data a:hover {
    color: var(--wp--preset--color--vivid-red);
}

.holmes-results h5.resource_type.annual-reports~.wp-block-file_wrap .filesizeHumanReadable {
    border-color: var(--wp--preset--color--luminous-vivid-amber);
}

.holmes-results h5.resource_type.publications~.wp-block-file_wrap .filesizeHumanReadable {
    border-color: var(--wp--preset--color--vivid-green-cyan);
}

.holmes-results h5.resource_type.videos~.wp-block-file_wrap .filesizeHumanReadable {
    border-color: var(--wp--preset--color--vivid-red);
}

.search-results .search-info-tags {
    display:            flex;
    gap:                0.5em;
    margin-block-start: 0.5em;
}

.crp_related .resource_type,
.search-results .search-info-tags a.parents,
.search-results .search-info-tags h5.resource_type {
    border:           none;
    margin:           0;
    padding:          0.25em 0.75em;
    font-family:      inherit;
    font-size:        0.675rem;
    font-weight:      500;
    display:          inline-flex;
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.05);
    border-radius:    50px;
    color:            var(--wp--preset--color--blue-munsell-gray);
    order:            initial;
    box-shadow:       0 0 1px rgba(0, 0, 0, 0.2);
}

.crp_related .resource_type.annual-reports,
.search-results .search-info-tags h5.resource_type.annual-reports {
    color: var(--wp--preset--color--luminous-vivid-amber);
}

.crp_related .resource_type.publications,
.search-results .search-info-tags h5.resource_type.publications {
    color: var(--wp--preset--color--vivid-green-cyan);
}

.crp_related .resource_type.videos,
.search-results .search-info-tags h5.resource_type.videos {
    color: var(--wp--preset--color--vivid-red);
}

.search-results .search-info-tags a:hover {
    text-decoration: none;
    color:           var(--global--secondary-color);
    box-shadow:      0 0 1px rgba(var(--global--secondary-color-rgb), 0.5);
}

body.single-resource-item .entry-title {
    margin: 0 0 25px 0;
}

.vc_btn3 {
    font-weight: 700;
}

body.single-resource-item .wp-block-embed.is-type-video iframe {
    max-width:    100%;
    width:        100%;
    height:       auto;
    aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16 / 9) {
    body.single-resource-item .wp-block-embed.is-type-video .wp-block-embed__wrapper {
        position: relative;
    }

    body.single-resource-item .wp-block-embed.is-type-video .wp-block-embed__wrapper::before {
        content:     "";
        display:     block;
        width:       100%;
        padding-top: 56.25%;
    }

    body.single-resource-item .wp-block-embed.is-type-video .wp-block-embed iframe {
        position: absolute;
        top:      0;
        left:     0;
        width:    100%;
        height:   100%;
    }
}

.qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--4,
.qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--8,
body.single-resource-item .qodef-resource-main-content {
    display: grid;
}

.qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--4::after,
.qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--4::before,
.qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--8::after,
.qodef-grid>.qodef-grid-inner .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--8::before,
body.single-resource-item .qodef-resource-main-content::after,
body.single-resource-item .qodef-resource-main-content::before {
    content: unset;
}

body.single-resource-item .wp-block-file {
    margin-block: 25px;
}

.wp-block-file a[id*="wp-block-file"] {
    display: none;
}

.logged-in .vc_gitem-post-data .postid {
    display:          inline-block;
    position:         absolute;
    top:              auto;
    right:            0;
    bottom:           0;
    left:             auto;
    inset-block:      auto 0;
    inset-inline:     auto 0;
    z-index:          1000;
    background-color: var(--global--text-color);
    padding-inline:   0.5em;
    font-size:        1rem;
    font-weight:      400;
    opacity:          0;
    color:            #fff;
}

.logged-in .vc_is-hover .vc_gitem-post-data .postid {
    opacity: 1;
}

body.single-resource-item .qodef-resource-info .qodef-e-info-date {
    margin-top:    37px;
    margin-bottom: 37px;
}

body.single-resource-item .qodef-resource-info .qodef-e-info-categories {
    margin-bottom: 37px;
}

body.single-resource-item .qodef-resource-info .qodef-e-info-tags {
    margin-bottom: 40px;
}

body.single-resource-item .qodef-resource-info .qodef-e-info-categories a,
body.single-resource-item .qodef-resource-info .qodef-e-info-tags a {
    margin:      0 8px 11px 0;
    font-weight: 500;
}

body.single-resource-item-item .qodef-resource-info h5 {
    margin: 0 0 14px 0;
}

.module-3-boxes .qodef-1680 {
    transform:      matrix(1, 0, 0, 1, 0, 0);
    z-index:        20;
    padding-inline: 15px;
    pointer-events: none;

    /* -o-transition:      transform 0.2s ease; */
    /* -moz-transition:    transform 0.2s ease; */
    /* -webkit-transition: transform 0.2s ease; */
    /* transition:         transform 0.2s ease; */
}

.module-3-boxes .qodef-section-title {
    pointer-events: none;
    opacity:        0;
}

.module-3-boxes .qodef-section-title h2.qodef-m-title {
    margin-block-end: 10px;
    font-size:        var(--wp--preset--font-size--medium);
    color:            var(--wp--preset--color--white);
    border-bottom:    solid 1px rgba(255, 255, 255, .5);
    text-shadow:      0 -1px 2px rgba(0, 0, 0, .25);
}

.module-3-boxes .vc_row-fluid {
    pointer-events: all;
}

.module-3-boxes .qodef-1680 .vc_column_container>.vc_column-inner {
    padding-inline: 0;
}

.module-3-boxes .qodef-banner {
    box-shadow: 0 -0.7px 0.8px rgba(0, 0, 0, 0.07), 0 -1.7px 2px rgba(0, 0, 0, 0.05), 0 -3.1px 3.8px rgba(0, 0, 0, 0.042), 0 -5.6px 6.7px rgba(0, 0, 0, 0.035), 0 -10.4px 12.5px rgba(0, 0, 0, 0.028), 0 -25px 30px rgba(0, 0, 0, 0.02);
}

.module-3-boxes .qodef-banner .qodef-button.qodef-layout--outlined {
    color:            var(--wp--preset--color--white);
    border-color:     var(--wp--preset--color--white);
    background-color: rgba(0, 0, 0, 0.01);
}

@supports (-webkit-backdrop-filter: initial) or (backdrop-filter: initial) {
    .module-3-boxes .qodef-banner .qodef-button.qodef-layout--outlined {
        background-color:        rgba(255, 255, 255, 0.01);
        -webkit-backdrop-filter: blur(5px) saturate(1.1);
        backdrop-filter:         blur(5px) saturate(1.1);
    }
}

.module-3-boxes .qodef-banner .qodef-button.qodef-layout--outlined:hover {
    color:            var(--global--text-color);
    background-color: var(--wp--preset--color--white);
}

.qodef-button.qodef-layout--outlined:hover {
    color:            var(--wp--preset--color--white);
    background-color: var(--global--primary-color);
}

@media only screen and (min-width: 768px) {
    .module-3-boxes .vc_col-lg-4 {
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 768px) {
    .vc_grid-container.vc_basic_grid .vc_col-md-12 {
        width: 100% !important;
    }

    .vc_grid-container.vc_basic_grid .vc_col-md-6 {
        width: 50%;
    }

    .module-3-boxes .vc_row-fluid {
        display:               grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .module-3-boxes .vc_row-fluid .vc_column_container {
        width: 100%;
    }

    .module-3-boxes .vc_column_container,
    .module-3-boxes .vc_column_container>.vc_column-inner,
    .module-3-boxes .vc_column_container>.vc_column-inner>.wpb_wrapper,
    .module-3-boxes .vc_column_container>.vc_column-inner>.wpb_wrapper>.qodef-banner,
    .module-3-boxes .vc_column_container>.vc_column-inner>.wpb_wrapper>.qodef-banner .qodef-m-content-inner {
        height: 100%;
    }

    .module-3-boxes .vc_row-fluid::after,
    .module-3-boxes .vc_row-fluid::before {
        content: unset;
    }

    .module-3-boxes .qodef-banner .qodef-m-content-inner {
        padding: 25px 15px;
    }

    .module-3-boxes .qodef-banner .qodef-m-content .qodef-m-content-inner .qodef-m-title {
        font-size: 1.5rem;
        font-size: clamp(1.75rem, calc(1.75rem + (2 - 1.75) * ((100vw - 48rem) / (100 - 48))), 2rem);
    }

    .module-3-boxes .qodef-banner .qodef-m-content .qodef-m-content-inner .qodef-m-text-field {
        font-size: 0.75rem;
        font-size: clamp(0.875rem, calc(0.875rem + (2 - 0.875) * ((100vw - 48rem) / (100 - 48))), 1rem);
    }

    .module-3-boxes .qodef-banner .qodef-m-content .qodef-m-content-inner .qodef-m-button {
        margin: 10px auto 0;
    }
}

.qodef-portfolio-list .qodef-grid-inner::after,
.qodef-portfolio-list .qodef-grid-inner::before {
    content: unset;
}

.qodef-portfolio-list.qodef-item-layout--info-below .qodef-e-content {
    text-align: left;
}

.qodef-grid>.qodef-grid-inner>.qodef-grid-item,
body.archive .qodef-blog.qodef--list article,
body.archive .qodef-blog.qodef--list article:last-of-type {
    margin-bottom: 0;
}

body.archive .qodef-blog.qodef--list article {
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.15);
}

body.archive .qodef-blog.qodef--list article .qodef-e-content {
    padding: 10px;
}

.qodef-portfolio-list .qodef-grid-inner,
body.archive .qodef-blog.qodef--list {
    position:              relative;
    width:                 100%;
    vertical-align:        top;
    margin:                0 0 50px;
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   15px;
}

.qodef-portfolio-list .qodef-grid-inner::after,
.qodef-portfolio-list .qodef-grid-inner::before,
body.archive .qodef-blog.qodef--list::after,
body.archive .qodef-blog.qodef--list::before {
    content: unset;
}

body.archive .qodef-blog.qodef--list {
    grid-template-columns: repeat(4, 1fr);
}

.qodef-portfolio-list .qodef-grid-inner {
    grid-template-columns: repeat(3, 1fr);
}

.wpc-custom-selected-terms {
    position:    relative;
    display:     block;
    width:       100%;
    grid-column: 1/-1;
}

.wpc-filter-chips-list li,
body .wpc-filter-chips-list li.wpc-filter-chip,
li.wpc-filter-chip {
    margin:     0 7px 7px 0 !important;
    padding:    0;
    border:     none;
    list-style: none;
}

.wpc-posts-found {
    margin-bottom: 1em;
}

.wpc-posts-found[data-found=""] {
    display: none;
}

@media only screen and (min-width: 768px) {
    .widget.widget_wpc_chips_widget {
        display: none;
    }
}

.qodef-m-pagination {
    position:    relative;
    display:     block;
    width:       100%;
    margin:      70px 0 0;
    grid-column: 1/-1;
}

.qodef-m-pagination.qodef--wp .nav-links {
    gap: 3vw;
}

.qodef-m-pagination.qodef--wp .page-numbers.current {
    color:            #777;
    border-radius:    50%;
    display:          inline-flex;
    justify-content:  center;
    align-items:      center;
    width:            2rem;
    height:           2rem;
    background-color: rgba(var(--wp--preset--color--blue-munsell-gray-rgb), 0.2);
}

.qodef-m-pagination.qodef--wp .page-numbers,
.qodef-m-pagination.qodef--wp .page-numbers:hover {
    text-decoration: none;
}

.qodef-m-pagination.qodef--wp .page-numbers {
    margin:          0;
    aspect-ratio:    1/1;
    flex-basis:      2rem;
    display:         inline-flex;
    justify-content: center;
    align-items:     center;
}

.qodef-m-pagination.qodef--wp .page-numbers.next,
.qodef-m-pagination.qodef--wp .page-numbers.prev {
    margin: 0;
}

.nav-links::after,
.nav-links::before {
    content: unset;
}

.qodef-m-pagination.qodef--wp .page-numbers span {
    font-size: inherit;
}

/* .qodef-grid .qodef-grid-item {
    float: none !important;
} */

.qodef-grid .qodef-grid-item.qodef-m-posts-count {
    position:    relative;
    display:     block;
    width:       100%;
    margin:      40px 0 40px;
    grid-column: 1/-1;
    float:       none;
}

.qodef-grid .qodef-grid-item.qodef-m-posts-count:first-child {
    margin-top: 0;
}

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

    .qodef-portfolio-list .qodef-grid-inner,
    body.archive .qodef-blog.qodef--list {
        display:               grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

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

    .qodef-portfolio-list .qodef-grid-inner,
    body.archive .qodef-blog.qodef--list {
        display:               grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .qodef-portfolio-list .qodef-grid-inner,
    body.archive .qodef-blog.qodef--list {
        display:               grid;
        grid-template-columns: 1fr;
    }
}

.home .qodef-counter.qodef-layout--simple,
.page-id-9078 .qodef-counter.qodef-layout--simple {
    text-align:       left;
    margin-block-end: 20px;
}

.home .qodef-counter.qodef-layout--simple .qodef-m-icon-wrapper,
.page-id-9078 .qodef-counter.qodef-layout--simple .qodef-m-icon-wrapper {
    display: none;
}

.home .qodef-counter.qodef-layout--simple .qodef-m-digit,
.page-id-9078 .qodef-counter.qodef-layout--simple .qodef-m-digit {
    font-family: Merriweather, "Noto Sans Arabic", serif;
    font-weight: 600;
    font-size:   clamp(1.5rem, 2.8vw, 2rem);
    line-height: 1;
    color:       var(--wp--preset--color--white);
}

.home .qodef-counter.qodef-layout--simple .qodef-m-title,
.page-id-9078 .qodef-counter.qodef-layout--simple .qodef-m-title {
    margin:      0;
    color:       rgba(var(--wp--preset--color--white-rgb), 0.7);
    font-weight: 600;
}

.home .qodef-counter.qodef-layout--simple .qodef-m-text,
.page-id-9078 .qodef-counter.qodef-layout--simple .qodef-m-text {
    margin: 0;
}

@media only screen and (min-width: 1025px) {
    .crp_related ul {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

@media only screen and (max-width: 1024px) {
    .crp_related ul {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media only screen and (max-width: 480px) {
    .crp_related ul {
        grid-template-columns: 1fr !important;
    }
}

.crp_related {
    margin-top: 100px;
}

.crp_related figure {
    padding: 0;
    margin:  0 0 10px;
}

.crp_related ul {
    display:       grid;
    gap:           15px;
    margin:        0;
    justify-items: stretch;
    list-style:    none;
}

.crp_related ul li {
    text-align:         unset;
    padding:            10px;
    filter:             grayscale(100%) opacity(0.5);
    -o-transition:      filter 0.3s ease-in-out;
    -moz-transition:    filter 0.3s ease-in-out;
    -webkit-transition: filter 0.3s ease-in-out;
    transition:         filter 0.3s ease-in-out;
}

.crp_related ul li:hover {
    filter: grayscale(0%) opacity(1);
}

@media only screen and (min-width: 481px) {
    .crp_related .crp_thumb {
        display:         block;
        margin:          0 auto;
        aspect-ratio:    200/300;
        object-fit:      contain;
        object-position: bottom;
    }
}

.crp_related .crp_title {
    display: block;
    margin:  0 auto;
}

.crp_related ul li a {
    text-decoration: none !important;
    font-weight:     700;
}

.crp_related ul li img {
    max-width: 100%;
    height:    auto;
    display:   block;
    margin:    0 auto;
    width:     100%;
}

.crp_related .crp_clear {
    clear: both;
}

.crp_related .crp_author,
.crp_related .crp_date,
.crp_related .crp_excerpt,
.crp_related .crp_primary_term {
    display:      block;
    font-size:    0.625rem;
    margin-block: 0.5em;
    font-weight:  500;
}

.vc_grid-loading {
    visibility: hidden;
}

.swiper-button-next:before,
.swiper-button-prev:before {
    content: unset;
    display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color:       #fff;
    text-shadow: 0 0 2px var(--global--gray-color);
}

.qodef-swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:after {
    background-color: #fff;
    box-shadow:       0 0 2px var(--global--gray-color);
}

.swiper-pagination.swiper-pagination-bullets {
    bottom: 0 !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px !important;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 45px !important;
}

@media only screen and (min-width: 768px) {
    .qodef-swiper-container .swiper-pagination {
        opacity: 0.5;
    }

    .qodef-swiper-container:hover .swiper-pagination {
        opacity: 1;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

.grecaptcha-note {
    font-size: 0.75rem;
}

.wp-block-query.calls-and-tenders-loop {
    width:     100%;
    max-width: 1000px;
}

.wp-block-query.calls-and-tenders-loop .wp-block-post-title {
    margin-bottom: 0;
}

.donate-page__grid ol li ul {
    margin:              1lh 0 2lh 3rem;
    list-style-position: outside;
    list-style-type:     disc;
}

.donate-page__grid ol li ul li {
    line-height: 1.2;
    margin:      0 0 1lh 0;
}

.donate-page__grid ol li::marker {
    font-size:    clamp(1.125rem, calc(1.125rem + ((1vw - 0.48rem) * 0.721)), 1.5rem);
    font-variant: oldstyle-nums;
    font-weight:  bold;
    color:        inherit;
}

.donate-page__grid ol li h3 {
    display: inline;
}

.donate-page__grid h3 mark {
    padding: 0.05em 0.5em;
}

.donate-page__grid {
    color: var(--global--text-color);
}

.donate-page__grid :is(h2, h3, h4, h5, h6, p, a) {
    color:       currentColor;
    line-height: inherit;
}

.donate-page__grid :is(h2, h3, h4, h5, h6) {
    line-height: 1;
    height:      auto;
}

.donate-page__grid .wp-block-group__inner-container {
    gap: 2rem;
}

.donate-page__grid .has-very-light-gray-to-cyan-bluish-gray-gradient-background:has(iframe) {
    background: white !important;
    border:     3px solid;
}

@media only screen and (max-width: 1024px) {
    .donate-page__grid .wp-block-group__inner-container {
        grid-template-columns: 1fr !important;
    }

    .donate-page__grid .wp-container-content-1,
    .donate-page__grid .wp-container-content-2,
    .donate-page__grid>.wp-block-group__inner-container>* {
        grid-column: 1/-1 !important;
    }
}

#donation-form>* {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 400px) {
    #donation-form>* {
        flex-wrap: wrap;
    }

    #donation-form button {
        width: 100%;
    }
}

.donate-page__grid .wp-block-group__inner-container>.wp-block-group {
    padding:       3rem 1.5rem;
    border-radius: 0.75rem;
}

.donate-page__grid .wp-block-group .wp-block-group__inner-container a {
    /* color: color-mix(in srgb, currentcolor 70%, black); */
    text-decoration: underline;
}

.font--merriweather,
.font--merriweather * {
    font-family: Merriweather, serif !important;
}

#qodef-page-mobile-header button.donate-btn-header,
#qodef-page-header button.donate-btn-header,
#donation-form button {
    background-image:  var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red);
    border:            1px solid rgba(255, 105, 0, 0.5);
    box-shadow:        0 0 0 1px rgba(221, 20, 60, 0.5) inset;
    background-repeat: no-repeat;
    background-origin: border-box;
}

@media only screen and (max-width: 400px) {
    #qodef-page-mobile-header button.donate-btn-header {
        height:      49px;
        overflow:    hidden;
        padding:     10px;
        font-size:   clamp(10px, 3cqi, 13px);
        font-weight: bold;
        box-sizing:  border-box;
    }
}

#donation-form button {
    margin: 10px 0 5px;
}

#qodef-page-mobile-header button.donate-btn-header {
    padding: 10px 20px;
}

input#donation-amount:valid {
    color:        #777;
    border-color: #e1e1e1;
}

input#donation-amount:not(:placeholder-shown):invalid {
    border-color: crimson;
    color:        crimson;
}

span:has(+ input#donation-amount) {
    -o-transition:      opacity 0.3s ease, color 0.3s ease;
    -moz-transition:    opacity 0.3s ease, color 0.3s ease;
    -webkit-transition: opacity 0.3s ease, color 0.3s ease;
    transition:         opacity 0.3s ease, color 0.3s ease;
}

span:has(+ input#donation-amount:valid) {
    color: #777 !important;
}

span:has(+ input#donation-amount:placeholder-shown:focus) {
    color:   #777 !important;
    opacity: 0.2;
}

span:has(+ input#donation-amount:not(:placeholder-shown):invalid) {
    color: crimson !important;
}

.donation-notes {
    max-width:     600px;
    margin-inline: auto;
    padding:       2rem 0;
}

.contact-form .is-style-outlined .grunion-field-wrap select,
.contact-form .is-style-outlined .grunion-field-wrap>input,
.contact-form .is-style-outlined .grunion-field-wrap>textarea {
    font-family:  system-ui;
    font-size:    var(--jetpack--contact-form--font-size);
    padding-left: 17px;
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__label {
    font-family: system-ui;
    font-weight: 400;
}

.contact-form .contact-form__select-wrapper select {
    padding:     var(--jetpack--contact-form--input-padding);
    line-height: 1.2;
}

.contact-form .contact-form__select-wrapper::after {
    inset-inline-end: calc(var(--notch-width) + 4px);
    right:            calc(var(--notch-width) + 4px);
    top:              50%;
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__leading {
    width: 13px;
}

.qodef-search-cover .qodef-search-close {
    right: 0;
}

.qodef-search-cover .qodef-search-close.qodef-search-close--icon-pack {
    font-size: 20px;
    padding:   0 20px;
}

#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined .qodef-lines,
.qodef-search-cover .qodef-search-close .qodef-lines,
.qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-lines {
    width:  30px;
    height: 30px;
}

.qodef-search-cover input[type="text"] {
    width: calc(100% - 70px);
}

#home-news .qodef-content-grid .vc_row {
    display:               grid;
    grid-auto-flow:        row dense;
    grid-template-columns: repeat(2, minmax(0, 1fr));

}

#home-news .qodef-content-grid .vc_row::before {
    content: unset;
}

#home-news .qodef-content-grid .vc_column_container {
    width: 100%;
    float: unset;
}

@media only screen and (max-width: 680px) {
    #home-news .qodef-content-grid .vc_row {
        grid-template-columns: minmax(0, 1fr);
    }
}

@supports (grid-template-rows: masonry) {

    /* ! Masonry Grid */
    .vc_grid-container.vc_basic_grid:not(.featured-resources) .vc_pageable-wrapper .vc_pageable-slide-wrapper,
    body.single-portfolio-item .qodef-col--9 .vc_grid-container.vc_basic_grid.holmes-results .vc_pageable-slide-wrapper {
        grid-template-rows: masonry;
        align-tracks:       start;
        masonry-auto-flow:  pack;
        align-items:        start;
    }

    .vc_grid-container.vc_basic_grid:not(.featured-resources) .vc_pageable-wrapper .vc_pageable-slide-wrapper .vc_grid-item,
    body.archive .qodef-blog.qodef--list article {
        align-self: start;
    }
}