/*
Theme Name: Ngo
Theme URI: http://www.nicdarkthemes.com
Description: Wonderful theme for your Business.
Author: Nicdark
Author URI: http://www.nicdark.com
Version: 1.6
License: http://www.nicdark.com
License URI: http://www.nicdark.com
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: ngo
*/


/* 

1 THEME STRUCTURE

    1.0 wordpress core
    
    1.1 body

    1.2 container

    1.3 grid

2 TEXT

    2.1 text rules

    2.2 text color

    2.3 text size

    2.4 text font

3 FORMS

4 TABLE

5 TABS

6 CALENDAR

7 FRAMEWORK CLASS 

    7.1 text-align

    7.2 text-transform

    7.3 color

    7.4 font-size

    7.5 height

    7.6 line-height

    7.7 width

    7.8 background-color

    7.9 background

    7.10 filter

    7.11 margin

    7.12 padding

    7.13 border

    7.14 box-sizing

    7.15 list-style

    7.16 display

    7.17 vertical-align

    7.18 float

    7.19 bg size position repeat

    7.20 position

    7.21 right left top bottom

    7.22 overflow

    7.23 cursor

    7.24 outline


8 CUSTOM FOR THEME

    8.1 navigation 1

    8.2 navigation 2

    8.3 navigation 3

    8.4 navigation top header 1

    8.5 navigation top header 2

    8.6 navigation copyright


9 TYPED PLUGIN


10 JQUERY UI


11 RESPONSIVE

    11.1 ipad land

    11.2 ipad port

    11.3 iphone land

    11.4 iphone port

    11.5 all responsive

    11.6 all iphone

*/


/* = 1.0 WordPress Core
-------------------------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

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

html {
    font-size: 16px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}
body{
    color: #2C3E50;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
blockquote,
dl,
dd {
    margin: 0;
    padding: 0;
}

body{
    .elementor{
        .elementor-element{
            .hero-img{
                width: 100%; 
                height: 100%;
            }
            .hero-img img{
                /* border: 16px solid transparent;
                border-image: linear-gradient(to bottom, #F79D2F 0%, #F79D2F 10%, #C9212C 10%, #C9212C 90%, #F79D2F 90%, #F79D2F 100%) 1; */
                width: 100%;
                height: 100%;
                object-fit: cover;
                /* border-radius: 4px; */
            }
            .bg-paper-green{
                background-image: 
                url("../../../wp-content/uploads/2025/09/Paper_07-2.png"),
                linear-gradient(#098846, #098846);
              background-size: cover;
              background-position: center;
              background-blend-mode: multiply;
              background-repeat: no-repeat;
            }
            .card-icon-homepage {
                padding: 2rem 1.5rem;
                @media screen and (max-width: 1023px) {
                    padding: 1.5rem;
                }
            }
            .card-icon-homepage:hover{
                .text-content{
                    .elementor-heading-title{
                        color: white;
                    }
                    p{
                        color: white;
                    }
                }
                .btn-teritiary  {
                    .elementor-button {
                        color: white!important;
                        
                    }
                }
            }

            &.bg-papper-saffron{
                background-image: 
                url("../../../wp-content/uploads/2025/09/yellow-pepar.jpg"),
                linear-gradient(#FFF4E4, #FFF4E4);
              background-size: cover;
              background-position: center;
              background-blend-mode: multiply;
              background-repeat: no-repeat;
            }
            &.bg-paper-green{
                background-image: 
                url("../../../wp-content/uploads/2025/09/Paper_07-2.png"),
                linear-gradient(#098846, #098846);
              background-size: cover;
              background-position: center;
              background-blend-mode: multiply;
              background-repeat: no-repeat;
            }
        }       
    }
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 1 THEME STRUCTURE ------------------------------------------------------- */

/* 1.1 body */
body{ 
    margin:0px; padding:0px; 
}

#start_nicdark_framework { 
    color: #5c5c5c; 
    font-size: 15px; 
    line-height: 29px; 
    font-family: 'Jost', sans-serif; 
    overflow-x:hidden; 
}

/* 1.2 container */
.nicdark_container{ 
    width:1200px; 
    margin:auto; 
    padding: 0px; 
}

.nicdark_clearfix:after { 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

.nicdark_site{ 
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease; 
    -o-transition: all 0.8s ease; 
    -ms-transition: all 0.8s ease; 
    transition: all 0.8s ease; 
}

.nicdark_section,
.nicdark_site { 
    width: 100%; 
    float: left; 
}

/* 1.3 grid */
.nicdark_grid_1, 
.nicdark_grid_2, 
.nicdark_grid_3, 
.nicdark_grid_4, 
.nicdark_grid_5, 
.nicdark_grid_6, 
.nicdark_grid_7, 
.nicdark_grid_8, 
.nicdark_grid_9, 
.nicdark_grid_10, 
.nicdark_grid_11, 
.nicdark_grid_12 { 
    padding:15px; 
    float:left; 
    display:inline; 
    box-sizing:border-box; 
}

.nicdark_grid_1 {
    width:8.33%;
}

.nicdark_grid_2 {
    width:16.66%;
}

.nicdark_grid_3 {
    width:25%;
}

.nicdark_grid_4 {
    width:33.33%;
}

.nicdark_grid_5 {
    width:41.66%;
}

.nicdark_grid_6 {
    width:50%;
}

.nicdark_grid_7 {
    width:58.33%;
}

.nicdark_grid_8 {
    width:66.66%;
}

.nicdark_grid_9 {
    width:75%;
}

.nicdark_grid_10 {
    width:83.33%;
}

.nicdark_grid_11 {
    width:91.66%;
}

.nicdark_grid_12 {
    width:100%;
}

/* 2 TEXT ------------------------------------------------------- */

/* 2.1 text rules */
p,
h1,
h2,
h3,
h4,
h5,
h6 { 
    margin:0px; 
    padding:0px; 
    /* font-weight: 500;  */
}

a { 
    text-decoration: none;
    color: inherit;  
}

/* 2.2 text color */
h1,
h2,
h3,
h4,
h5,
h6,
.nicdark_datepicker .ui-datepicker-header .ui-datepicker-title { 
    color: inherit; 
}

p,
input,
label,
textarea,
select,
.nicdark_datepicker{ 
    color:inherit; 
}

a img{ 
    border: 0; 
}

/* 2.3 text size */
h1 { 
    font-size: 4.938rem; 
    line-height: 1em; 
    letter-spacing: 0;
    @media screen and (max-width: 768px) {
        font-size: 3rem;
    }
}

h2 { 
    font-size: 3.438rem; 
    line-height: 1.2em; 
    letter-spacing: -0.02em;
    @media screen and (max-width: 768px) {
        font-size: 2.25rem;
    }
}

h3 { 
    font-size: 2.75rem; 
    line-height: 1.2em; 
    letter-spacing: 0;
    @media screen and (max-width: 768px) {
        font-size: 1.875rem;
    }
}

h4 { 
    font-size: 6.25rem; 
    line-height: 1.2em; 
    letter-spacing: 0;
    @media screen and (max-width: 768px) {
        font-size: 1.5rem;
    }
}

h5 { 
    font-size: 1.75rem; 
    line-height: 1.2em;
    letter-spacing: 0;
    @media screen and (max-width: 768px) {
        font-size: 1.25rem;
    }
}

h6 { 
    font-size: 1.5rem; 
    line-height: 1.5em;
    letter-spacing: 0;
    @media screen and (max-width: 768px) {
        font-size: 1.25rem;
    }
}


label { 
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 0.07em;
}


/* 2.4 text font */
h1,
h2,
h3,
h4,
h5,
h6,
.nicdark_first_font,
.nicdark_datepicker .ui-datepicker-title { 
    font-family: "Anton", sans-serif; 
}

p,
a,
input,
label,
.nicdark_second_font,
.nicdark_datepicker,
textarea,
select { 
    font-family: "DM Sans", sans-serif; 
}

.nicdark_third_font { 
    font-family: "DM Sans", sans-serif; 
}


/* 3 FORMS ------------------------------------------------------- */

input,
textarea,
select { 
    background-color: #f9f9f9;
    outline: 0; 
    border: 1px solid #f1f1f1; 
    padding: 10px 20px; 
    box-sizing:border-box; 
}

/* 4 TABLE ------------------------------------------------------- */

table { 
    border-collapse: collapse; 
}


/* 5 TABS ------------------------------------------------------- */

.nicdark_tabs .ui-tabs-active.ui-state-active { 
    box-shadow: 0px 2px 0px #22b6af; 
}


/* 6 CALENDAR ------------------------------------------------------- */

.nicdark_datepicker { 
    float: left; 
    width: 100%;
    text-align: center; 
}

.nicdark_datepicker .ui-datepicker { 
    float: left; 
    width: 100%; 
}

.nicdark_datepicker .ui-datepicker-header { 
    float: left; 
    width: 100%; 
}

.nicdark_datepicker .ui-datepicker-calendar { 
    display: inline-table; 
    width: 95%; 
    margin-top: 15px; 
    margin-bottom: 15px; 
}

.nicdark_datepicker .ui-datepicker-prev,
.nicdark_datepicker .ui-datepicker-next { 
    display: none; 
}

.nicdark_datepicker .ui-datepicker-header .ui-datepicker-title { 
    background-color: #F9F9F9; 
    padding: 20px; 
    font-size: 20px; 
    font-weight: bolder; 
    border-bottom: 1px solid #f1f1f1; 
}

.nicdark_datepicker .ui-datepicker-calendar { 
    margin-top: 10px; 
}

.nicdark_datepicker .ui-datepicker-calendar th { 
    color: #282828; 
}

.nicdark_datepicker .ui-datepicker-calendar th,
.nicdark_datepicker .ui-datepicker-calendar td { 
    padding: 10px 5px; 
}

.nicdark_datepicker .ui-datepicker-unselectable span { 
    background-color: #fff; 
}

.nicdark_datepicker a.ui-state-default { 
    background-color: #22b6af; 
    color:#fff; 
    padding: 5px; 
    border-radius: 3px; 
}

/* 7 FRAMEWORK CLASS ------------------------------------------------------- */


/* 7.1 text-align */
.nicdark_text_align_center { 
    text-align: center; 
}

.nicdark_text_align_right { 
    text-align: right; 
}

.nicdark_text_align_left { 
    text-align: left; 
}

/* 7.2 text-transform */
.nicdark_text_transform_uppercase{ 
    text-transform: uppercase; 
}


/* 7.3 color */
.nicdark_color_white { 
    color: #fff; 
}

.nicdark_color_grey { 
    color: #5c5c5c; 
}

.nicdark_color_greydark { 
    color: #282828; 
}

.nicdark_color_greydark_hover:hover { 
    color: #282828; 
}

.nicdark_color_f1f1f1{ 
    color: #f1f1f1; 
}

.nicdark_color_green{ 
    color: #22b6af; 
}

.nicdark_color_green_hover:hover { 
    color: #22b6af; 
}

.nicdark_color_orange{ 
    color: #f2a922; 
}

.nicdark_color_orange_hover:hover{ 
    color: #f2a922; 
}


/*placeholer*/
.nicdark_placeholder_color_white::-webkit-input-placeholder { 
    color: #fff; 
}

.nicdark_placeholder_color_white::-moz-placeholder { 
    color: #fff; 
}

.nicdark_placeholder_color_white:-ms-input-placeholder { 
    color: #fff; 
}

.nicdark_placeholder_color_white:-moz-placeholder { 
    color: #fff; 
}



/* 7.4 font-size */
.nicdark_font_size_100 { 
    font-size: 100px; 
    line-height: 100px; 
}

.nicdark_font_size_90 { 
    font-size: 90px; 
    line-height: 90px; 
}

.nicdark_font_size_80 { 
    font-size: 80px; 
    line-height: 80px; 
}

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

.nicdark_font_size_60 { 
    font-size: 60px; 
    line-height: 60px; 
}

.nicdark_font_size_50 { 
    font-size: 50px; 
    line-height: 50px; 
}

.nicdark_font_size_40 { 
    font-size: 40px; 
    line-height: 45px; 
}

.nicdark_font_size_30 { 
    font-size: 30px; 
    line-height: 30px; 
}

.nicdark_font_size_25 { 
    font-size: 25px; 
    line-height: 25px; 
}

.nicdark_font_size_20 { 
    font-size: 20px; 
    line-height: 20px; 
}

.nicdark_font_size_15 { 
    font-size: 15px; 
    line-height: 15px; 
}

.nicdark_font_size_14 { 
    font-size: 14px; 
    line-height: 14px; 
}

.nicdark_font_size_13 { 
    font-size: 13px; 
    line-height: 13px; 
}

.nicdark_font_size_12 { 
    font-size: 12px; 
    line-height: 12px; 
}

.nicdark_font_size_11 { 
    font-size: 11px; 
    line-height: 12px; 
}

.nicdark_font_size_10 { 
    font-size: 10px;
    line-height: 10px; 
}

.nicdark_font_size_8 { 
    font-size: 8px; 
    line-height: 8px; 
}

/* font-weight */
.nicdark_font_weight_lighter { 
    font-weight: lighter; 
}
.nicdark_font_weight_bolder { 
    font-weight: bolder; 
}

/* letter-spacing */
.nicdark_letter_spacing_3 { 
    letter-spacing: 3px; 
}

.nicdark_letter_spacing_2 { 
    letter-spacing: 2px; 
}

.nicdark_letter_spacing_1 { 
    letter-spacing: 1px; 
}

/* 7.5 height */
.nicdark_height_1000{ 
    height: 1000px; 
}

.nicdark_height_600{ 
    height: 600px; 
}

.nicdark_height_570{ 
    height: 570px; 
}

.nicdark_height_550{ 
    height: 550px; 
}

.nicdark_height_500{ 
    height: 500px; 
}

.nicdark_height_450{ 
    height: 450px; 
}

.nicdark_height_400{ 
    height: 400px; 
}

.nicdark_height_300{ 
    height: 300px; 
}

.nicdark_height_250{ 
    height: 250px; 
}

.nicdark_height_200{ 
    height: 200px; 
}

.nicdark_height_150{ 
    height: 150px; 
}

.nicdark_height_100{ 
    height: 100px; 
}

.nicdark_height_90{ 
    height: 90px; 
}

.nicdark_height_80{ 
    height: 80px; 
}

.nicdark_height_70{ 
    height: 70px; 
}

.nicdark_height_60{ 
    height: 60px;
}

.nicdark_height_55{ 
    height: 55px; 
}

.nicdark_height_50{ 
    height: 50px; 
}

.nicdark_height_40{ 
    height: 40px; 
}

.nicdark_height_33{ 
    height: 33px; 
}

.nicdark_height_30{ 
    height: 30px; 
}

.nicdark_height_25 { 
    height: 25px; 
}

.nicdark_height_20{ 
    height: 20px; 
}

.nicdark_height_15{ 
    height: 15px; 
}

.nicdark_height_13{ 
    height: 13px; 
}

.nicdark_height_10{ 
    height: 10px; 
}

.nicdark_height_5{ 
    height: 5px; 
}

.nicdark_height_3{ 
    height: 3px; 
}

.nicdark_height_2{ 
    height: 2px; 
}

.nicdark_height_1{ 
    height: 1px; 
}

.nicdark_height_auto{ 
    height: auto; 
}

.nicdark_height_100_percentage { 
    height: 100%; 
}


/* 7.6 line-height */
.nicdark_line_height_5 { 
    line-height: 5px; 
}

.nicdark_line_height_13 { 
    line-height: 13px; 
}

.nicdark_line_height_16 { 
    line-height: 16px; 
}

.nicdark_line_height_17 { 
    line-height: 17px; 
}

.nicdark_line_height_18 { 
    line-height: 18px; 
}

.nicdark_line_height_20 { 
    line-height: 20px; 
}

.nicdark_line_height_25 { 
    line-height: 25px; 
}

.nicdark_line_height_31 { 
    line-height: 31px; 
}

.nicdark_line_height_30 { 
    line-height: 30px; 
}

.nicdark_line_height_35 { 
    line-height: 35px; 
}

.nicdark_line_height_50 { 
    line-height: 50px; 
}

.nicdark_line_height_18_em { 
    line-height: 1.8em; 
}


/* 7.7 width */
.nicdark_width_700 { 
    width: 700px; 
}

.nicdark_width_300 { 
    width: 300px; 
}

.nicdark_width_200 { 
    width: 200px; 
}

.nicdark_width_170 { 
    width: 170px; 
}

.nicdark_width_150 { 
    width: 150px; 
}

.nicdark_width_100 { 
    width: 100px; 
}

.nicdark_width_90 { 
    width: 90px; 
}

.nicdark_width_70 { 
    width: 70px; 
}

.nicdark_width_60 { 
    width: 60px; 
}

.nicdark_width_55 { 
    width: 55px; 
}

.nicdark_width_33 { 
    width: 33px; 
}

.nicdark_width_30_hover:hover { 
    width: 30px; 
}

.nicdark_width_25 { 
    width: 25px; 
}

.nicdark_width_5 { 
    width: 5px; 
}

.nicdark_width_100_percentage { 
    width: 100%; 
}

.nicdark_width_85_percentage { 
    width: 85%; 
}

.nicdark_width_80_percentage {
    width: 80%;
}

.nicdark_width_75_percentage { 
    width: 75%; 
}

.nicdark_width_70_percentage { 
    width: 70%; 
}

.nicdark_width_66_percentage { 
    width: 66.66%; 
}

.nicdark_width_65_percentage { 
    width: 65%; 
}

.nicdark_width_60_percentage { 
    width: 60%; 
}

.nicdark_width_55_percentage { 
    width: 55%; 
}

.nicdark_width_50_percentage { 
    width: 50%; 
}

.nicdark_width_35_percentage { 
    width: 35%; 
}

.nicdark_width_33_percentage { 
    width: 33.33%; 
}

.nicdark_width_40_percentage {
    width: 40%; 
}

.nicdark_width_30_percentage {
    width: 30%; 
}

.nicdark_width_25_percentage {
    width: 25%; 
}

.nicdark_width_20_percentage {
    width: 20%; 
}

.nicdark_width_15_percentage {
    width: 15%; 
}

.nicdark_width_10_percentage {
    width: 10%; 
}

.nicdark_width_5_percentage {
    width: 5%;
}


/* 7.8 background-color */
.nicdark_bg_white { 
    background-color: #ffffff; 
}

.nicdark_bg_white_hover:hover { 
    background-color: #ffffff; 
}

.nicdark_bg_blue { 
    background-color: #22b6af; 
}

.nicdark_bg_green { 
    background-color: #22b6af; 
}

.nicdark_bg_green_hover:hover { 
    background-color: #22b6af; 
}

.nicdark_bg_grey { 
    background-color: #f9f9f9; 
}

.nicdark_bg_grey_2 { 
    background-color: #5c5c5c; 
}

.nicdark_bg_grey_3 { 
    background-color: #e4e4e4; 
}

.nicdark_bg_greydark { 
    background-color: #282828; 
}

.nicdark_bg_greydark_hover:hover { 
    background-color: #282828; 
}

.nicdark_bg_orange { 
    background-color: #f2a922; 
}

.nicdark_bg_red { 
    background-color: #22b6af; 
}

.nicdark_bg_yellow { 
    background-color: #FFDA44; 
}

.nicdark_bg_orangedark { 
    background-color: #c4aa87; 
} 

.nicdark_bg_blue_alpha { 
    background-color: rgba(138, 198, 208, 0.75); 
}

.nicdark_bg_green_alpha { 
    background-color: rgba(112, 193, 144, 0.95); 
}

.nicdark_bg_greydark_alpha { 
    background-color: rgba(101, 100, 96, 0.3); 
}

.nicdark_bg_greydark_alpha_4 { 
    background-color: rgba(101, 100, 96, 0.4); 
}

.nicdark_bg_greydark_alpha_6 { 
    background-color: rgba(101, 100, 96, 0.6); 
}

.nicdark_bg_greydark_alpha_8 { 
    background-color: rgba(101, 100, 96, 0.8); 
}

.nicdark_bg_greydark_alpha_9 { 
    background-color: rgba(101, 100, 96, 0.9); 
}


/* 7.9 background */
.nicdark_background_none{ 
    background: none; 
}

.nicdark_background_none_hover:hover { 
    background: none; 
}

.nicdark_bg_greydark_alpha_gradient { 
    background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,0.1) 60%, rgba(101,100,96,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0.65) 100%);
    background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 );
}

.nicdark_bg_greydark_alpha_gradient_2 { 
    background: -moz-linear-gradient(top, rgba(101,100,96,0.8) 0%, rgba(101,100,96,0) 35%, rgba(101,100,96,0) 45%, rgba(101,100,96,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%);
    background: linear-gradient(to bottom, rgba(101,100,96,0.8) 0%,rgba(101,100,96,0) 35%,rgba(101,100,96,0) 45%,rgba(101,100,96,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99656460', endColorstr='#99656460',GradientType=0 );
}

.nicdark_bg_greydark_alpha_gradient_3 { 
    background: -moz-linear-gradient(top, rgba(101,100,96,0) 0%, rgba(101,100,96,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(101,100,96,0) 0%,rgba(101,100,96,0.65) 100%);
    background: linear-gradient(to bottom, rgba(101,100,96,0) 0%,rgba(101,100,96,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 );
}

.nicdark_bg_greydark_alpha_gradient_4 { 
    background: -moz-linear-gradient(top, rgba(101,100,96,0.65) 0%, rgba(101,100,96,0.1) 60%, rgba(101,100,96,0) 100%);
    background: -webkit-linear-gradient(top, rgba(101,100,96,0.65) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0) 100%);
    background: linear-gradient(to bottom, rgba(101,100,96,0.65) 0%,rgba(101,100,96,0.1) 60%,rgba(101,100,96,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00656460', endColorstr='#a6656460',GradientType=0 );
}

.nicdark_bg_greydark_alpha_gradient_5 { 
    background: -moz-linear-gradient(top, rgba(101,100,96,0.6) 0%, rgba(101,100,96,0.6) 75%, rgba(101,100,96,0) 100%);
    background: -webkit-linear-gradient(top, rgba(101,100,96,0.6) 0%,rgba(101,100,96,0.6) 75%,rgba(101,100,96,0) 100%);
    background: linear-gradient(to bottom, rgba(101,100,96,0.6) 0%,rgba(101,100,96,0.6) 75%,rgba(101,100,96,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99656460', endColorstr='#00656460',GradientType=0 );
}

.nicdark_bg_gradient_red_to_green{
    background: rgb(204,133,133);
    background: -moz-linear-gradient(left, rgba(204,133,133,1) 0%, rgba(204,133,133,1) 61%, rgba(104,183,140,1) 82%, rgba(104,183,140,1) 100%);
    background: -webkit-linear-gradient(left, rgba(204,133,133,1) 0%,rgba(204,133,133,1) 61%,rgba(104,183,140,1) 82%,rgba(104,183,140,1) 100%);
    background: linear-gradient(to right, rgba(204,133,133,1) 0%,rgba(204,133,133,1) 61%,rgba(104,183,140,1) 82%,rgba(104,183,140,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b6af', endColorstr='#22b6af',GradientType=1 );

}

/* 7.10 filter */
.nicdark_filter_blur_5 { 
    filter:blur(5px); 
    -webkit-filter: blur(5px); 
}


/* 7.11 margin */
/*margin general*/
.nicdark_margin_0 { 
    margin: 0px; 
}

.nicdark_margin_5 { 
    margin: 5px; 
}

.nicdark_margin_10 { 
    margin: 10px; 
}

.nicdark_margin_15 { 
    margin: 15px; 
}

.nicdark_margin_20 { 
    margin: 20px; 
}

/*margin bottom*/
.nicdark_margin_bottom_20 { 
    margin-bottom: 20px; 
}

.nicdark_margin_bottom_10 { 
    margin-bottom: 10px; 
}

/*margin top*/
.nicdark_margin_top_50 { 
    margin-top: 50px; 
}

.nicdark_margin_top_40 { 
    margin-top: 40px; 
}

.nicdark_margin_top_20 { 
    margin-top: 20px; 
}

.nicdark_margin_top_13 { 
    margin-top: 13px; 
}

.nicdark_margin_top_10 { 
    margin-top: 10px; 
}

.nicdark_margin_top_5 { 
    margin-top: 5px; 
}

.nicdark_margin_top_2 { 
    margin-top: 2px; 
}

/*margin right*/
.nicdark_margin_right_5 { 
    margin-right: 5px; 
}

.nicdark_margin_right_10 { 
    margin-right: 10px;
}

.nicdark_margin_right_20 { 
    margin-right: 20px; 
}

.nicdark_margin_right_40 { 
    margin-right: 40px; 
}

.nicdark_margin_right_50 { 
    margin-right: 50px; 
}

.nicdark_margin_right_60 { 
    margin-right: 60px; 
}

/*margin left*/
.nicdark_margin_left_0 { 
    margin-left: 0px; 
}

.nicdark_margin_left_5 { 
    margin-left: 5px; 
}

.nicdark_margin_left_10 { 
    margin-left: 10px; 
}

.nicdark_margin_left_15 { 
    margin-left: 15px; 
}

.nicdark_margin_left_20 { 
    margin-left: 20px; 
}

.nicdark_margin_left_40 { 
    margin-left: 40px; 
}

.nicdark_margin_left_80 { 
    margin-left: 80px;
}

.nicdark_margin_left_60 { 
    margin-left: 60px; 
}

.nicdark_margin_left_70 { 
    margin-left: 70px; 
}

.nicdark_margin_left_120 { 
    margin-left: 120px; 
}

.nicdark_margin_left_200 { 
    margin-left: 200px; 
}

.nicdark_margin_left_220 { 
    margin-left: 220px; 
}

.nicdark_margin_left_240 {
    margin-left: 240px; 
}

/*margin left negative*/
.nicdark_margin_left_negative_15 { 
    margin-left: -15px; 
}

/*margin bottom negative*/
.nicdark_margin_bottom_negative_15 { 
    margin-bottom: -15px; 
}

.nicdark_margin_bottom_100_negative { 
    margin-bottom: -100px; 
}

.nicdark_margin_bottom_105_negative { 
    margin-bottom: -105px; 
}

/*margin top negative*/
.nicdark_margin_top_negative_30 { 
    margin-top: -30px; 
}

.nicdark_margin_top_negative_225 { 
    margin-top: -225px; 
}

.nicdark_margin_top_negative_300 { 
    margin-top: -300px; 
}


/* 7.12 padding */
/*padding_general*/
.nicdark_padding_0 { 
    padding: 0px; 
}

.nicdark_padding_5 { 
    padding: 5px; 
}

.nicdark_padding_5_10 { 
    padding: 5px 10px; 
}

.nicdark_padding_8 { 
    padding: 8px; 
}

.nicdark_padding_8_20 { 
    padding: 8px 20px; 
}

.nicdark_padding_10 { 
    padding: 10px; 
}

.nicdark_padding_10_20 { 
    padding: 10px 20px; 
}

.nicdark_padding_20_10 { 
    padding: 20px 10px; 
}

.nicdark_padding_13_10 { 
    padding: 13px 10px; 
}

.nicdark_padding_13 { 
    padding: 13px; 
}

.nicdark_padding_15 { 
    padding: 15px; 
}

.nicdark_padding_20 { 
    padding: 20px; 
}

.nicdark_padding_28 { 
    padding: 28px; 
}

.nicdark_padding_20_50 { 
    padding: 20px 50px;
}

.nicdark_padding_20_25 { 
    padding: 20px 25px; 
}

.nicdark_padding_30 { 
    padding: 30px; 
}

.nicdark_padding_40 { 
    padding: 40px; 
}

.nicdark_padding_40_20 { 
    padding: 40px 20px; 
}

.nicdark_padding_50 { 
    padding: 50px; 
}

.nicdark_padding_60 { 
    padding: 60px; 
}

.nicdark_padding_80 { 
    padding: 80px; 
}

.nicdark_padding_90 { 
    padding: 90px; 
}

.nicdark_padding_100 { 
    padding: 100px; 
}

.nicdark_padding_1020 { 
    padding: 10px 20px; 
}

.nicdark_padding_510 { 
    padding: 5px 10px; 
}

/*bottom*/
.nicdark_padding_botttom_0 { 
    padding-bottom: 0px; 
}

.nicdark_padding_botttom_5 { 
    padding-bottom: 5px; 
}

.nicdark_padding_botttom_10 { 
    padding-bottom: 10px; 
}

/*top*/
.nicdark_padding_top_0 { 
    padding-top: 0px; 
}

.nicdark_padding_top_10 { 
    padding-top: 10px; 
}

/*left*/
.nicdark_padding_left_220 { 
    padding-left: 220px; 
}

.nicdark_padding_left_120 { 
    padding-left: 120px; 
}

.nicdark_padding_left_100 { 
    padding-left: 100px; 
}

.nicdark_padding_left_90 { 
    padding-left: 90px; 
}

.nicdark_padding_left_80 { 
    padding-left: 80px; 
}

.nicdark_padding_left_70 { 
    padding-left: 70px; 
}

.nicdark_padding_left_50 { 
    padding-left: 50px; 
}

.nicdark_padding_left_45 { 
    padding-left: 45px; 
}

.nicdark_padding_left_40 { 
    padding-left: 40px; 
}

.nicdark_padding_left_25 { 
    padding-left: 25px; 
}

.nicdark_padding_left_20 { 
    padding-left: 20px; 
}

.nicdark_padding_left_15 { 
    padding-left: 15px; 
}

.nicdark_padding_left_10 { 
    padding-left: 10px; 
}

.nicdark_padding_left_5 { 
    padding-left: 5px; 
}

.nicdark_padding_left_0 { 
    padding-left: 0px; 
}

/*right*/
.nicdark_padding_right_0 { 
    padding-right: 0px; 
}

.nicdark_padding_right_5 { 
    padding-right: 5px; 
}

.nicdark_padding_right_10 { 
    padding-right: 10px; 
}

.nicdark_padding_right_20 { 
    padding-right: 20px; 
}

.nicdark_padding_right_40 { 
    padding-right: 40px; 
}


/* 7.13 border */
/*border radius*/
.nicdark_border_radius_3 { 
    border-radius: 3px; 
}

.nicdark_border_radius_15 { 
    border-radius: 15px; 
}

.nicdark_border_radius_25 { 
    border-radius: 25px; 
}

.nicdark_border_radius_50 { 
    border-radius: 50px; 
}

.nicdark_border_radius_100_percentage { 
    border-radius: 100%; 
}

/*general border*/
.nicdark_border_width_2 { 
    border-width: 2px; 
}

.nicdark_border_0 { 
    border: 0px solid #fff; 
}

.nicdark_border_1_solid_white { 
    border: 1px solid #fff; 
}

.nicdark_border_2_solid_white { 
    border: 2px solid #fff; 
}

.nicdark_border_2_solid_white_hover:hover { 
    border: 2px solid #fff; 
}

.nicdark_border_1_solid_grey { 
    border: 1px solid #f1f1f1; 
}

.nicdark_border_1_solid_grey_2 { 
    border: 1px solid #5c5c5c; 
}

.nicdark_border_3_solid_white { 
    border: 3px solid #fff; 
}

.nicdark_border_3_dashed_grey { 
    border: 3px dashed #f1f1f1; 
}

.nicdark_border_1_solid_green { 
    border: 1px solid #22b6af; 
}

.nicdark_border_1_solid_green_hover:hover { 
    border: 1px solid #22b6af; 
}

.nicdark_border_2_solid_green { 
    border: 2px solid #22b6af; 
}

.nicdark_border_1_solid_orange { 
    border: 1px solid #f2a922; 
}

/*border top*/
.nicdark_border_top_width_0 { 
    border-top-width: 0px; 
}

.nicdark_border_top_1_solid_grey { 
    border-top: 1px solid #f1f1f1; 
}

.nicdark_border_top_1_solid_greydark { 
    border-top: 1px solid #595959; 
}

.nicdark_border_top_2_solid_grey { 
    border-top: 2px solid #f1f1f1; 
}

/*border bottom*/
.nicdark_border_bottom_width_0 { 
    border-bottom-width: 0px; 
}

.nicdark_border_bottom_width_2 { 
    border-bottom-width: 2px; 
}

.nicdark_border_bottom_1_solid_grey { 
    border-bottom: 1px solid #f1f1f1; 
}

.nicdark_border_bottom_2_solid_grey { 
    border-bottom: 2px solid #f1f1f1; 
}

.nicdark_border_bottom_2_solid_greendark { 
    border-bottom: 2px solid #64AB84; 
}

.nicdark_border_bottom_4_solid_white { 
    border-bottom: 4px solid #fff; 
}

.nicdark_border_bottom_3_solid_white { 
    border-bottom: 3px solid #fff; 
}

.nicdark_border_bottom_1_solid_greydark { 
    border-bottom: 1px solid #595959; 
}

/*border left*/
.nicdark_border_left_width_0 { 
    border-left-width: 0px; 
}

/*border right*/
.nicdark_border_right_width_0{ 
    border-right-width: 0px; 
}

/* box-shadow */
.nicdark_box_shadow_0_0_15_0_000_01 { 
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); 
}

/* 7.14 box-sizing */
.nicdark_box_sizing_border_box { 
    box-sizing: border-box; 
}


/* 7.15 list-style */
.nicdark_list_style_none { 
    list-style: none; 
}


/* 7.16 display */
.nicdark_display_inline { 
    display: inline; 
}

.nicdark_display_inline_block { 
    display: inline-block; 
}

.nicdark_display_block { 
    display: block; 
}

.nicdark_display_none { 
    display: none; 
}

.nicdark_display_table { 
    display: table; 
}

.nicdark_display_table_cell { 
    display: table-cell; 
}

/* 7.17 vertical-align */
.nicdark_vertical_align_middle { 
    vertical-align: middle; 
}

.nicdark_vertical_align_top { 
    vertical-align: top; 
}

.nicdark_vertical_align_bottom { 
    vertical-align: bottom; 
}

/* 7.18 float */
.nicdark_float_left { 
    float: left; 
}

.nicdark_float_right { 
    float: right; 
}


/* 7.19 bg size position repeat */
.nicdark_background_size_cover { 
    background-size: cover; 
}

.nicdark_background_size_25 { 
    background-size: 25px; 
}

.nicdark_background_position_center { 
    background-position: center center; 
}

.nicdark_background_position_center_bottom { 
    background-position: center bottom; 
}

.nicdark_background_position_center_top { 
    background-position: center top; 
}

.nicdark_background_repeat_no_repeat { 
    background-repeat: no-repeat; 
}


/* 7.20 position */
.nicdark_position_absolute { 
    position: absolute; 
}

.nicdark_position_relative { 
    position: relative; 
}

.nicdark_position_fixed { 
    position: fixed; 
}


/* 7.21 right left top bottom */
.nicdark_right_300_negative { 
    right: -300px; 
}

.nicdark_right_0 { 
    right: 0; 
}

.nicdark_right_20 { 
    right: 20px; 
}

.nicdark_left_0 { 
    left: 0; 
}

.nicdark_left_10 { 
    left: 10px; 
}

.nicdark_left_15 { 
    left: 15px; 
}

.nicdark_left_65_negative { 
    left: -65px; 
}

.nicdark_top_0 { 
    top: 0; 
}

.nicdark_top_5 { 
    top: 5px; 
}

.nicdark_top_40_negative { 
    top: -40px; 
}

.nicdark_top_10_negative { 
    top: -10px; 
}

.nicdark_top_5_negative { 
    top: -5px; 
}

.nicdark_top_3_negative { 
    top: -3px; 
}

.nicdark_top_10 { 
    top: 10px; 
}

.nicdark_top_17 { 
    top: 17px; 
}

.nicdark_top_20 { 
    top: 20px; 
}

.nicdark_bottom_20 { 
    bottom: 20px; 
}

.nicdark_bottom_30 { 
    bottom: 30px; 
}

.nicdark_bottom_35_negative { 
    bottom: -35px; 
}

/* 7.22 overflow */
.nicdark_overflow_hidden { 
    overflow: hidden; 
}

.nicdark_overflow_x_auto { 
    overflow-x: auto; 
}

.nicdark_overflow_y_auto { 
    overflow-y: auto; 
}

/* 7.23 cursor */
.nicdark_cursor_move { 
    cursor: move; 
}

.nicdark_cursor_pointer { 
    cursor: pointer; 
}

.nicdark_cursor_zoom_out { 
    cursor: zoom-out; 
}


/* 7.24 outline */
.nicdark_outline_0 { 
    outline: 0; 
}


/* 7.25 z-index */
.nicdark_z_index_1_negativem{ 
    z-index: -1; 
}

.nicdark_z_index_9{ 
    z-index: 9; 
}

.nicdark_z_index_99{ 
    z-index: 99;
}

.nicdark_z_index_999 { 
    z-index: 999; 
}


/* 7.26 transition */
.nicdark_transition_all_08_ease {
    -webkit-transition: all 0.8s ease; 
    -moz-transition: all 0.8s ease; 
    -o-transition: all 0.8s ease; 
    -ms-transition: all 0.8s ease; 
    transition: all 0.8s ease;
}

/* 7.27 opacity */
.nicdark_opacity_0 { 
    opacity: 0; 
}

.nicdark_opacity_07 { 
    opacity: 0.7; 
}

.nicdark_opacity_05_hover:hover { 
    opacity: 0.5; 
}

/* 7.28 zoom */
.nicdark_zoom_1_1_hover:hover { 
    zoom: 1.1; 
}



/* ------------------------------------------------------- CUSTOM FOR THEME ------------------------------------------------------- */

/*contact label*/
.contact_label a { 
    background-color: #22b6af !important;
    color: #fff !important;
    padding: 5px 15px !important;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 13px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important; 
}

.page-id-1231 #nd_options_footer_1,
.page-id-1153 #nd_options_footer_1 {
    margin-top: -5px;
}

#give-amount-text.give-text-input {
    height: 72px !important;
    border: 0px !important;
    font-size: 50px !important;
    font-weight: bold !important;
    width: 100% !important;
    background-color: transparent !important;
    line-height: 72px !important;
}

.elementor-drop-cap-yes.elementor-widget-text-editor p { 
    line-height:2em !important; 
}

.nd_options_navigation_2_sidebar_content {
    background-image: url('http://www.nicdarkthemes.com/themes/donation/wp/demo/wp-content/uploads/2020/06/paral-10.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*nicdark_navigation_1*/
.nicdark_navigation_1 div > ul { 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    text-align: right; 
}

.nicdark_navigation_1 div > ul > li { 
    display: inline-block; 
    padding: 10px 0px; 
}

.nicdark_navigation_1 div > ul > li:after { 
    content: ""; 
    display: inline-block; 
    margin: 0px 20px; 
    color: #5a5a5a; 
}

.nicdark_navigation_1 div > ul > li:last-child:after { 
    content: ""; 
    margin: 0px; 
}

.nicdark_navigation_1 div li a { 
    color: #fff; 
    font-size: 15px; 
    font-family: 'Jost'; 
    font-weight: normal; 
}

.nicdark_navigation_1 div > ul li:hover > ul.sub-menu,
.nicdark_navigation_1 div > ul li:hover > ul.children { 
    display: block; 
}

.nicdark_navigation_1 div > ul li > ul.sub-menu,
.nicdark_navigation_1 div > ul li > ul.children { 
    z-index: 999; 
    position: absolute; 
    margin: 0px; 
    padding: 0px; 
    list-style: none; 
    display: none; 
    margin-left: -20px; 
    padding-top: 25px; 
    width: 210px; 
}

.nicdark_navigation_1 div > ul li > ul.sub-menu > li,
.nicdark_navigation_1 div > ul li > ul.children > li { 
    line-height: 1.8em; 
    padding: 15px 20px; 
    border-bottom: 1px solid #f1f1f1; 
    text-align: left; 
    background-color: #fff; 
    position: relative; 
    box-shadow: 0px 2px 5px #f1f1f1; 
}

.nicdark_navigation_1 div > ul li > ul.sub-menu > li:hover,
.nicdark_navigation_1 div > ul li > ul.children > li:hover { 
    background-color: #f9f9f9;  
}

.nicdark_navigation_1 div > ul li > ul.sub-menu > li:last-child,
.nicdark_navigation_1 div > ul li > ul.children > li:last-child { 
    border-bottom: 0px solid #000; 
}

.nicdark_navigation_1 div > ul li > ul.sub-menu li a,
.nicdark_navigation_1 div > ul li > ul.children li a { 
    color: #5c5c5c; 
    font-size: 15px; 
    text-transform: initial; 
}

.nicdark_navigation_1 div > ul li > ul.sub-menu li > ul.sub-menu,
.nicdark_navigation_1 div > ul li > ul.children li > ul.children { 
    margin-left: 180px; 
    top: 0; 
    padding-top: 0; 
    padding-left: 30px; 
}

@media only screen and (min-width: 320px) and (max-width: 1199px) { 
   
    .nicdark_navigation_1 div > ul { 
        text-align: center; 
    } 

}

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

    .nicdark_navigation_1 div > ul { 
        display: none; 
    } 

    .nicdark_navigation_1 div > ul li > ul.sub-menu, 
    .nicdark_navigation_1 div > ul li > ul.children { 
        margin-left: -85px; 
        left: 50%; 
    }

    .nicdark_navigation_1 div > ul > li:after { 
        display: none; 
    } 

    .nicdark_navigation_1 div > ul > li { 
        display: block; 
    }

    .nicdark_navigation_1 div > ul li > ul.sub-menu li > ul.sub-menu, 
    .nicdark_navigation_1 div > ul li > ul.children li > ul.children { 
        margin-left: -85px; 
        left: 50%; 
        top: 0; 
        padding-top: 60px; 
    } 

}

/*responsive navigation*/
.nicdark_navigation_1_sidebar div > ul { 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
}

.nicdark_navigation_1_sidebar div > ul > li { 
    display: inline-block; 
    width: 100%; 
    padding: 0px 0px 10px 0px; 
}

.nicdark_navigation_1_sidebar div li > a { 
    padding: 10px 0px; 
    display: inline-block; 
    font-size: 20px; 
    text-transform: lowercase; 
    color: #fff; 
}

.nicdark_navigation_1_sidebar div li > a::first-letter { 
    text-transform: uppercase; 
}

.nicdark_navigation_1_sidebar div > ul li > ul.sub-menu, 
.nicdark_navigation_1_sidebar div > ul li > ul.children { 
    margin: 0px;
    padding: 0px; 
    list-style: none; 
}

.nicdark_navigation_1_sidebar div > ul li > ul.sub-menu > li, 
.nicdark_navigation_1_sidebar div > ul li > ul.children > li { 
    padding: 0px 20px; 
    text-align: left; 
}

.nicdark_navigation_1_sidebar div > ul li > ul.sub-menu li a, 
.nicdark_navigation_1_sidebar div > ul li > ul.children li a { 
    font-size: 14px; 
}

/*nicdark_image_archive*/
.nicdark_image_archive img { 
    float: left; 
    max-width: 100%; 
    height: auto; 
}

#start_nicdark_framework.home #nicdark_header_img_archive { 
    display: none; 
}

/*pagination*/
.navigation.pagination .nav-links { 
    text-align: center; 
}

.navigation.pagination .nav-links .page-numbers { 
    font-size: 20px; 
    font-family: 'Jost'; 
    margin: 0px 10px; 
}

.navigation.pagination .nav-links .page-numbers.current { 
    color: #282828;  
}

/*sidebar*/
.nicdark_sidebar .widget { 
    margin-bottom: 40px; 
}

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

.nicdark_sidebar .widget select { 
    width: 100%; 
}

.nicdark_sidebar .widget h3 { 
    margin-bottom: 20px; 
    font-weight: bold; 
}

.nicdark_sidebar .widget.widget_search #searchsubmit { 
    color: #fff; 
    background-color: #22b6af; 
    text-transform: uppercase; 
    border: 0px; 
    font-family: 'Jost'; 
    border-radius: 0px; 
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

.nicdark_sidebar .widget.widget_search input[type="text"] { 
    width: 100%; 
    margin-bottom: 20px; 
}

/*list*/
.nicdark_sidebar .widget ul { margin: 0px; 
    padding: 0px; 
    list-style: none; 
}

.nicdark_sidebar .widget > ul > li { 
    padding: 10px; 
    border-bottom: 1px solid #f1f1f1; 
}

.nicdark_sidebar .widget > ul > li:last-child { 
    padding-bottom: 0px; 
    border-bottom: 0px solid #f1f1f1; 
}

.nicdark_sidebar .widget ul li { 
    padding: 10px 0px; 
}

.nicdark_sidebar .widget ul.children { 
    padding: 10px; 
}

.nicdark_sidebar .widget ul.children:last-child { 
    padding-bottom: 0px; 
}

/*calendar*/
.nicdark_sidebar .widget.widget_calendar table { 
    text-align: center; 
    background-color: #fff; 
    width: 100%; 
    border: 1px solid #f1f1f1; 
    line-height: 20px; 
}

.nicdark_sidebar .widget.widget_calendar table thead { 
    color: #282828; 
}

.nicdark_sidebar .widget.widget_calendar table th { 
    padding: 10px 5px; 
}

.nicdark_sidebar .widget.widget_calendar table td { 
    padding: 10px 5px; 
}

.nicdark_sidebar .widget.widget_calendar table tbody td a { 
    color: #fff; 
    background-color: #22b6af; 
    padding: 5px; 
    border-radius: 0px; 
}

.nicdark_sidebar .widget.widget_calendar table tfoot td a { 
    color: #fff; 
    background-color: #282828; 
    padding: 5px; 
    border-radius: 0px; 
    font-size: 13px; 
}

.nicdark_sidebar .widget.widget_calendar table tfoot td { 
    padding-bottom: 20px; 
}

.nicdark_sidebar .widget.widget_calendar table tfoot td#prev { 
    text-align: right; 
}

.nicdark_sidebar .widget.widget_calendar table tfoot td#next { 
    text-align: left; 
}

.nicdark_sidebar .widget.widget_calendar table caption { 
    font-size: 20px; 
    color: #282828; 
    font-weight: normal; 
    font-family: 'Jost'; 
    background-color: #f9f9f9; 
    padding: 20px; 
    border: 1px solid #f1f1f1; 
    border-bottom: 0px; 
}

/*menu*/
.nicdark_sidebar .widget div ul { 
    margin: 0px; 
    padding: 0px; 
    list-style: none; 
}

.nicdark_sidebar .widget div > ul > li { 
    padding: 10px;
    border-bottom: 1px solid #f1f1f1; 
}

.nicdark_sidebar .widget div > ul > li:last-child { 
    padding-bottom: 0px; 
    border-bottom: 0px solid #f1f1f1; 
}

.nicdark_sidebar .widget div ul li { 
    padding: 10px 0px; 
}

.nicdark_sidebar .widget div ul.sub-menu { 
    padding: 10px; 
}

.nicdark_sidebar .widget div ul.sub-menu:last-child { 
    padding-bottom: 0px; 
}

/*tag*/
.nicdark_sidebar .widget.widget_tag_cloud a { 
    padding: 5px 10px; 
    border: 1px solid #f1f1f1; 
    border-radius: 0px;
    display: inline-block;
    margin: 5px; 
    margin-left: 0px; 
}

/*sticky*/
.sticky .nicdark_bg_btn_archive { 
    background-color: #22b6af; 
}

#nicdark_bg_date_archive { 
    border-radius: 10px; 
}

.sticky .nicdark_archive_date { 
    border-left: 2px solid #22b6af; 
}

.nicdark_archive_date { 
    border-left: 2px solid #f2a922;
}

/*SINGLE POST/PAGE tag, link pages and comment*/
#nicdark_tags_list { 
    color: #282828; 
    font-family: 'Jost'; 
    margin-top: 20px;  
}

#nicdark_tags_list a { 
    padding: 8px; 
    border: 1px solid #f1f1f1; 
    font-size: 13px; 
    line-height: 13px; 
    display: inline-block; 
    margin: 5px 10px; 
    margin-left: 0px; 
    border-radius: 0px;  
}

#nicdark_categories_list { 
    color: #282828; 
    font-family: 'Jost'; 
    margin-top: 20px; 
}

#nicdark_categories_list ul { 
    margin: 0px; 
    padding: 0px; 
}

#nicdark_categories_list ul li { 
    padding: 8px; 
    border: 1px solid #f1f1f1; 
    font-size: 13px; 
    line-height: 13px; 
    display: inline-block; 
    margin: 5px 10px; 
    margin-left: 0px; 
    border-radius: 0px; 
}

#nicdark_link_pages{ 
    letter-spacing: 10px; 
}

#nicdark_link_pages a{ 
    font-family: 'Jost';
    margin: 0px;
    padding: 5px 10px;
    border: 1px solid #f1f1f1;
    letter-spacing: 0px; 
}

#nicdark_link_pages span {
    background-color: #282828;
    color: #fff;
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 0px;
    border: 1px solid #282828; 
}

.nicdark_comments_ul { 
    margin:0px; 
    padding: 0px; 
    list-style: none; 
}

.nicdark_comments_ul li { 
    margin:20px 0px; 
    float: left; 
    width: 100%; 
}

.nicdark_comments_ul li .children { 
    margin:0px; 
    padding: 10px 40px; 
    list-style: none; 
}

@media only screen and (min-width: 320px) and (max-width: 1199px) {

    .nicdark_comments_ul li .children { 
        margin:0px; 
        padding: 10px 10px; 
        list-style: none; 
    } 

}

.nicdark_comments_ul li .reply a.comment-reply-link { 
    color: #fff; 
    margin-top: 0px; 
    display: inline-block;
    line-height: 13px; 
    border-radius: 0px; 
    background-color: #22b6af; 
    padding: 5px 8px; 
    font-size: 13px; 
    text-transform: uppercase; 
    font-family: 'Jost'; 
}

.nicdark_comments_ul li .comment-author .fn, 
.nicdark_comments_ul li .comment-author .fn a { 
    color: #282828; 
    font-weight: bold; 
    font-family: 'Jost'; 
    font-style: normal; 
}

.nicdark_comments_ul li .comment-author img { 
    border-radius: 100%; 
}

.nicdark_comments_ul li .comment-author { 
    display: table; 
}

.nicdark_comments_ul li .comment-author .fn { 
    display: table-cell; 
    vertical-align: middle; 
    padding: 0px 10px; 
}

.nicdark_comments_ul li .comment-author .says { 
    display: table-cell; 
    vertical-align: middle; 
}

.nicdark_comments_ul li .comment-author img { 
    display: inline; vertical-align: middle; 
}

#nicdark_comments_form h3.comment-reply-title, 
#respond.comment-respond h3.comment-reply-title { 
    font-weight: bolder; 
    margin-bottom: 10px; 
}

#respond.comment-respond h3.comment-reply-title { 
    margin-top: 20px; 
}

#nicdark_comments_form label, 
#nicdark_comments_form input[type='text'], 
#nicdark_comments_form textarea { 
    float: left; 
    width: 100%; 
}

#nicdark_comments_form input[type='submit'] { 
    border: 0px; 
    color: #fff; 
    border-radius: 3px; 
    background-color: #22b6af; 
    margin-top: 10px; 
}

#nicdark_comments_form p { 
    margin: 10px 0px; 
    float: left; 
    width: 100%; 
}

#nicdark_comments .nicdark_comments_ul li.comment h3#reply-title a#cancel-comment-reply-link { 
    background-color: #000; 
    color: #fff;
    font-size: 13px; 
    line-height: 13px;
    text-transform: uppercase; 
    font-weight: normal;
    padding: 3px 10px; 
    margin-left: 20px;
}

#commentform.comment-form label, 
#commentform.comment-form input[type='text'], 
#commentform.comment-form textarea { 
    float: left; 
    width: 100%; 
}

#commentform.comment-form input[type='submit'] { 
    border: 0px; 
    color: #fff; 
    border-radius: 0px; 
    font-family: 'Jost'; 
    text-transform: uppercase; 
    background-color: #22b6af; 
    margin-top: 10px; 
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px; 
    line-height: 13px;
}

#commentform.comment-form p { 
    margin: 10px 0px; 
    float: left; 
    width: 100%; 
}

/*Markup And Formatting*/
.nicdark_container_page_php p,
.nicdark_container_page_php h1,
.nicdark_container_page_php h2,
.nicdark_container_page_php h3,
.nicdark_container_page_php h4,
.nicdark_container_page_php h5,
.nicdark_container_page_php h6,
.nicdark_container_single_php p,
.nicdark_container_single_php h1,
.nicdark_container_single_php h2,
.nicdark_container_single_php h3,
.nicdark_container_single_php h4,
.nicdark_container_single_php h5,
.nicdark_container_single_php h6,
.nicdark_comments_php p,
.nicdark_comments_php h1,
.nicdark_comments_php h2,
.nicdark_comments_php h3,
.nicdark_comments_php h4,
.nicdark_comments_php h5,
.nicdark_comments_php h6 { 
    margin-top: 10px; 
    margin-bottom: 10px; 
}

.nicdark_container_page_php a, 
.nicdark_container_single_php a { 
    text-decoration: underline; 
    color: #282828; 
}

.nicdark_comments_php blockquote, 
.nicdark_container_page_php blockquote, 
.nicdark_container_single_php blockquote { 
    background-color: #f9f9f9;
    margin: 0px;
    padding: 5px 20px;
    box-sizing: border-box;
    border-left: 2px solid #f1f1f1;
}

.nicdark_comments_php blockquote cite, 
.nicdark_container_page_php blockquote cite, 
.nicdark_container_single_php blockquote cite{ 
    color: #282828;
    display: block;
}

.nicdark_comments_php table, 
.nicdark_container_page_php table, 
.nicdark_container_single_php table { 
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    width: 100%;
}

.nicdark_comments_php table td,
.nicdark_comments_php table th, 
.nicdark_container_page_php table td,
.nicdark_container_page_php table th, 
.nicdark_container_single_php table td, 
.nicdark_container_single_php table th {
    margin: 0px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
}

.nicdark_comments_php table th, 
.nicdark_container_page_php table th, 
.nicdark_container_single_php table th { 
    background-color: #f9f9f9;
}

.nicdark_comments_php dl, 
.nicdark_comments_php dt,
.nicdark_comments_php dd, 
.nicdark_container_page_php dl, 
.nicdark_container_page_php dt,
.nicdark_container_page_php dd, 
.nicdark_container_single_php dl, 
.nicdark_container_single_php dt, 
.nicdark_container_single_php dd {
    margin: 0px; 
    padding: 0px;
}

.nicdark_comments_php dt, 
.nicdark_container_page_php dt,
.nicdark_container_single_php dt { 
    color: #282828;
}

.nicdark_comments_php dd, 
.nicdark_container_page_php dd,
.nicdark_container_single_php dd { 
    margin-bottom: 20px;
}

.nicdark_comments_php ins, 
.nicdark_container_page_php ins,
.nicdark_container_single_php ins { 
    background-color: #444;
    color: #fff;
    text-decoration: none;
    padding: 2px 5px;
}

.nicdark_comments_php pre, 
.nicdark_container_page_php pre,
.nicdark_container_single_php pre { 
    margin: 0px;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    padding: 20px; 
    overflow: hidden; 
    overflow-x: scroll;  
}

.nicdark_container_page_php img,
.nicdark_container_single_php img,
.nicdark_container_page_php iframe,
.nicdark_container_single_php iframe,
.nicdark_comments_php img,
.nicdark_comments_php iframe{ 
    max-width: 100%; 
    height: auto; 
}

.nicdark_archive_excerpt p { 
    line-height: 1.8em; 
}


/* ------------------------------------------------------- RESPONSIVE ------------------------------------------------------- */


/* 11 RESPONSIVE ------------------------------------------------------- */


/* 11.1 ipad land*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    
    .nicdark_container{
        width:960px;
    }

    .nicdark_grid_1,
    .nicdark_grid_2,
    .nicdark_grid_3,
    .nicdark_grid_4,
    .nicdark_grid_5,
    .nicdark_grid_6,
    .nicdark_grid_7,
    .nicdark_grid_8,
    .nicdark_grid_9,
    .nicdark_grid_10,
    .nicdark_grid_11,
    .nicdark_grid_12 { 
        width: 100%; 
    }

}

/* 11.2 ipad port*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    
    .nicdark_container {
        width:748px;
    }

    .nicdark_width_100_percentage_ipad_port { 
        width: 100%; 
    }

    .nicdark_grid_1,
    .nicdark_grid_2,
    .nicdark_grid_3,
    .nicdark_grid_4,
    .nicdark_grid_5,
    .nicdark_grid_6,
    .nicdark_grid_7,
    .nicdark_grid_8,
    .nicdark_grid_9,
    .nicdark_grid_10,
    .nicdark_grid_11,
    .nicdark_grid_12 { 
        width: 100%; 
    }

}

/* 11.3 iphone land*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    body{ 
        -webkit-text-size-adjust:none; 
    }

    .nicdark_container {
        width:460px;
    }

    .nicdark_grid_1,
    .nicdark_grid_2,
    .nicdark_grid_3,
    .nicdark_grid_4,
    .nicdark_grid_5,
    .nicdark_grid_6,
    .nicdark_grid_7,
    .nicdark_grid_8,
    .nicdark_grid_9,
    .nicdark_grid_10,
    .nicdark_grid_11,
    .nicdark_grid_12 { 
        width: 100%; 
    }

}

/* 11.4 iphone port*/
@media only screen and (min-width: 320px) and (max-width: 479px){
    
    body{ 
        -webkit-text-size-adjust:none; 
    }

    .nicdark_container{ 
        width:300px;
    }

    .nicdark_width_100_percentage_iphone_port { 
        width: 100%; 
    }

    .nicdark_text_align_left_iphone_port { 
        text-align: left; 
    }

    .nicdark_grid_1,
    .nicdark_grid_2,
    .nicdark_grid_3,
    .nicdark_grid_4,
    .nicdark_grid_5,
    .nicdark_grid_6,
    .nicdark_grid_7,
    .nicdark_grid_8,
    .nicdark_grid_9,
    .nicdark_grid_10,
    .nicdark_grid_11,
    .nicdark_grid_12{ 
        width: 100%; 
    } 

}

/* 11.5 all responsive*/
@media only screen and (min-width: 320px) and (max-width: 1199px) {
    
    .nicdark_display_none_all_responsive { 
        display: none; 
    }

    .nicdark_display_block_responsive { 
        display: block; 
    }

    .nicdark_width_100_percentage_responsive { 
        width: 100%; 
    }

    .nicdark_width_50_percentage_responsive { 
        width: 50%; 
    }

    .nicdark_text_align_center_responsive { 
        text-align: center; 
    }

    .nicdark_text_align_left_responsive { 
        text-align: left; 
    }

    .nicdark_margin_top_5_responsive { 
        margin-top: 5px; 
    }

    .nicdark_border_top_1_solid_greydark_responsive { 
        border-top: 1px solid #595959; 
    }

    .nicdark_cursor_move_responsive { 
        cursor: move; 
    }

    .nicdark_font_size_40_responsive { 
        font-size: 40px; 
    }

    .nicdark_line_height_40_responsive { 
        line-height: 40px; 
    }

    .nicdark_padding_20_responsive { 
        padding: 20px; 
    }

}

/* 11.6 all iphone*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    .nicdark_display_none_all_iphone { 
        display: none; 
    }

    .nicdark_display_block_all_iphone {
        display: block; 
    }

    .nicdark_width_100_percentage_all_iphone { 
        width: 100%; 
    }

    .nicdark_width_50_percentage_all_iphone { 
        width: 50%; 
    }

    .nicdark_width_50_all_iphone { 
        width: 50px; 
    }

    .nicdark_width_250_all_iphone { 
        width: 250px; 
    }

    .nicdark_text_align_center_all_iphone { 
        text-align: center; 
    }

    .nicdark_padding_right_0_all_iphone { 
        padding-right: 0px; 
    }

    .nicdark_padding_left_0_all_iphone { 
        padding-left: 0px; 
    }

    .nicdark_padding_0_all_iphone { 
        padding: 0px; 
    }

    .nicdark_padding_40_all_iphone { 
        padding: 40px; 
    }

    .nicdark_font_size_40_all_iphone { 
        font-size: 40px; 
    }

    .nicdark_font_size_20_all_iphone { 
        font-size: 20px; 
    }

    .nicdark_font_size_10_all_iphone { 
        font-size: 10px; 
    }

    .nicdark_line_height_40_all_iphone { 
        line-height: 40px; 
    }

    .nicdark_line_height_20_all_iphone { 
        line-height: 20px; 
    }

    .nicdark_position_relative_all_iphone { 
        position: relative; 
    }

    .nicdark_margin_top_20_all_iphone { 
        margin-top: 20px; 
    }
}
/* Color variables for selected components */
:root {
    --color-brand-red: #C9212C;
    --color-brand-red-dark: #A11A23;
    --color-brand-green: #098846;
    --color-text-primary: #2C3E50;
    --color-white: #FFFFFF;
    --color-border-muted: #2C3E50CC;
}




.btn-teritiary-up {
    text-decoration: none;
    transition: all 0.3s;
    margin-bottom: 0!important;
    .elementor-button {
        width: 100%;
        background: transparent!important;
        border: none!important;
        padding: 10px!important;
        padding-left: 0!important;
        font-family: "DM Sans", sans-serif;
        font-size: 1.125rem!important;
        font-style: normal;
        font-weight: 500!important;
        line-height: 140%!important; /* 1.575rem */
        text-transform: initial!important;
        color: #2C3E50!important;
        letter-spacing: normal!important;
        .elementor-button-content-wrapper {
            align-items: center;
            justify-content: space-between;
            .elementor-button-icon {
                width: 1.75rem;
                svg {
                    width: 1.75rem;
                }
            }
        }
        .ex-arrow-icon {
            backface-visibility: hidden;
            position: relative;
            top: -1px;
            vertical-align: middle;
            width: 32px;
        }
       
    }
    &:hover{
        color: var(--color-brand-green)!important;
        .elementor-button {
            color: var(--color-brand-green)!important;
        }
    }
}

.px-24 {
    padding-inline: 1.5rem!important;
}
.flex-1 {
    flex: 1!important;
}




.btn-teritiary {
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
    .elementor-button {
        background: transparent!important;
        border: none!important;
        padding: 0 10px!important;
        padding-left: 0!important;
        font-family: "DM Sans", sans-serif;
        font-size: 0.9375rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 1.125rem */
        letter-spacing: 0.075rem;
        text-transform: uppercase;
        color: var(--color-brand-red)!important;
        .elementor-button-content-wrapper {
            align-items: center;
        }
        .elementor-button-icon {
            width: 32px; 
        }
        .ex-arrow-icon {
            backface-visibility: hidden;
            position: relative;
            top: -1px;
            transform: translateZ(0) scale(1);
            transition: transform 0.3s cubic-bezier(0.76,0,0.24,1);
            vertical-align: middle;
            width: 32px;
        }
        .ex-arrow-icon-circle {
            stroke-dasharray: 95;
            stroke-dashoffset: 95;
            transition: stroke-dashoffset 0.3s cubic-bezier(0.76,0,0.24,1);
        }
    }
    &:hover{
        color: var(--color-brand-green)!important;
        .elementor-button {
            color: var(--color-brand-green)!important;
            .ex-arrow-icon {
                transform: translate3d(16px, 0, 0) scale(1.1);
            }
            .ex-arrow-icon-circle {
                stroke-dashoffset: 0;
            }
        }
    }
    &.btn-teritiary-hover-white {
        &:hover{
            color: var(--color-white)!important;
            .elementor-button {
                color: var(--color-white)!important;
            }
        }
    }
    &.btn-teritiary-white {
        .elementor-button {
            color: var(--color-white)!important;
        }
        &:hover{
            color: var(--color-white)!important;
            .elementor-button {
                color: var(--color-white)!important;
            }
        }
    }
}



.btn-primary-white {
    .elementor-button {
        text-decoration: none;
        color: var(--color-brand-red)!important;
        padding: 1rem 2rem;
        border: 1px solid var(--color-white)!important;
        border-radius: 0.5rem;
        background: var(--color-white)!important;
        transition: all 0.3s;
        &:hover{
            color: var(--color-white)!important;
            background: transparent!important;
            border-color: var(--color-white)!important;
        }
    }
}



.btn-secondary {
    .elementor-button {
        text-decoration: none;
        color: var(--color-brand-red)!important;
        padding: 1rem 2rem;
        border: 1px solid var(--color-brand-red);
        border-radius: 0.5rem;
        background: var(--color-white)!important;
        transition: all 0.3s;
        &:hover{
            color: var(--color-white)!important;
            background: var(--color-brand-red)!important;
            svg {
                path {
                    fill: var(--color-white)!important;
                }
            }
        }
    }
    
}
.btn-secondary-white {
    .elementor-button {
        text-decoration: none;
        color: var(--color-white)!important;
        padding: 1rem 2rem;
        border: 1px solid var(--color-white)!important;
        border-radius: 0.5rem;
        background: transparent!important;
        transition: all 0.3s;
        &:hover{
            color: var(--color-brand-red)!important;
            border-color: var(--color-white)!important;
            background: var(--color-white)!important;
        }
    }
}


.slider{
    .give-card__media{
        height: 18.75rem;
        img{
            height: 100%;
            object-fit: cover;
            width: 100%;
        }
    }
    .give-form-grid-content{
        padding: 2rem 1.5rem;
        gap: 1.5rem;
        color: var(--color-text-primary);
        .give-form-grid-content__text{
            font-weight: 500;
            font-size: 0.875rem;
            line-height: 1.4;
            letter-spacing: -0.02em;
        }
        button{
            color: var(--color-white);
            background: var(--color-brand-red);
            border-radius: 0.5rem;
            padding: 1rem 2rem;
            font-family: "DM Sans", sans-serif;
            font-weight: 700;
            font-size: 0.9375rem;
            line-height: 1.2;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            border: 0.0625rem solid var(--color-brand-red);
            transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
            &:hover{
                background: var(--color-brand-red-dark);
                border: 0.0625rem solid var(--color-brand-red-dark);
            }
        }
    }
    .give-grid{
        margin-bottom: 3rem;
    }
    .give-page-numbers{
        text-align: center;
        .page-numbers{
            min-width: 3rem;
            min-height: 3rem;
            border-radius: 0.25rem;
            border: 0.0625rem solid var(--color-brand-green);
            background: transparent;
            font-family: "DM Sans", sans-serif;
            font-weight: 500;
            font-size: 0.875rem;
            line-height: 1.4;
            letter-spacing: -0.02em;
            text-align: center;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: var(--color-brand-green);
            transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
            margin-right: 1rem;
            &:last-child{
                margin-right: 0;
            }
            &.current{
                color: var(--color-white);
                background: var(--color-brand-green);
            }
            &:hover{
                color: var(--color-white);
                background: var(--color-brand-green);
            }
            &.next, &.prev{
                border: 0.0625rem solid var(--color-border-muted);
            }
        }
    }
    & .donation{
        .give-form-grid-progress{
            padding: 0 1.5rem 2rem 1.5rem;
            background: var(--color-white);
            .give-form-grid-progress-bar{
                margin-top: 0;
                margin-bottom: 1rem;
            }
            .form-grid-raised{
                color: var(--color-text-primary);
                font-family: "DM Sans", sans-serif;
                font-weight: 600;
                font-size: 1rem;
                line-height: 1.25rem;
                letter-spacing: -0.02em;
            }
        }
        .give-form-grid-content{
            button{
                display: block;
                width: 100%;
                text-align: center;
            }
        }
    } 
}

.social-icon-circle {
    position: relative;
    padding-right: 1.5rem;
    &::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background: url('data:image/svg+xml,<svg width="1" height="61" viewBox="0 0 1 61" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="0.5" y1="0.545898" x2="0.499997" y2="60.5459" stroke="url(%23paint0_linear_3_35)"/><defs><linearGradient id="paint0_linear_3_35" x1="-0.5" y1="0.545898" x2="-0.500003" y2="60.5459" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="0.538462" stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
        background-repeat: no-repeat!important;
        background-size: contain!important;
    }
    &:last-child {
        padding-right: 0!important;
        &::after {
            display: none;
        }
    }
    .elementor-icon-box-icon {
        margin-bottom: 8px !important;
        .elementor-icon {
            height: 49px;
            width: 49px;
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.2rem !important;
        }
    }

}

.slider-custom {
    .swiper-slide-bg {
        border-radius: 0.75rem;
    }
    
}

.padding-y {
    padding-block: 3.5rem!important;
    @media screen and (min-width: 768px) {
        padding-block: 4rem!important;
    }
    @media screen and (min-width: 1280px) {
        padding-block: 5rem!important;
    }
}
.padding-top {
    padding-top: 3.5rem!important;
    @media screen and (min-width: 768px) {
        padding-top: 4rem!important;
    }
    @media screen and (min-width: 1280px) {
        padding-top: 5rem!important;
    }
}
.padding-b-small {
    @media screen and (max-width: 767px) {
        padding-block: 2rem!important;
    }
}
.heading-row {
    p {
        a {
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            color: var(--color-brand-red);
        }
    }
}


.testi-slider {
    .elementor-testimonial {
        justify-content: left;
        .elementor-testimonial__content {
            max-width: 745px;
        }
        .elementor-testimonial__cite {
            margin-top: 32px!important;
        }
       
    }
    .swiper-pagination-bullets {
        bottom: -16px!important;
    }
}

.accordion-style {
    .elementor-tab-title {
        
        a {
            display: block;
        }

        .elementor-toggle-icon  {
            svg {
                width: 26px!important;
                margin-top: -5px!important;
            }
        }
    }
    .elementor-tab-content.elementor-active {
        background: #fff;
    }
    .elementor-tab-content  {
        padding: 1.5rem;
        ul {
            list-style: none!important;
            li {
                list-style: none!important;
                position: relative;
                padding-left: 2.5rem;
                margin-bottom: 1rem;
                span {
                    font-weight: 500 !important;
                }
                   &::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: -1px;
                    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M5.28027 11H16.7203M16.7203 11L11.0003 5.28003M16.7203 11L11.0003 16.72" stroke="%232C3E50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    width: 1.375rem;
                    height: 1.375rem;
                }
            }
        }
    }
}

.boxs-style {
    padding: 3rem 1.2rem;
    @media screen and (min-width: 1024px) {
        padding: 4rem 5rem!important;
    }
    @media screen and (min-width: 1280px) {
        padding: 5rem 7.5rem!important;
    }
}

.circle-number {
    width: 2rem!important;
    height: 2rem!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    background-color: #098846!important;
    text-align: center!important;
    border-radius: 50px!important;
    @media screen and (min-width: 1280px) {
        width: 2.5rem!important;
         height: 2.5rem!important;
    }
    &.small-circle {
        width: 30px!important;
        height: 30px!important;
    }
}
.right-content-text {
    flex: 1!important;
}

.link-style a .elementor-icon-list-text {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    color: var(--color-brand-red)!important;
    transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
    &:hover {
        color: var(--color-brand-red-dark)!important;
    }
}


.slider-custom-class {
    .swiper {
        padding-bottom: 5rem!important;
    }
    .elementor-swiper-button {
        border-radius: 0.28125rem;
        border: 1px solid rgba(44, 62, 80, 0.80) !important;
        display: flex !important;
        width: 3rem;
        height: 3rem;
        padding: 0.78125rem 0.78125rem 0.84375rem 0.84375rem;
        justify-content: center;
        align-items: center;
        top: calc(var(--e-n-carousel-arrow-prev-top-align) + var(--e-n-carousel-arrow-prev-top-position) - -12px)!important;
        svg {
            width: 0.5rem!important;
        }
        &:hover {
           border-color: #098846!important;
        }
        &.elementor-swiper-button-prev {
            left: 43%!important;
            @media screen and (max-width: 1280px) {
                left: 40%!important;
            }
            @media screen and (max-width: 768px) {
                left: 35%!important;
            }
            @media screen and (max-width: 480px) {
                left: 25%!important;
            }
        }
        &.elementor-swiper-button-next {
            right: 43%!important;
            @media screen and (max-width: 1280px) {
                right: 40%!important;
            }
            @media screen and (max-width: 768px) {
                right: 35%!important;
            }
            @media screen and (max-width: 480px) {
                right: 25%!important;
            }
        }   
    }
}


.btn-full-width {
    a {
        width: 100%!important;
    }
}
.height-full {
    height: 100%!important;
    > div {
        height: 100%!important;
    }
}

.overflow-hidden {
    overflow: hidden!important;
}

.icon-text-row {
    .elementor-icon-box-icon {
        margin-top: 5px!important;
    }
}

.text-arrow-row {
    .elementor-icon-box-content {
        .elementor-icon-box-description {
            display: flex;
            gap: 1rem;
            align-items: center;
            flex-wrap: wrap;
        }
    }
}

/* Optimized Aspect Ratio Classes */
.img-aspect-ratio {
    /* Modern approach using CSS aspect-ratio property */
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

.contact-form {
    .e-form__step:not(.elementor-hidden) {
        align-items: end!important;
    }
    .elementor-field-group {
        input {
            padding: 0.75rem 1rem !important;
            text-transform: none!important;
            &:focus {
                box-shadow: inset 0 0 0 1px #098846!important;
                border-color: #098845 !important;
                transition: all 0.4s ease-in-out;
            }
            &::placeholder {
                opacity: 1!important;
            }
        }
        select {
            text-transform: none!important;
            padding: 0.75rem 1rem !important;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 9L12 15L18 9" stroke="%232C3E50" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            background-repeat: no-repeat;
            background-position: right 16px top 13px;
            appearance: none !important;
            -webkit-appearance: none !important;
            -moz-appearance: none!important;
            padding-right: 50px !important;
            &:focus {
                box-shadow: inset 0 0 0 1px #098846!important;
                border-color: #098845 !important;
                transition: all 0.4s ease-in-out;
            }
        }
        .select-caret-down-wrapper {
            svg {
                display: none!important;
            }
        }
        textarea {
            text-transform: none!important;
            padding: 0.75rem 1rem !important;
            &:focus {
                box-shadow: inset 0 0 0 1px #098846!important;
                border-color: #098845 !important;
                transition: all 0.4s ease-in-out;
            }
        }


    }

    .e-form__indicators__indicator {
        @media screen and (min-width: 1280px) {
            min-width: 200px !important;
        }
        &.e-form__indicators__indicator--state-completed {
            .e-form__indicators__indicator__number {
                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M20 6.10547L9 17.1055L4 12.1055" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                background-size: 1.5rem;
                background-repeat: no-repeat;
                background-position: center;
                font-size: 0;
            }
        }
    }

    /* .elementor-field-required  {
        input {
            border-color: #C9212C !important;
            box-shadow: inset 0 0 0 1px #C9212C !important;
        }
    } */

    .e-form__indicators__indicator--state-inactive {
        .e-form__indicators__indicator__label {
            opacity: 0.4!important;
        }
    }
    .e-form__indicators__indicator__number {
        margin-bottom: 1rem!important;
    }

    .middle-gap {
        padding-top: 32px!important;
        border-top: 1px solid #D5D8DC!important;
    }

    .elementor-field-type-checkbox {
        .elementor-field-subgroup {
            gap: 24px!important;  
        }
        .elementor-field-option {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            cursor: pointer;
            position: relative;
            input[type="checkbox"] {
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                width: 21px !important;
                height: 21px !important;
                padding: 0 !important;
                border-radius: 0.25rem!important;
                border: 1px solid #D5D8DC;
                background: #FFF;
                cursor: pointer;
                position: relative;
                margin: 0;
                margin-right: 11px;
                transition: all 0.3s ease;
                flex-shrink: 0;
                top: -1px!important;
                &:checked {
                    border: 1px solid #098846;
                    background: #098846;
                    &::after {
                        content: '';
                        position: absolute;
                        left: 4px;
                        top: 5px;
                        width: 12px;
                        height: 12px;
                        border-radius: 0.25rem!important;
                        background-size: 12px;
                        background-repeat: no-repeat;
                        background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6667 1.5L4.25004 7.91667L1.33337 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    }
                }
            }
        }
    }
    .elementor-field-type-radio {
        .elementor-field-subgroup {
            gap: 24px!important;
        }
        .elementor-field-option  {
            input[type="radio"] {
                border-color: #D5D8DC !important;
                background-color: #FFF !important;
                width: 1.3125rem!important;
                height: 1.3125rem!important;
                top: 4px;
                position: relative;
                &:focus {
                    outline: none;
                    box-shadow: 0 0 0 3px rgba(0, 124, 186, 0) !important;
                    border: none !important;
                }
                &:hover {
                    border-color: #098846 !important;
                    color: #098846!important;
                    accent-color: #098846!important;
                    color: #098846!important;
                    accent-color: #098846!important;
                }
                &:checked {
                    border-color: #098846 !important;
                    color: #098846!important;
                    accent-color: #098846!important;
                    color: #098846!important;
                    accent-color: #098846!important;
                }
            }
        }
    }

    .elementor-field-type-submit {
        margin-top: 14px!important;
        margin-inline: auto!important;
    }
    .elementor-field-type-html {
        padding-bottom: 0!important;
    }
    
    .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
        padding: 0 !important;
    }
    &.global-form-style {
        .elementor-form-fields-wrapper {
            align-items: end;
        }
    }
}
.global-form-sec {
    max-width: 880px;
    margin: 0 auto!important;
}


.navbar-right {
    @media screen and (max-width: 1024px) {
        width: 50%;
    }
    .elementor-nav-menu {
        padding-block: 20px;
    }

}

.e-con>.e-con-inner { 
    max-width: 1200px!important;
}

.icon-list-row {
    p {
        span {
            font-weight: 500!important;
        }
    }
}
.elementor-element {
    p {
        span {
            font-weight: 500!important;
        }
    }
    ul li {
        span {
            font-weight: 500 !important;
        }
    }
}

.counter-number {
    .elementor-counter-title {
        text-align: center!important;
    }
}

.red-link-style a {
    text-decoration-line: underline!important;
    text-decoration-style: solid!important;
    text-decoration-skip-ink: auto!important;
    text-decoration-thickness: auto!important;
    text-underline-offset: auto!important;
    text-underline-position: from-font!important;
    color: var(--color-brand-red)!important;
    transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
    word-break: break-all!important;
    &:hover {
        color: #098846!important;
    } 
    span {
        color: var(--color-brand-red)!important;
        &:hover {
            color: #098846!important;
        } 
    }
}

.elementor-element {
    p {
        a {
            text-decoration-line: underline!important;
            text-decoration-style: solid!important;
            text-decoration-skip-ink: auto!important;
            text-decoration-thickness: auto!important;
            text-underline-offset: auto!important;
            text-underline-position: from-font!important;
            color: var(--color-brand-red)!important;
            transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
            &:hover {
                color: #098846!important;
            } 
        }
    }
}
.white-link {
    a {
        text-decoration-line: underline!important;
        text-decoration-style: solid!important;
        text-decoration-skip-ink: auto!important;
        text-decoration-thickness: auto!important;
        text-underline-offset: auto!important;
        text-underline-position: from-font!important;
        color: var(--color-white)!important;
        transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
        &:hover {
            color: var(--color-white)!important;
        }
      
    }
    &.elementor-element {
        p {
            a {
                text-decoration-line: underline!important;
                text-decoration-style: solid!important;
                text-decoration-skip-ink: auto!important;
                text-decoration-thickness: auto!important;
                text-underline-offset: auto!important;
                text-underline-position: from-font!important;
                color: var(--color-white)!important;
                transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
                &:hover {
                    color: var(--color-white)!important;
                }
            }
        }
    }
}

.green-bg {
    a {
        text-decoration-line: underline!important;
        text-decoration-style: solid!important;
        text-decoration-skip-ink: auto!important;
        text-decoration-thickness: auto!important;
        text-underline-offset: auto!important;
        text-underline-position: from-font!important;
        color: var(--color-white)!important;
        transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
        &:hover {
            color: var(--color-white)!important;
        }
      
    }
    .elementor-element {
        p {
            a {
                text-decoration-line: underline!important;
                text-decoration-style: solid!important;
                text-decoration-skip-ink: auto!important;
                text-decoration-thickness: auto!important;
                text-underline-offset: auto!important;
                text-underline-position: from-font!important;
                color: var(--color-white)!important;
                transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
                word-wrap: break-word;
                &:hover {
                    color: var(--color-white)!important;
                }
            }
        }
    }
}

.bg-paper-green {
    a {
        text-decoration-line: underline!important;
        text-decoration-style: solid!important;
        text-decoration-skip-ink: auto!important;
        text-decoration-thickness: auto!important;
        text-underline-offset: auto!important;
        text-underline-position: from-font!important;
        color: var(--color-white)!important;
        transition: all 0.3s cubic-bezier(0.76,0,0.24,1);
        &:hover {
            color: var(--color-white)!important;
        }
    }
}
.elementor-element[style*="background-color"] a {
    color: white !important;
}

/* More specific - target when background is green-ish */
.elementor-element[style*="background-color: rgb(76, 86, 107)"] a,
.elementor-element[style*="background-color: #094E39"] a {
    color: white !important;
}

.elementor-button.elementor-button-link {
    text-decoration: none!important;
}

.elementor-element{
    .elementor-element.custom-translate{
        width: 100%;
        height: 60px;
        min-width: 120px;
        @media screen and (max-width: 640px) {
            min-width: 120px;
        }
        @media screen and (max-width: 450px) {
            min-width: 100px;
        }
        .gtranslate_wrapper{
            position: absolute;
            top: 20%;
            right: 0;
            .gt_float_switcher{
                box-shadow: none;
                background: transparent;
                .gt-selected{
                    background: transparent;
                    .gt-current-lang{
                        padding: 0 15px 10px;
                        text-align: right;
                        @media screen and (max-width:767px) {
                          padding-right: 0;
                        }
                        img{
                            width: 24px;
                            height: 24px;
                            margin: 0;
                            border-radius: 50%;
                            object-fit: cover;
                            margin-right: 4px;
                        }
                        .gt-lang-code{
                            display: none;
                        }
                    }
                }
                .gt_options{
                    background: white;
                    width: 120px;
                    right: 0;
                }
            }
            .gt_float_switcher {
                padding: 7px 15px 7px 0;
                font-size: 14px;
                img {
                    width: 22px;
                    height: 22px;
                    margin: 0 5px 0 0;
                    border-radius: 50px;
                }
            }
        }
    }
}

.list-link-tag {
   .elementor-icon-list-text a {
        display: inline!important;
    }
}

.body-1 {
    color: #2C3E50!important;
    font-family: "DM Sans"!important;
    font-size: 1.125rem!important;
    font-style: normal!important;
    font-weight: 500!important;
    line-height: 1.575rem!important; 
}
.top-gap-less {
    position: relative;
    top: -11px;
}
.top-gap-big {
    margin-top: -20px;
}

.no-border-gap {
    
}

ul.listing-items {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 2rem;
    li {
        align-items: center;
        gap: 1rem;
        display: inline-flex;
        font-family: "DM Sans";
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
}

.img-right-height {
    height: auto!important;
    .elementor-widget-image {
        height: 100%!important;
    }
}

.tab-white-custom {
    .e-n-tab-title {
        position: relative!important;
        @media screen and (min-width: 768px) {
            &::after {
                content: "";
                position: absolute;
                right: 0;
                border-right: 1px solid rgba(44, 62, 80, 0.40);
                height: 31px;
                width: 1px;
                top: 25px;
            }
            &:last-child {
                &::after {
                    display: none!important;
                }
            }
        }
    }
    .e-n-tabs-heading {
        background-color: #fff!important;
    }
}

.accoedian-custom {
    .e-n-accordion-item {
        border-bottom: 1px solid #2C3E50!important;
        padding-bottom: 2rem!important;
        .e-n-accordion-item-title {
            padding-bottom: 0!important;
        }
    }
    .e-n-accordion-item-title-icon {
       svg {
        fill: transparent !important;
       } 
    }
}

.menu-container {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0;
    overflow: hidden;

    .menu {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none; /* hide scrollbar (Firefox) */
        -ms-overflow-style: none; /* hide scrollbar (IE/Edge) */
        padding-left: calc(100% - 93%);
        &::-webkit-scrollbar {
            display: none; /* hide scrollbar (Chrome/Safari) */
            
           }
    }
      .menu a {
        flex: 0 0 auto;
        color: #fff;
        text-decoration: none;
        padding: 22px 20px;
        font-size: 13px;
        white-space: nowrap;
        transition: background 0.3s;
        font-family: "DM Sans";
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.5rem; /* 133.333% */
        letter-spacing: 0.07875rem;
        text-transform: uppercase;
        color: white;
        span {
            position: relative;
            &::after {
                content: "";
                background: #fff;
                height: 2px;
                width: 100%;
                position: absolute;
                bottom: -5px;
                left: 0;
                right: 0;
                opacity: 0;
                transition: all 0.3s;
            }
        }
        &:hover {
            span::after {
                opacity: 1;
            }
        }
        &.active {
            span::after {
                opacity: 1;
            }
        }
      }
    
      .arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100px;
        background: linear-gradient(90deg, rgba(9, 136, 70, 0.00) 0%, #098846 64.63%);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        user-select: none;
        z-index: 2;
        &.left {
            background: linear-gradient(270deg, rgba(9, 136, 70, 0.00) 0%, #098846 64.63%);
        }
        @media screen and (max-width: 768px) {
            width: 40px;
        }
      }
    
      .arrow.right {
        right: 0;
      }
    
      .arrow.left {
        left: 0;
        display: none; /* hidden by default */
      }
  }

  

a[href*="@gmail.com"] {
    text-transform: none!important;
}