/*
Theme Name: Charitable Non Profit Pro
Description: Charitable Non Profit Pro WordPress Theme is the perfect choice for building Charity website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Charitable Non Profit Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Charitable Non Profit Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/charitable-non-profit/
Author URI: https://www.wpelemento.com/
Version: 1.0.1
Requires PHP: 7.3
Tested up to: 6.0
Text Domain: charitable-non-profit-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');


html{
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}
html {
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Quicksand';
}
a{
  text-decoration: none;
}
ul, ol{
  list-style: none;
  margin: 0;
  padding: 0;
}
img{
  max-width: 100% !important;
}
/* loader */
.spinner-loading-box {
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  display: none;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.sticky {
    position: fixed;
    width: 100%;
    z-index: 999 !important;
    top: 0px;
    height: 95px;
    left: 0;
    padding: 0px 0px ;
    background: #000;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
body:not(.home) .sticky {
    position: fixed;
    width: 100%;
    z-index: 999 !important;
    top: 0px;
    height: 95px;
    left: 0;
    padding: 0px 0px ;
    background: #000;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
.sticky .hfe-creative-menu ::after {
    display: none !important;
}
body:not(.home) #menu-primary-menu {
    padding-top: 23px;
}
body:not(.home) .wpe-charity-newsletter-box-shadow {
    box-shadow: 0px 2px 6px #704646f2;
}

/*=============== Charity Theme Code Start ==============*/

/*=========== Charity Slider Section CSS Start ============*/

.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-ps-counternav {
    display: none;
}
.wpe-charity-slider-section .bdt-position-bottom-left {
    bottom: 40%;
    left: unset;
    right: 12%;
}
.wpe-charity-slider-section .bdt-slider-excerpt-content h3 {
    display: none !important;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before {
    display: none;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
    padding-left: 0px;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-desc {
    margin-top: 0px;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-desc .bdt-main-title {
    margin-bottom: 5px !important;
    padding-left: 24px;
}
.wpe-charity-slider-section .bdt-prime-slider .bdt-prime-slider-desc h4 {
    padding-bottom: 20px;
    font: 600 17px/23px 'Mulish', sans-serif;
    letter-spacing: 0.45px;
    color: #FFFFFF;
    text-transform: capitalize;
}
.wpe-charity-slider-section .bdt-main-title.bdt-text-left:before {
    position: absolute;
    content: '';
    border-left: 5px solid #D7282F;
    color: #D7282F;
    left: 0px;
    height: 116px;
}
.wpe-charity-slider-section span.bdt-slide-btn-icon svg {
   margin-left: 15px;
   padding: 10px;
   background-color: #FFFFFF;
   border-radius: 6px;
}
.wpe-charity-slider-section span.bdt-slide-btn-icon svg path {
    fill: #D7282F;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content {
    margin-top: 0px !important;
}
.wpe-charity-slider-section .bdt-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1300px;
    margin-left: 14.6%;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt {
    column-count: 1 !important;
    margin: 10px 0px 30px 0px;
    line-height: 28px;
    font-size: 14px;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-navigation-arrows {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 20px;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn {
    transition: all .3s ease;
    transform: translateX(0px) !important;
    display: inline-block;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn:hover {
    background-color: #000000 !important;
    transform: unset !important; 
    transition: unset !important;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn:hover svg path {
    fill: #000;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-slide-btn:hover:before {
    opacity: 1;
    transform: scale(0) !important;
}
.wpe-charity-slider-section .bdt-prime-slider-next svg, .bdt-prime-slider-previous svg {
    display: none;   
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-next {
    height: 50px;
    width: 50px;
}
.wpe-charity-slider-section .bdt-prime-slider-skin-crelly .bdt-prime-slider-previous {
    height: 50px;
    width: 50px;
}
.wpe-charity-slider-section .bdt-prime-slider-next::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f061';
    color: #000;
    font-size: 18px;
}
.wpe-charity-slider-section .bdt-prime-slider-previous::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f060';
    color: #000;
    font-size: 18px;
}
.wpe-charity-slider-section .bdt-prime-slider-next:hover::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f061';
    color: #fff !important;
}
.wpe-charity-slider-section .bdt-prime-slider-previous:hover::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f060';
    color: #fff !important;
}
.wpe-charity-slider-section .bdt-prime-slider-previous svg {
    display: none;
}
/*=========== Charity Slider Section CSS End ============*/

/*=========== Charity Second Section CSS Start ============*/

#wpe-charity-second-donation-btn-section .ekit-wid-con .elementskit-btn svg {
    height: 18px;
    width: 18px;
    background: #D7282F;
    padding: 5px 7px;
    border-radius: 6px;
}
#wpe-charity-second-donation-btn-section .ekit-wid-con .elementskit-btn {
    align-items: center;
    display: flex;
    width: max-content; 
}
#wpe-charity-second-donation-btn-section .elementskit-btn svg path {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}
.wpe-charity-second-section .elementskit-btn .fa-hand-holding:before {
    content: "\e4f7" !important;
    font-weight: 800;
    font-family: 'Font Awesome 6 Free';
    color: #fff !important; 
}
.wpe-charity-second-section-box1 .image-box-img-center::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #D7282F;
    content: '\f0b1';
    padding: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 45px;
    height: 45px;
    bottom: 0px;
    position: absolute;
    margin: 0;
    box-shadow: 0px 3px 6px #00000012;
    margin-bottom: -19px;
    left: 45%;
    font-size: 18px;
}
.wpe-charity-second-section-box2 .image-box-img-center::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #D7282F;
    content: '\f805';
    padding: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 45px;
    height: 45px;
    bottom: 0px;
    position: absolute;
    margin: 0;
    box-shadow: 0px 3px 6px #00000012;
    margin-bottom: -19px;
    left: 45%;
    font-size: 18px;
}
.wpe-charity-second-section-box3 .image-box-img-center::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #D7282F;
    content: '\f500';
    padding: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 45px;
    height: 45px;
    bottom: 0px;
    position: absolute;
    margin: 0;
    box-shadow: 0px 3px 6px #00000012;
    margin-bottom: -19px;
    left: 45%;
    font-size: 18px;
}
.wpe-charity-second-section-box4 .image-box-img-center::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    color: #D7282F;
    content: '\f4be';
    padding: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 45px;
    height: 45px;
    bottom: 0px;
    position: absolute;
    margin: 0;
    box-shadow: 0px 3px 6px #00000012;
    margin-bottom: -19px;
    left: 45%;
    font-size: 18px;
}
.wpe-charity-second-section .ekit-wid-con .elementskit-info-image-box .elementskit-box-header {
    overflow: unset !important;
}
.wpe-charity-second-section-box .e-con-inner .elementor-element .elementskit-box-style-content {
    position: relative;
}
.wpe-charity-second-section .e-con-inner .wpe-charity-second-section-box1 .elementor-element .elementskit-box-style-content::before {
    counter-increment: section;
    content: '01';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    font-weight: 800;
    -webkit-text-stroke: 1px #000 !important;
    font-family: "Quicksand", Sans-serif;
    color: #f5efef;
    top: 50%;
    font-size: 80px;
    transform: translateY(-50%);
    opacity: 0.1;
}
.wpe-charity-second-section .e-con-inner .wpe-charity-second-section-box2 .elementor-element .elementskit-box-style-content::before {
    counter-increment: section;
    content: '02';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    font-weight: 800;
    -webkit-text-stroke: 1px #000 !important;
    font-family: "Quicksand", Sans-serif;
    color: #f5efef;
    top: 50%;
    font-size: 80px;
    transform: translateY(-50%);
    opacity: 0.1;
}
.wpe-charity-second-section .e-con-inner .wpe-charity-second-section-box3 .elementor-element .elementskit-box-style-content::before {
    counter-increment: section;
    content: '03';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    font-weight: 800;
    -webkit-text-stroke: 1px #000 !important;
    font-family: "Quicksand", Sans-serif;
    color: #f5efef;
    top: 50%;
    font-size: 80px;
    transform: translateY(-50%);
    opacity: 0.1;
}
.wpe-charity-second-section .e-con-inner .wpe-charity-second-section-box4 .elementor-element .elementskit-box-style-content::before {
    counter-increment: section;
    content: '04';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    font-weight: 800;
    -webkit-text-stroke: 1px #000 !important;
    font-family: "Quicksand", Sans-serif;
    color: #f5efef;
    top: 50%;
    font-size: 80px;
    transform: translateY(-50%);
    opacity: 0.1;
}

/*=========== Charity Second Section CSS End ============*/

/*=========== Charity Campaign Causes Section CSS Start ============*/
#campaign-slider .owl-carousel {
    width: 100% !important; 
}
#campaign-slider {
    overflow-x: clip;
}
.wpelemento-campaign-section .e-con-inner {
    gap: 0px !important;
}
.wpe-charity-causes-section .e-con-inner {
    position: relative;
}
.wpe-charity-causes-section .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: visible;
}
.campaign-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    font: 300 16px/30px 'Mulish' !important;
    letter-spacing: 0.45px;
    color: #2B2B2B;
}
.campaign-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    border: none;
    color: #fff;
    background-color: #000; 
}
.owl-carousel .owl-nav .owl-prev:hover {
    background-color: #D7282F;
    color: #fff;
}
.owl-carousel .owl-nav .owl-next:hover {
    background-color: #D7282F;
    color: #fff;
}
.owl-nav {
    text-align: center;
    margin-top: 35px;
    gap: 20px;
    display: flex !important;
    justify-content: center;
}
.campaign-desc ul li::before {
    content: '\f111';
    color: #3AAFA9;
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    bottom: 1px;
    position: relative;
}
.campaign-name {
    font: 700 19px/22px Quicksand;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
}
.campaign-author {
    font: 18px/13px 'josefin sans';
    color: #434343;
    padding-top: 8px;
}
.campaign-desc h4 {
    font: 400 20px/30px 'josefin sans';
    color: #000;
    margin-top: 20px;
}
.campaign-desc h5 {
    font: normal normal 600 18px/40px 'Josefin Sans';
    color: #000;
    letter-spacing: 0.02px;
}
.campaign-desc ul li {
    font: normal normal 300 17px/30px 'Josefin Sans';
    letter-spacing: 0px;
    color: #111111;
}
.campaign-btn {
    font: 600 16px/22px 'Quicksand';
    letter-spacing: 0.4px;
    position: absolute;
    bottom: 16px;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 8px 8px 8px 12px;
    color: #fff;
    display: flex;
    align-items: center;
}
.campaign-btn .fa-hand-holding-hand {
    background-color: #FFF;
    padding: 7px;
    border-radius: 6px;
    margin-left: 15px;
}
.campaign-btn:hover svg path {
    fill: #D7282F !important;
}
.campaign-btn svg path {
    fill: #000000;
}
.campaign-btn:hover{
    background: #D7282F;
    color: #fff;
}
.campaign-item {
    width: 100%;
    padding: 20px 20px 80px 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 1px 6px #00000029;
}
.wpe-charity-causes-section .owl-prev .fa-arrow-left {
    display: inline-block;
}
.campaign-category {
    font: 400 16px/35px 'Mulish';
    letter-spacing: 0.35px;
    color: #FFF;
    background-color: #D7282F;
    color: #FFF;
    border-radius: 8px;
    padding: 5px 12px 5px 12px;
    position: absolute;
    margin-left: -10px;
    margin-top: -10px;
    box-shadow: 5px 5px #fff;
    width: 158px;
    text-align: center;
}
.campaign-category a {
    color: #FFF;
}
.campaign-name a {
    color: #000000;
}
.campaign-progress-bar {
    overflow: visible;
    border-radius: 50px;
    background-color: #fff;
}
.campaign-progress-bar .bar {
    background-color: #D7282F !important;
    border-radius: 50px 0 0 50px;
}
.campaign-progress-bar span.bar:after {
    bottom: -1px;
    right: -11px;
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #D7282F;
    z-index: 9;
}
.campaign-donation-goal {
    background-color: #F9DFE0;
    border-radius: 10px;
    padding: 12px;
}
.campaign-item .campaign-poster img {
    height: 220px;
    border-radius: 10px;
    object-fit: cover;
}

/*=========== Charity Campaign Causes Section CSS End ============*/

/*=========== Charity Counter Section CSS Start ============*/

.wpe-charity-counter-section .wpe-charity-counter-section-box {
    width: 90px;
    height: 90px;
    border: 1px solid #fff;
    padding: 20px;
    margin: 0 auto;
    border-radius: 50%;
}
.wpe-charity-counter-section .wpe-charity-counter-section-box:hover {
    background-color: #fff;
}
.wpe-charity-counter-section .wpe-charity-counter-section-box:hover img{
    filter: grayscale(1) invert(1);
}


/*=========== Charity Counter Section CSS End ============*/

/*=========== Charity Why Choose Us Section CSS Start ============*/

.wpe-charity-why-choose-left-section {
    box-shadow: 300px 0 #FFFFFF;
}

/*=========== Charity Why Choose Us Section CSS End ============*/

/*=========== Charity About Us Section CSS Start ============*/

.wpe-charity-about-btn-section .ekit-wid-con .elementskit-btn {
    white-space: nowrap !important;
    align-items: center !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
}
.wpe-charity-about-btn-section .ekit-wid-con .elementskit-btn:hover svg path {
    fill: #D7282F !important;
}
.wpe-charity-about-btn-section .ekit-wid-con .elementskit-btn svg {
    background-color: #FFFFFF;
    padding: 7px 7px;
    border-radius: 6px;
    color: #000 !important;
    height: 30px;
    width: 30px;
}
.wpe-charity-about-btn-section .elementskit-btn svg path {
    stroke: #000000 !important;
    fill: #000000 !important; 
}
.wpe-charity-about-left-section {
    position: relative;
}
.wpe-charity-about-left-section-icon {
    position: absolute;
    top: 12%;
    right: 0;
}
.wpe-charity-about-left-section-content {
    position: absolute;
    top: 22%;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 1px 11px #0000001F;
    border-radius: 10px 0px 10px 10px;
    padding: 10px 10px 10px 10px;
}
.wpe-charity-about-left-section .choose-left {
    font: 600 24px/24px Quicksand;
    color: #000000;
}
.wpe-charity-about-left-section .choose-below {
    font: 300 18px/26px Mulish;
    padding-top: 8px;
}


/*=========== Charity About Us Section CSS End ============*/

/*=========== Charity Events Urgent Section CSS Start ============*/

.wpe-charity-events-urgent-section .e-con-inner {
    display: block;
}
.urgent-campaign-btn {
    font: 600 16px/22px 'Quicksand';
    letter-spacing: 0.4px;
    bottom: 16px;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 8px 8px 8px 12px;
    color: #fff;
    display: flex;
    align-items: center;
}
.urgent-campaign-donation-title-btn {
    display: inline-flex;
    justify-content: space-between;
    width: inherit;
}
.urgent-campaign-name {
    font: 700 35px/45px 'Quicksand';
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    align-items: center;
    display: inline-flex;
}
.urgent-campaign-name a {
    color: #000;
}
.urgent-campaign-btn {
    font: 600 16px/22px 'Quicksand';
    letter-spacing: 0.4px;
    background: #FFF;
    border-radius: 10px;
    padding: 8px 8px 8px 12px;
    color: #D7282F;
    display: flex;
    align-items: center;
    width: max-content;
}
.urgent-campaign-btn .fa-hand-holding-hand {
    background-color: #D7282F;
    padding: 7px;
    border-radius: 6px;
    margin-left: 15px;
}
.urgent-campaign-btn:hover svg path {
    fill: #FFF !important;
}
.urgent-campaign-btn svg path {
    fill: #FFF;
}
.urgent-campaign-btn:hover{
    background: #000;
    color: #fff;
}
.urgent-campaign-item {
    width: 100%;
    padding: 0px;
}
.urgent-campaign-donation-goal-box .urgent-campaign-name a {
    color: #FFF;
}
.urgent-campaign-donation-goal {
    /* background-color: #F9DFE0; */
    border-radius: 10px;
    padding: 10px;
}
.urgent-campaign-progress-bar {
    overflow: visible;
    border-radius: 50px;
    background-color: #D9D9D9;
}
.urgent-campaign-progress-bar .bar {
    border-radius: 50px 0 0 50px;
    border: 3px solid #D9D9D9;
}
.urgent-campaign-progress-bar {
   height: 15px;
}
.urgent-campaign-progress-bar span.bar:after {
    bottom: -7px;
    right: -11px;
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 3px solid #FFF;
    background: #D7282F;
    z-index: 9;
}
.urgent-campaign-donation-stats {
    color:#FFF;
}
.urgent-campaign-percentage {
    color:#FFF;
}



/*=========== Charity Events Urgent Section CSS End ============*/

/*=========== Charity Events Section CSS Start ============*/

.wpe-charity-events-section .e-con-inner {
    overflow-x: clip;
}
.wpe-charity-events-section .ea-amox-carousel .ea-item:hover .ea-img-wrap .ea-img {
    transform: unset;
}
.wpe-charity-events-section .ea-amox-carousel .ea-meta {
    background-color: #D7282F;
    width: 100%;
    padding: 12px;
    border-radius: 0 0 10px 10px;
    justify-content: space-evenly;
}
.wpe-charity-events-section .ea-amox-carousel .ea-title {
    padding-top: 15px;
}
.wpe-charity-events-section .ea-button-wrap a {
    font: 600 16px/16px Quicksand;
    text-transform: capitalize;
}
.wpe-charity-events-section .ea-text p {
    padding-bottom: 4px;
    font: 400 16px/25px 'Mulish';
    letter-spacing: 0.45px;
    color: #2B2B2B;
}
.wpe-charity-events-section .fa-hand-holding-hand {
    padding: 9px;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 15px;
}
.wpe-charity-events-section .ea-readmore-icon {
    display: flex;
    align-items: center;
    background-color: #000;
    max-width: max-content;
    padding: 7px 7px 7px 12px;
    border-radius: 10px;
}
.wpe-charity-events-section .ea-button-wrap a .ea-readmore-icon svg path {
    fill: #000000;
}
.wpe-charity-events-section .ea-author a {
    color: #fff;
}
.wpe-charity-events-section .ea-author {
    margin-left: 10px;
}
.wpe-charity-events-section span.ea-readmore-icon:hover {
    background-color: #D7282F;
}
.wpe-charity-events-section .ea-button-wrap a:hover .ea-readmore-icon svg path {
    fill: #D7282F;
}
.wpe-charity-events-section .ea-amox-carousel .ea-date::before {
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    color: #fff;
    padding: 7px 8px;
    border-radius: 50px;
}
.wpe-charity-events-section .ea-author:before {
    content: "\f007" !important;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 10px;
    padding: 8px 8px;
    border-radius: 50px;
}
.wpe-charity-events-section .eicon-comments::before {
    content: "\f086" !important;
    color: #FFF;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 11px;
    margin-right: 4px;
    padding: 7px 7px;
    border-radius: 50px;
}
.wpe-charity-events-section .ea-amox-carousel .ea-location-wrap .eicon-post::before {
    content: "\f3c5" !important;
    color: #FFF;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 11px;
    margin-right: 4px;
    padding: 7px 7px;
    border-radius: 50px;
}
.wpe-charity-events-section .ea-amox-carousel .ea-img-wrap img {
    height: 374px;
    border-radius: 10px 10px 0 0;
}
.wpe-charity-events-section .ea-amox-carousel .ea-meta {
    display: flex;
}
.wpe-charity-events-section .ea-amox-carousel .ea-author {
    order: 1;
}
.wpe-charity-events-section .ea-amox-carousel .ea-post-time {
    order: 2;
}
.wpe-charity-events-section .ea-amox-carousel .ea-date {
    order: 3;
}
.wpe-charity-events-section .ea-amox-carousel .ea-location-wrap {
    order: 4;
}
.wpe-charity-events-section .ea-amox-carousel .ea-navigation-prev {
    width: 43px;
    height: 43px;
    line-height: 27px;
    font-weight: 500
}
.wpe-charity-events-section .ea-amox-carousel .ea-navigation-next {
    width: 43px;
    height: 43px;
    line-height: 25px;
    font-weight: 500;
}
.wpe-charity-events-section .ea-amox-carousel .ea-navigation-next .ea-icon-arrow-right-0:before {
    font-weight: 500;
}

/*=========== Charity Events Section CSS End ============*/

/*=========== Charity Corporate Section CSS Start ============*/

#wpe-charity-corporate-btn-section .ekit-wid-con .elementskit-btn {
    white-space: nowrap !important;
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
}
#wpe-charity-corporate-btn-section .ekit-wid-con .elementskit-btn svg {
    background-color: #FFFFFF;
    padding: 7px 7px;
    border-radius: 6px;
    color: #000 !important;
    height: 30px;
    width: 30px;
}
#wpe-charity-corporate-btn-section .elementskit-btn svg path {
    stroke: #D7282F !important;
    fill: #D7282F !important; 
}

/*=========== Charity Corporate Section CSS End ============*/

/*=========== Charity Volunteers Section CSS Start ============*/
.wpe-charity-volunteers-btn-section .elementskit-btn {
    white-space: nowrap !important;
    align-items: center;
    display: flex !important;
    width: max-content;
    margin: 0 auto;
}
.wpe-charity-volunteers-btn-section .elementskit-btn > svg {
    padding: 7px 6px 6px 5px;
    background: #D7282F;
    border-radius: 6px;
    color: #FFFFFF;
    height: 30px;
    width: 30px;
    background: #D7282F;
    padding: 8px 8px;
    border-radius: 6px;
    max-width: 30px;
}
.wpe-charity-volunteers-btn-section .elementskit-btn svg path {
    stroke: #FFFFFF !important;
    fill: #FFFFFF !important;
}
.wpe-charity-team-section .fa-arrow-left {
    display: block !important;
}
.wpe-charity-volunteers-gallery-section-img .elementor-widget-image .elementor-widget-container {
    position: relative;
}
.wpe-charity-volunteers-gallery-section-img .elementor-widget-image .elementor-widget-container:before {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 18px;
    top: 45%;
    left: 5px;
    right: 0;
    position: absolute;
    margin: 0 auto;
    background: #D7282F;
    color: #FFF;
    padding: 4px 10px;
    border-radius: 6px;
    width: max-content;
    cursor: pointer;
    opacity: 0;
}
.wpe-charity-volunteers-gallery-section-img .elementor-element:hover .elementor-widget-container::before {
    opacity: 1;
}

/*=========== Charity Volunteers Section CSS End ============*/

/*=========== Charity Testimonial Section CSS Start ============*/

.wpe-charity-testimonial-section .fa-arrow-right, .fa-arrow-left {
    display: none;
}

.wpe-charity-testimonial-section .ea-arrow-prev, .ea-arrow-next {
    font-size: 0;
}
.wpe-charity-testimonial-section .ea-arrow-prev {
    left: 5px;
}
.wpe-charity-testimonial-section .ea-arrow-next {
    right: 5px;
}
.wpe-charity-testimonial-section .ea-arrow-prev:after {
    font-weight: 900;
    content: '\f060';
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    background-color: #000;
    padding: 9px 12px;
    border-radius: 8px;
    color: #fff;
}
.wpe-charity-testimonial-section .ea-arrow-prev:after:hover {
    background-color: #D7282F;
    color: #fff;
}
.ea-slider-arrow.ea-arrow.ea-arrow-next.slick-arrow:hover:after {
    background-color: #D7282F;
}
.ea-slider-arrow.ea-arrow.ea-arrow-prev.slick-arrow:hover:after {
    background-color: #D7282F;
}
.wpe-charity-testimonial-section .ea-arrow-next:after {
    font-weight: 900;
    content: '\f061';
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    background-color: #000;
    padding: 9px 12px;
    border-radius: 8px;
    color: #fff;
}
.wpe-charity-testimonial-section .ea-testimonial-outer {
    padding: 15px;
}
.wpe-charity-testimonial-section .ea-testimonial {
    position: relative;
    background: #fff;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, .2));
    border-radius: 30px;
}
.wpe-charity-testimonial-section .elementor-star-rating {
    position: absolute;
    bottom: 35px;
    left: 25px;
}
.wpe-charity-testimonial-section .slick-list {
    overflow: unset;
    overflow-x: clip;
}
.wpe-charity-testimonial-section .ea-testimonial.ea-testimonial-skin-2::after {
    content: '';
    position: absolute;
    left: 23%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 90px solid transparent;
    border-top: 80px solid #FFFFFF;
    clear: both;
    filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, .1));
}
.wpe-charity-testimonial-section .ea-testimonial-image img {
    margin-top: -89px;
}
.wpe-charity-testimonial-section .ea-testimonial-skin-2 {
    position: relative;
    border-top-right-radius: 0px;
    border-top-left-radius: 8px;
}
.wpe-charity-testimonial-section .ea-testimonial.ea-testimonial-skin-2:before {
    content: '';
    width: 99.6%;
    height: 56px;
    background: #fff;
    position: absolute;
    top: -35px;
    left: 0px;
    border-top-right-radius: 28px;
    border-left: transparent;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    transform: rotate(-6deg);
    z-index: -1;
    filter: drop-shadow(0px -1px 0px rgba(0, 0, 0, 0.1));
}
.wpe-charity-testimonial-section .ea-testimonials-quote-position-above .ea-testimonial-text:before {
    line-height: 101px;
    right: -24px;
    position: absolute;
    top: -117px;
    background-color: #000000;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-left: 10px;
    font-size: 100px;
}
.ea-testimonial-slide:hover .ea-testimonial-text:before{
    background-color: #D7282F;
}
.wpe-charity-testimonial-section .ea-testimonial-cite {
    margin-top: -50px;
}

/*=========== Charity Testimonial Section CSS End ============*/

/*=========== Charity Team Section CSS Start ============*/

.wpe-charity-team-section .ea-team-member-carousel-wrap {
    overflow-x: clip;
}
.wpe-charity-team-section .ea-tm {
    background-color: #FDF4F4;
}
.wpe-charity-team-section .ea-tm:hover {
    background: transparent linear-gradient(180deg, #F6B44100 0%, #D7282F 100%) 0% 0% no-repeat padding-box; 
}
.wpe-charity-team-section .ea-tm:hover .ea-tm-content-normal{
    background: linear-gradient(180deg, #fffdfd00 9%, #000000 100%) 0% 0% no-repeat padding-box;
}
.wpe-charity-team-section .ea-tm::after {
    content: '';
    width: 100%;
    height: 90%;
    position: absolute;
    bottom: 0;
    left: 0;
    filter: blur(2px);
    background: transparent linear-gradient(180deg, #F6B44100 0%, #D7282F 100%) 0% 0% no-repeat padding-box;
    opacity: 0;
}
.wpe-charity-team-section .ea-tm-image {
    margin-top: -75px;
}
.wpe-charity-team-section .ea-tm-content-normal {
    margin-top: -8px;
    padding: 15px 0;
}
.wpe-charity-team-section ul.ea-tm-social-links {
    position: absolute;
    text-align: center;
    top: -35px;
    left: 0;
    right: 0;
    display: none;
    padding: 0px 0px 67px 0px;
}
.wpe-charity-team-section .ea-tm:hover:after{
    opacity: 1;
}
.wpe-charity-team-section .ea-tm:hover .ea-tm-content-normal{
    background: #D7282F;
}
.wpe-charity-team-section .ea-tm {
    position: relative;
}
.wpe-charity-team-section .ea-tm:hover ul.ea-tm-social-links {
    display: block;
}
.wpe-charity-team-section .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    display: none;
}
.wpe-charity-team-section .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    display: none;
}
.wpe-charity-team-section .swiper-button-next svg .fa-chevron-right:before {
    content: "\f061" !important;
}
.wpe-charity-team-section .ea-slider-arrow {
    top: -36%;
    background-color: #000000;
    padding: 10px;
    border-radius: 8px;
}
.wpe-charity-team-section .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: unset;
    right: 71px;
}
.wpe-charity-team-section .swiper-button-prev svg .fa-chevron-left:before {
    content: "\f061" !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/*=========== Charity Team Section CSS End ============*/

/*=========== Charity Blog Section CSS Start ============*/

.wpe-charity-blog-section .ea-amox-carousel {
    overflow-x: clip;
}
.wpe-charity-blog-section [class*=ea-arrows-align-bottom] .ea-arrows-container {
    transform: translateY(85px);
}
.wpe-charity-blog-section .ea-navigation-prev, .wpe-charity-blog-section .ea-navigation-next {
    width: 46px;
    height: 46px;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-navigation-prev i, .ea-amox-carousel .ea-navigation-next i {
    line-height: 25px;
    text-align: center;
    justify-content: center;
    display: block;
    font-weight: 600;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-item:hover .ea-img-wrap .ea-img {
    transform: unset;
}
.wpe-charity-blog-section .ea-text p {
    color: #2B2B2B;
    font: 300 16px/27px 'Mulish';
    letter-spacing: 0.4px;
}
.wpe-charity-blog-section .ea-readmore-icon span {
    font: 600 16px/20px 'Quicksand';
    letter-spacing: 0.4px;
    text-transform: capitalize;
    border-radius: 10px;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-button-wrap {
    margin-bottom: calc(0px * 2) !important;
    margin-top: 30px;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    margin-left: 5px;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-date {
    margin-left: 5px;
}
.wpe-charity-blog-section .ea-author a {
    color: #000000;
    pointer-events: none;
}
.wpe-charity-blog-section .ea-button-wrap .ea-readmore-icon {
    position: relative;
}
.wpe-charity-blog-section .ea-button-wrap .ea-readmore-icon svg {
    background-color: #FFFFFF;
    padding: 7px 7px;
    border-radius: 6px;
    color: #000 !important;
    position: absolute;
    margin-left: 14px;
    bottom: -6px;
}
.wpe-charity-blog-section .ea-button-wrap:hover svg path {
    fill: #D7282F;
}
.wpe-charity-blog-section .ea-button-wrap a.ea-readmore:hover {
    background: #D7282F !important;
}
.wpe-charity-blog-section {
    box-shadow: 0 0 200px 0 #FDF4F4 !important;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-date::before {
    content: "\f073";
    font-family: 'Font Awesome 5 Free';
    margin-right: 5px;
    font-size: 12px;
    color: #fff;
    background: #000000;
    padding: 7px 8px;
    border-radius: 50px;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-date:hover.ea-date::before {
    background: #D7282F;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-date:hover {
    color: #D7282F;
}
.wpe-charity-blog-section .ea-author:before {
    content: "\f007" !important;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 10px;
    margin-right: 6px !important;
    background: #000000;
    padding: 8px 8px;
    border-radius: 50px;
}
.wpe-charity-blog-section .ea-author:hover.ea-author:before {
    background: #D7282F;
}
.wpe-charity-blog-section .ea-author:hover {
    color: #D7282F;
}
.wpe-charity-blog-section .ea-author:hover a {
    color: #D7282F !important;
}
.wpe-charity-blog-section .ea-comments .eicon-comments::before {
    content: "\f086" !important;
    color: #FFF;
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 11px;
    margin-right: 4px;
    background: #000000;
    padding: 7px 7px;
    border-radius: 50px;
}
.wpe-charity-blog-section .ea-comments .eicon-comments:hover.eicon-comments::before {
    background: #D7282F;
}
.wpe-charity-blog-section .ea-comments:hover{
    color: #D7282F;
}
.wpe-charity-blog-section .ea-comments:hover.ea-comments .eicon-comments::before{
    color: #FFF;
    background: #D7282F;
}
.wpe-charity-blog-section {
    box-shadow: 2px 80px #FDF4F4 !important;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-item .ea-img-wrap img {
    height: 240px;
    border-radius: 10px;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-author {
    order: 1;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-date {
    order: 2;
}
.wpe-charity-blog-section .ea-amox-carousel .ea-comments {
    order: 3;
}
/* .wpe-charity-blog-section .ea-meta {
    transform: matrix(0, -1, 1, 0, -144, 133) !important;
}
.wpe-charity-blog-section .ea-meta .ea-comments span {
    position: absolute;
    opacity: 0;
}
.wpe-charity-blog-section .eicon-comments:focus + .ea-meta .ea-comments span {
    opacity: 1;
}
.ea-meta .eicon-comments {
    cursor: pointer;
} */


/*=========== Charity Blog Section CSS End ============*/






/*=============== Charity Theme Code End ==============*/




























/*=========== SEO Counter Section CSS Start ============*/
.wpelemento-seo-counter-section {
    box-shadow: inset 4px 4px 0px #3AAFA9;
}
.wpelemento-seo-counter-section-box::after{
    content: '';
    background: #707070;
    position: absolute;
    right: 0;
    width: 2px;
    height: 60px;
    top: 33%;
}
.wpelemento-seo-counter-section .elementor-counter-number-prefix {
    display: none;
}
/*=========== SEO Counter Section CSS End ============*/

/*=========== SEO Services CSS Start ============*/
.wpelemento-seo-services-section .e-con-inner {
    overflow-x: clip;
}
.wpelemento-seo-services-section .swiper-pointer-events {
    margin: 0 1px;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-img-wrap .ea-img {
    width: 68px;
    height: 68px;
    margin: 0 auto;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-item:hover .ea-img-wrap .ea-img {
    transform: unset;
}
.wpelemento-seo-services-section .ea-button-wrap span {
    text-transform: capitalize;
    font: 600 20px/20px Josefin Sans;
}
.wpelemento-seo-services-section .elementor-widget-ea-amox-carousel .swiper-wrapper .ea-item {
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 20px;
}
.wpelemento-seo-services-section .ea-text p {
    font: 300 16px/29px Josefin Sans;
    color: #141414;
    margin-bottom: 2rem;
}
.wpelemento-seo-services-section .ea-amox-carousel .ea-content {
    padding: 0px 0 20px 0;
}

.wpelemento-seo-services-section .ea-icon-arrow-left-0:before {
    font-weight: 700;
}
.wpelemento-seo-services-section .ea-icon-arrow-right-0:before {
    font-weight: 700;
}
.wpelemento-seo-services-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-services-section a.ea-readmore:hover {
    background: #3AAFA9 !important;
    color: #fff !important;
}
/*=========== SEO Services CSS End ============*/

/*=========== SEO About Us Section CSS Start ============*/
.wpelemento-seo-about-section-heading h2 {
    width: max-content;
}
.wpelemento-seo-about-section-heading {
    position: relative;
    border-bottom: 4px solid #3AAFA9;
    width: 102px;
}
.wpelemento-seo-about-section-heading::before {
    position: absolute;
    background: #fff;
    height: 4px;
    content: '';
    width: 22px;
    bottom: -4px;
    left: 54px;
}
.wpelemento-seo-about-section-left-col {
    position: relative;
}
.wpelemento-seo-about-bgimg-top img{
    position: absolute;
    right: 60px;
    top: 0px;
    z-index: 2;
}
.wpelemento-seo-about-bgimg-bottom img {
    position: absolute;
    right: 60px;
    bottom: 15px
}
.wpelemento-seo-about-title-top h2 {
    position: absolute;
    top: 32px;
    z-index: 2;
    right: 111px;
}
.wpelemento-seo-about-title-bottom h2 {
    position: absolute;
    bottom: 89px;
    right: 86px;
    z-index: 2;
}
/*=========== SEO About Us Section CSS Start ============*/

/*=========== SEO How it works Section CSS Start ============*/
.wpelemento-seo-timeline-section {
    display: block;
    gap: 0px !important;
    margin: -20px 0;
}
.wpelemento-seo-timeline-upper-box-section::after {
    content: '';
    position: absolute;
    left: 46%;
    top: 100%;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #2E8984;
    clear: both;
    z-index: 9;
}
.wpelemento-seo-timeline-lower-box-section::after {
    content: '';
    position: absolute;
    left: 45%;
    bottom: 100%;
    border-left: 15px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 20px solid #2E8984;
    clear: both;
    z-index: 9;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-block {
    position: relative;
    padding: 30px 0 8px 0 !important;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-icon svg {
    display: none;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-icon {
    margin: 10px auto !important;
    width: 25px !important;
    height: 25px !important;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-content {
    display: none !important;
}
.wpelemento-seo-timeline-section .ha-horizontal-timeline-date {
    display: none !important;
}
.wpelemento-seo-timeline-lower-section .ekit-video-popup-btn span {
    position: absolute;
    left: 70px;
    width: max-content;
}
.wpelemento-seo-timeline-lower-section .ekit-wid-con .icon.icon-play-button::before {
    content: "\e980";
    left: 2px;
    position: relative;
    top: 1px;
}
/*=========== SEO How it works Section CSS End ============*/

/*=========== SEO projects Section CSS Start ============*/
#projects-slider .owl-carousel {
    width: 104% !important; 
}
.wpelemento-seo-projects-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-projects-section {
    position: relative;
}
/* .owl-carousel .owl-item img {
    display: block;
    width: auto !important;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: none;
    color: #fff;
    background-color: #000;
    box-shadow: 0px 2px 6px #CCBABAF2;
}
.owl-carousel .owl-nav .owl-prev:hover {
    background-color: #3AAFA9;
    color: #fff;
}
.owl-carousel .owl-nav .owl-next:hover {
    background-color: #3AAFA9;
    color: #fff;
}
.owl-nav {
    position: absolute;
    top: -94px;
    left: 88%;
    gap: 15px;
    display: flex;
} */
.projects-desc ul li::before {
    content: '\f111';
    color: #3AAFA9;
    font-family: 'FontAwesome';
    font-size: 9px;
    margin-right: 10px;
    bottom: 1px;
    position: relative;
}
.projects-name {
    font: bold 25px/35px 'josefin sans';
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
}
.projects-author {
    font: 18px/13px 'josefin sans';
    color: #434343;
    padding-top: 8px;
}
.projects-desc h4 {
    font: 400 20px/30px 'josefin sans';
    color: #000;
    margin-top: 20px;
}
.projects-desc h5 {
    font: normal normal 600 18px/40px 'Josefin Sans';
    color: #000;
    letter-spacing: 0.02px;
}
.projects-desc ul li {
    font: normal normal 300 17px/30px 'Josefin Sans';
    letter-spacing: 0px;
    color: #111111;
}
.projects-btn{
    position: absolute;
    right: 30px;
    bottom: 36px;
    background: #3AAFA9 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 15px 20px;
    color: #fff;
    font: 500 20px/20px 'josefin sans';
}
.projects-btn:hover{
    background: #000;
    color: #fff;
}
.projects-item {
    width: 97%;
    padding: 25px;
    margin: 10px 0px;
    border-radius: 20px;
    box-shadow: 0px 1px 6px #00000029;
    background-image: url("assets/images/projects-bg-img.png");
    background-size: 100% 100%;
}
/*=========== SEO projects Section CSS End ============*/

/*=========== SEO Brand Section CSS Start ============*/
.wpelemento-seo-brand-section .slick-slide {
    text-align: center;
}
/*=========== SEO Brand Section CSS End ============*/

/*=========== SEO Pricing CSS Start ============*/
.wpelemento-seo-pricing-section .ha-pricing-table-title {
    text-align: center;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price {
    text-align: center;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price {
    display: flex;
    flex-direction: column-reverse;
}
.wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    padding: 25px 25px;
}
.wpelemento-seo-pricing-section .ha-pricing-table>.elementor-widget-container {
    border-radius: 15px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-title {
    margin-bottom: 0px !important;
    padding-top: 30px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-header {
    background: transparent linear-gradient(50deg, #3AAFA9 0%, #2C7977 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 15px 15px 0px 0px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price {
    background: transparent linear-gradient(121deg, #3AAFA9 0%, #2C7977 100%) 0% 0% no-repeat padding-box !important;
}
.wpelemento-seo-pricing-section .ha-pricing-table-price-tag {
    width: 85px;
    height: 85px;
    box-shadow: 1px 4px 7px #00000012;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    line-height: 60px;
    margin-bottom: -40px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-period {
    padding-bottom: 30px;
}
.wpelemento-seo-pricing-section ul.ha-pricing-table-features-list {
    padding-top: 40px;
    margin: 0 25px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-btn {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: max-content;
    margin-bottom: 14px;
}
.wpelemento-seo-pricing-section .e-con-inner {
    gap: 0px !important;
}
.wpelemento-seo-pricing-section .ha-pricing-table-features-list li>svg {
    margin-right: 20px;
    font-size: 18px;
}
.wpelemento-seo-pricing-section .ha-pricing-table-body {
    margin-bottom: 35px;
}
/*=========== SEO Pricing CSS End ============*/



/*=========== SEO Choose US CSS Start ============*/
.wpelemento-seo-choose-us-section .e-con-inner {
    gap: 0px !important;
}
/*=========== SEO Choose US CSS End ============*/

/*=========== SEO Blog CSS Start ============*/
.wpelemento-seo-blog-section .e-con-inner {
    gap: 0px !important;
    overflow-x: clip;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-item-box {
    padding: 35px 20px;
}
.wpelemento-seo-blog-section [class*='ea-arrows-align-bottom'] .ea-arrows-container {
    transform: translateY(85px);
}

.wpelemento-seo-blog-section .ea-alter-carousel .ea-navigation-prev i {
    line-height: 55px;
    text-align: center;
    justify-content: center;
    display: block;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-navigation-next i {
    line-height: 55px;
    text-align: center;
    justify-content: center;
    display: block;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-content > div {
    text-align: left;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-img-wrap .ea-main-img .ea-img {
    z-index: 9;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    position: absolute;
    top: -287px;
    left: -18px;
    background-color: #2B7977;
    padding: 1px 25px 205px 11px;
    border-radius: 20px 10px 10px 10px;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-item:hover .ea-main-img .ea-img {
    transform: scale(1);
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-button-wrap {
    margin-bottom: calc(0px * 2) !important;
    margin-top: 10px;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-readmore {
    font: 600 20px/20px 'josefin sans';
    text-transform: capitalize;
}
.wpelemento-seo-blog-section a.ea-readmore:hover {
   background-color: #3AAFA9 !important;
   color:#fff !important;
}
.wpelemento-seo-blog-section .ea-alter-carousel .ea-meta {
    width: max-content;
    padding-left: 40px !important;
}
.wpelemento-seo-blog-section .ea-blog-author:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 20px;
    top: 0px;
}
.wpelemento-seo-blog-section .ea-date:before  {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    content: "\f00c";
    color: #FFF;
    border-radius: 50px;
    padding: 0px;
    left: 213px;
    top: 0px;
}
.wpelemento-seo-blog-section .ea-date {
    padding-left: 35px;
}
.wpelemento-seo-blog-section .ea-separator {
    display: none;
}
.wpelemento-seo-blog-section .ea-blog-author {
    width: 160px;
}
/*=========== SEO Blog CSS End ============*/

/*=========== SEO Testimonial CSS Start ============*/
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .bdt-slider-excerpt {
    max-width: max-content;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .frist-word:before {
    display: none;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-desc {
    display: flex !important;
    flex-direction: column !important;
}
.wpelemento-seo-testimonial-section .bdt-sub-title {
    order: 2 !important;
}
.wpelemento-seo-testimonial-section .bdt-main-title {
    order: 1 !important;
}
.wpelemento-seo-testimonial-section .bdt-slider-excerpt {
    order: 3 !important;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-previous i, .bdt-prime-slider-next i {
    display: none;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .bdt-slider-excerpt p {
    padding-top: 30px;
}
.wpelemento-seo-testimonial-section .bdt-sub-title {
    width: auto !important;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider .bdt-prime-slider-desc .bdt-sub-title h4 {
    width: fit-content;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-isolate .bdt-slideshow-item {
    margin: 0px;
}

.wpelemento-seo-testimonial-section .bdt-slider-nav-text {
    display: none;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-previous, .wpelemento-seo-testimonial-section .bdt-prime-slider-next {
    width: 55px;
    height: 55px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-next, .bdt-prime-slider-skin-locate .bdt-prime-slider-previous {
    margin: 0 8px !important;
    background-color: #000;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-previous::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f060';
    color: #fff;
    font-size: 18px;
    padding: 20px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-next::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f061';
    color: #fff;
    font-size: 18px;
    padding: 20px;
}
.wpelemento-seo-testimonial-section .elementor-widget__width-inherit {
    box-shadow: 0px 2px 7px #3AAFA9;
    border-radius: 20px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate:before {
    background: #2E8380;
    border-radius: 20px 0px 0px 20px;
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc {
    padding-left: 0px !important;
    padding: 40px 0px 0px
}
.wpelemento-seo-testimonial-section .bdt-prime-slider-skin-locate .bdt-prime-slider-desc .bdt-title-tag {
    margin-bottom: 0px; 
}
/*=========== SEO Testimonial CSS End ============*/

/*=========== SEO Newsletter CSS Start ============*/
.wpelemento-seo-newsletter-section .e-con-inner {
    box-shadow: 0px 2px 10px #0000001F;
    background-color: #fff;
    z-index: 99;
    border-radius: 45px;
    margin-bottom: -125px;
}
.wpelemento-seo-newsletter-section .wpcf7-spinner {
    display: none;
}
.wpelemento-seo-newsletter-section form {
    position: relative !important;
    width: max-content !important;
    text-align: center;
}
.wpelemento-seo-newsletter-section input[type=email] {
    width: 700px;
}
.wpelemento-seo-newsletter-section input[type=submit] {
    position: absolute !important;
    right: 0px !important;
    top: 0 !important;
} 
.wpelemento-seo-newsletter-section form .wpcf7-response-output {
    border: 2px solid #3AAFA9 !important;
}
.wpelemento-seo-newsletter-section form .wpcf7-not-valid-tip {
    color: #000;
    display: none;
}
/*=========== SEO Newsletter CSS End ============*/

/*=========== SEO Search icon CSS Start ============*/
.ekit_modal-searchPanel .ekit-search-group input:not([type=submit]) {
    background-color: transparent; 
    border-radius: 0px !important;
    border:unset !important;
    border-bottom: 2px solid #3AAFA9 !important;
    box-shadow: 6px 7px 10px 1px #3AAFA9;
}
.wpelemento-seo-menubar-section .ekit-search-group .ekit_search-button {
    color: #000 !important;
}
.wpelemento-seo-search-section .ekit_search-button svg path {
    stroke: #fff!important;
    fill: #fff!important;
}
.search .wp-block-latest-posts__list li a {
    color: #121212;
}
.ekit_search-button .svg-inline--fa {
    height: 22px;
}
.search .wp-block-latest-posts.wp-block-latest-posts__list li {
    padding: 10px 0;
}
.search .wp-block-heading {
    margin-top: 10px;
}
button.mfp-close.ekit-popup-close {
    border-radius: 0% !important;
}
.mfp-bg.ekit-promo-popup {
    background-color: rgba(0,0,0,.87);
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    -webkit-animation: menu-animation .8s ease-out bounce !important;
    animation: menu-animation .8s ease-out bounce !important;
}
/*=========== SEO Search icon CSS End ============*/

/*=========== SEO Return to top CSS Start ============*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #D7282F;
    width: 45px;
    height: 45px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 0px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
    cursor: pointer;    
  }
  #return-to-top i {
    color: #fff;
    font-weight: 800px;
    position: relative;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 3px 18px;
    cursor: pointer;
  }
  #return-to-top:hover {
  background-color: #000;
  }
  #return-to-top:hover i {
    color: #fff;
    top: 5px;
  }
  #return-to-top .elementor-icon i:before, .elementor-icon svg:before{
    position: absolute;
    left: 71%;
    font-weight: 900;
  }
/*============= Return to top CSS End ==============*/


#maincontent {
    padding-top: 3em;
}

ul.sub-menu {
    position: absolute;
    background: #fff !important;
    padding: 0px;
    top: 100%;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 180px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
    -khtml-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    -moz-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    -ms-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    -o-box-shadow: 0 18px 43px rgba(90,90,90,.14);
    box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    clip: unset !important;
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    text-align: left;
}
.elemento-farm-navigation-box nav.hfe-nav-menu__layout-horizontal li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    clip: inherit;
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.elemento-farm-navigation-box .sub-menu li a:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    left: 0;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0,1);
    -khtml-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -khtml-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -moz-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -ms-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    -o-transition: transform .3s cubic-bezier(.37,.31,.2,.85);
    transition: transform .3s cubic-bezier(.37,.31,.2,.85);
}
.sub-menu li {
    border-bottom: unset !important;
}
.elemento-farm-navigation-box .sub-menu li:hover>a:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1,1);
    -khtml-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

@keyframes aaa {
  0%{
    left: -110%;
    top: 90%;
  }50%{
    left: 10%;
    top: -30%;
  }100%{
    top: -10%;
    left: -10%;
  }
}
/*-------Preloader------------*/
.demo{ 
    background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.loader img {
    width: 50% ;
}
.loader{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    top: 30%;
}
.loader .loader-inner-1{
    width: 270px;
    height: 270px;
    border-radius: 50%;
    border-bottom: 10px dashed #A06F48;
    position: absolute;
    animation: loading-1 5s infinite linear;
}
.loader .loader-inner-2{
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border-bottom: 10px dotted #ffb67a;
    position: absolute;
    top: 50px;
    left: 45px;
    animation: loading-1 1s infinite linear;
}
.loader .loader-inner-3{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border-bottom: 5px solid #805810;
    position: absolute;
    top: 100px;
    left: 90px;
    animation: loading-1 2s infinite linear;
}
@keyframes loading-1{
    from{ -webkit-transform: rotate(0deg); }
    to{ -webkit-transform: rotate(360deg); }
}
.postbox {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    padding: 25px;
    margin-bottom: 30px;
}
a.search-post-readmore {
    color: #121212;
    font-weight: 600;
}