.elementor-35684 .elementor-element.elementor-element-3cdfff3{--display:flex;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-35684 .elementor-element.elementor-element-lifeline_causes .lif-img, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .lifeline-image{width:100%;height:500px;}.elementor-35684 .elementor-element.elementor-element-lifeline_causes .lif-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .lifeline-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .event8-title{font-size:24px;line-height:31px;}.elementor-35684 .elementor-element.elementor-element-lifeline_causes .lif-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .projects-style1-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes  .lif-title > a, .elementor-35684 .elementor-element.elementor-element-lifeline_causes  .lif-title > span,    .elementor-35684 .elementor-element.elementor-element-lifeline_causes .lifeline-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes  .lifeline-title > a, .elementor-35684 .elementor-element.elementor-element-lifeline_causes  .lifeline-title > span, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .event8-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .event8-title > a, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .event8-title > span{color:#000000;}.elementor-35684 .elementor-element.elementor-element-lifeline_causes .lif-title:hover, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .project-style1:hover .projects-style1-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .cause-item-style1:hover .cause-img .cause-donation-meta a  ,.elementor-35684 .elementor-element.elementor-element-lifeline_causes  .hc-title:hover > a, .elementor-35684 .elementor-element.elementor-element-lifeline_causes  .lif-title > span, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .event8-title:hover,{color:#000000;}.elementor-35684 .elementor-element.elementor-element-86414ae:not(.elementor-motion-effects-element-type-background), .elementor-35684 .elementor-element.elementor-element-86414ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF7D5;}.elementor-35684 .elementor-element.elementor-element-86414ae > .elementor-container{max-width:1280px;}.elementor-35684 .elementor-element.elementor-element-86414ae{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 50px 0px;}.elementor-35684 .elementor-element.elementor-element-86414ae > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-35684 .elementor-element.elementor-element-c2be78c > .elementor-element-populated{padding:0px 15px 0px 15px;}@media(max-width:767px){.elementor-35684 .elementor-element.elementor-element-lifeline_causes > .elementor-widget-container{margin:0px 15px 0px 15px;}.elementor-35684 .elementor-element.elementor-element-lifeline_causes .lif-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .lifeline-title, .elementor-35684 .elementor-element.elementor-element-lifeline_causes .event8-title{font-size:12px;line-height:15px;}.elementor-35684 .elementor-element.elementor-element-86414ae{padding:60px 0px 0px 0px;}.elementor-35684 .elementor-element.elementor-element-c2be78c > .elementor-element-populated{padding:0px 10px 0px 10px;}}/* Start custom CSS for Causes, class: .elementor-element-lifeline_causes *//* Parent styles */
.cause-item-style7 {
    position: relative;
    overflow: hidden;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

/* Image overlay effect */



/* Content placement */
.causes-style-7-data {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px;
    color: #fff;
}

/* Headings, paragraphs default style */
.causes-style-7-data .lif-title,
.causes-style-7-data .lif-title a,
.causes-style-7-data .donation-country,
.causes-style-7-data .donation-needed,
.causes-style-7-data .donation-needed span {
    color: #fff;
    transition: color 0.3s ease-in-out;
}

/* Hover effect for text */


.cause-item-style7:hover .lif-title a,
.cause-item-style7:hover .donation-country,
.cause-item-style7:hover .donation-needed h4,
.cause-item-style7:hover .donation-needed span {
    color: #fff !important;
}
.cause-item-style7 .cause-donation-meta{
    display: flex;
        column-gap: 20px;
    align-items: center;
}
.cause-item-style7 .cause-donation-meta .donation-bar{
    width: 60%;
}
.cause-item-style7 .donation-needed span{
    font-size: 13px;
    font-weight: 600;
}
.causes-style-7-data .donation-country{
font-weight: 600;
}

.cause-item-style7 h4.text-white{
    font-size: 17px;
    margin: 0;
}
.cause-item-style7 .progress{
        padding: 2px;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    height: 13px;
    margin-top: 6px;
}
.cause-item-style7 .progress-bar {
    background-color: #d8b732;
    color: #d8b732;
    font-weight: 600;
    padding: 1px;
    border-radius: 20px;
}
.causes-style-7-data {
  --mask:
    radial-gradient(67.08px at 50% 90px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%,
    radial-gradient(67.08px at 50% -60px,#0000 99%,#000 101%) 50% 30px/120px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
          background-color: #d8b732bd;
         padding-top: 50px;
         padding-bottom: 30px;
         opacity: 1;
         transition: 0.3s ease-in-out;
          
}
.causes-style-7-data:hover{
    background-color: #d8b732
}
.caues-7-row .col-md-6:nth-child(2) .cause-item-style7 .causes-style-7-data {

background-color: #6c3667db;



}
.caues-7-row .col-md-6:nth-child(3) .cause-item-style7 .causes-style-7-data {

background-color: #019cf59e;

}
.caues-7-row .col-md-6:nth-child(1) .cause-item-style7 .causes-style-7-data .cause-donation-meta .donation-bar .progress .progress-bar{
    background-color: #d8b732;
}

.caues-7-row .col-md-6:nth-child(2) .cause-item-style7 .causes-style-7-data .cause-donation-meta .donation-bar .progress .progress-bar{
    background-color: #ac45ab;
}
.caues-7-row .col-md-6:nth-child(3) .cause-item-style7 .causes-style-7-data .cause-donation-meta .donation-bar .progress .progress-bar{
    background-color: #019cf5;
}
.caues-7-row .col-md-6:nth-child(1) .cause-item-style7 .causes-style-7-data:hover{
    background-color: #d8b732;
}

.caues-7-row .col-md-6:nth-child(2) .cause-item-style7 .causes-style-7-data:hover{
    background-color: #ac45ab;
}
.caues-7-row .col-md-6:nth-child(3) .cause-item-style7 .causes-style-7-data:hover{
    background-color: #019cf5;
}/* End custom CSS */
/* Start custom CSS for Causes, class: .elementor-element-lifeline_causes *//* Parent styles */
.cause-item-style7 {
    position: relative;
    overflow: hidden;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

/* Image overlay effect */



/* Content placement */
.causes-style-7-data {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px;
    color: #fff;
}

/* Headings, paragraphs default style */
.causes-style-7-data .lif-title,
.causes-style-7-data .lif-title a,
.causes-style-7-data .donation-country,
.causes-style-7-data .donation-needed,
.causes-style-7-data .donation-needed span {
    color: #fff;
    transition: color 0.3s ease-in-out;
}

/* Hover effect for text */


.cause-item-style7:hover .lif-title a,
.cause-item-style7:hover .donation-country,
.cause-item-style7:hover .donation-needed h4,
.cause-item-style7:hover .donation-needed span {
    color: #fff !important;
}
.cause-item-style7 .cause-donation-meta{
    display: flex;
        column-gap: 20px;
    align-items: center;
}
.cause-item-style7 .cause-donation-meta .donation-bar{
    width: 60%;
}
.cause-item-style7 .donation-needed span{
    font-size: 13px;
    font-weight: 600;
}
.causes-style-7-data .donation-country{
font-weight: 600;
}

.cause-item-style7 h4.text-white{
    font-size: 17px;
    margin: 0;
}
.cause-item-style7 .progress{
        padding: 2px;
    background: white;
    border-radius: 20px;
    overflow: hidden;
    height: 13px;
    margin-top: 6px;
}
.cause-item-style7 .progress-bar {
    background-color: #d8b732;
    color: #d8b732;
    font-weight: 600;
    padding: 1px;
    border-radius: 20px;
}
.causes-style-7-data {
  --mask:
    radial-gradient(67.08px at 50% 90px,#000 99%,#0000 101%) calc(50% - 60px) 0/120px 100%,
    radial-gradient(67.08px at 50% -60px,#0000 99%,#000 101%) 50% 30px/120px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
          background-color: #d8b732bd;
         padding-top: 50px;
         padding-bottom: 30px;
         opacity: 1;
         transition: 0.3s ease-in-out;
          
}
.causes-style-7-data:hover{
    background-color: #d8b732
}
.caues-7-row .col-md-6:nth-child(2) .cause-item-style7 .causes-style-7-data {

background-color: #6c3667db;



}
.caues-7-row .col-md-6:nth-child(3) .cause-item-style7 .causes-style-7-data {

background-color: #019cf59e;

}
.caues-7-row .col-md-6:nth-child(1) .cause-item-style7 .causes-style-7-data .cause-donation-meta .donation-bar .progress .progress-bar{
    background-color: #d8b732;
}

.caues-7-row .col-md-6:nth-child(2) .cause-item-style7 .causes-style-7-data .cause-donation-meta .donation-bar .progress .progress-bar{
    background-color: #ac45ab;
}
.caues-7-row .col-md-6:nth-child(3) .cause-item-style7 .causes-style-7-data .cause-donation-meta .donation-bar .progress .progress-bar{
    background-color: #019cf5;
}
.caues-7-row .col-md-6:nth-child(1) .cause-item-style7 .causes-style-7-data:hover{
    background-color: #d8b732;
}

.caues-7-row .col-md-6:nth-child(2) .cause-item-style7 .causes-style-7-data:hover{
    background-color: #ac45ab;
}
.caues-7-row .col-md-6:nth-child(3) .cause-item-style7 .causes-style-7-data:hover{
    background-color: #019cf5;
}/* End custom CSS */
/* Start custom CSS for Lifeline Testimonials, class: .elementor-element-lifeline_testimonials */.testimonials-wrapper {
    display: flex;
    align-items: center;
}

.testimonials-thumbnails {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.testimonial-thumbnail {
    cursor: pointer;
    margin-bottom: 10px;
}

.testimonial-thumbnail img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.testimonial-thumbnail.active img {
    border: 2px solid #000;
}

.testimonials-content {
    flex: 1;
}

.testimonial-content {
    display: none;
}

.testimonial-content img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

.testimonial-content p {
    font-size: 16px;
    margin-bottom: 10px;
}

.testimonial-content h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.testimonial-content span {
    font-size: 14px;
    color: #888;
}/* End custom CSS */
/* Start custom CSS for Lifeline Testimonials, class: .elementor-element-lifeline_testimonials */.testimonials-wrapper {
    display: flex;
    align-items: center;
}

.testimonials-thumbnails {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.testimonial-thumbnail {
    cursor: pointer;
    margin-bottom: 10px;
}

.testimonial-thumbnail img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.testimonial-thumbnail.active img {
    border: 2px solid #000;
}

.testimonials-content {
    flex: 1;
}

.testimonial-content {
    display: none;
}

.testimonial-content img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
}

.testimonial-content p {
    font-size: 16px;
    margin-bottom: 10px;
}

.testimonial-content h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.testimonial-content span {
    font-size: 14px;
    color: #888;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-86414ae */.elementor-35684 .elementor-element.elementor-element-86414ae .container {
    max-width: 1280px !important;
    width: 1280px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-86414ae */.elementor-35684 .elementor-element.elementor-element-86414ae .container {
    max-width: 1280px !important;
    width: 1280px;
}/* End custom CSS */