/* 
Theme Name:		 Astra Child
Theme URI:		 http://childtheme-generator.com/
Description:	 Astra Child is a child theme of Astra, created by ChildTheme-Generator.com
Author:			 astra
Author URI:		 http://childtheme-generator.com/
Template:		 astra
Version:		 1.0.0
Text Domain:	 astra-child
*/


/*
    Add your custom styles here
*/

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Bold.woff2') format('woff2'),
        url('./fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} 

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Regular.woff2') format('woff2'),
        url('./fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Semibold.woff2') format('woff2'),
        url('./fonts/Lato-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('./fonts/Lato-Heavy.woff2') format('woff2'),
        url('./fonts/Lato-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Pro Condensed';
    src: url('./fonts/FuturaLTW01-BoldCondensed.woff2') format('woff2'),
        url('./fonts/FuturaLTW01-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Pro';
    src: url('./fonts/FuturaLTW01-Bold.woff2') format('woff2'),
        url('./fonts/FuturaLTW01-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal; 
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src: url('./fonts/icomoon.eot');
    src: url('./fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('./fonts/icomoon.woff2') format('woff2'), 
        url('./fonts/icomoon.woff') format('woff'),
        url('./fonts/icomoon.ttf') format('truetype'),
        url('./fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body, html{
    font-family: 'Lato' !important;
}
h1,h2, h3, h4, h5,h6{
    font-family: 'Futura Pro' !important; 
    font-weight: bold !important;
}
.header-logo  .hfe-site-logo-container {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p {
    margin-bottom: 1em;
}
.project-rows .elementor-heading-title a {
    font-family: 'Bebas Neue';
    font-weight: bold;
    text-decoration: none;
    line-height: 1.1 !important;
    display: block;
}

/*----Header ----*/
.top-header a:not(.btn) {
    font-weight: 600;
    letter-spacing: .0625rem;
    line-height: 1.3;
    border-bottom: 1px solid; 
}
.top-header a:not(.btn):hover{ 
    border-color: transparent;  
} 
.donate-btn {
    align-items: center;
    background-color: var(--e-global-color-primary);
    display: inline-flex;
    font-size: 18px !important;
    justify-content: center;
    padding: max(10px,min(1vw,18px)) max(15px,min(1.5vw,20px));
    color: #fff !important;
    font-weight: 700 !important;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    margin-left: 15px; 
    overflow: hidden; 
} 
.donate-btn .heart {
    animation: donatePulse 2.5s cubic-bezier(.28, 0, .32, 1) infinite;
    margin-right: 10px;
    position: relative;
}
.donate-btn .heart:before {
    position: relative;
    z-index: 1;
}
.donate-btn .heart .dot {
    border-radius: 50%;
    height: 75%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%}
.donate-btn .heart .dot:after, .donate-btn .heart .dot:before {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    opacity: 0;
    position: absolute;
    width: 4px;
    z-index: 2;
}
.donate-btn .heart .dot:first-child:before {
    left: calc(50% - 2px);
    top: 0;
}
.donate-btn .heart .dot:first-child:after {
    bottom: 0;
    left: calc(50% - 2px);
}
.donate-btn .heart .dot:nth-child(2):before {
    left: 0;
    top: calc(25% - 2px);
}
.donate-btn .heart .dot:nth-child(2):after {
    right: 0;
    top: calc(25% - 2px);
}
.donate-btn .heart .dot:nth-child(3):before {
    left: 0;
    top: calc(75% - 2px);
}
.donate-btn .heart .dot:nth-child(3):after {
    right: 0;
    top: calc(75% - 2px);
}
.donate-btn .text {
    text-align: left;
}
.heart-click svg {
    width: 25px;
    display: block;
    height: 25px;
    fill: #fff;
}
.donate-btn.-focused, .donate-btn:active, .donate-btn:focus, .donate-btn:hover {
    background: #032d59; 
    color: #fff;
}
.donate-btn .heart:after, .donate-btn .heart:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 22px;
    font-size: 1.375rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    position: absolute;
}
.donate-btn .heart .heart-click:after, .donate-btn .heart:after {
    left: 2px;
    position: absolute;
    top: 0;
    z-index: 0;
}
.donate-btn.-focused .heart:after, .donate-btn:active .heart:after, .donate-btn:focus .heart:after, .donate-btn:hover .heart:after {
    animation: donatePulseHover .7s cubic-bezier(.22,.61,.36,1) forwards;
} 


.menu-header .hfe-nav-menu a { 
    align-items: center;
    color: #333;
    display: flex;
    font-size: max(.75rem,min(1.2vw,1rem)) !important;
    font-weight: 600 !important;
    height: 100%;
    letter-spacing: .0625rem;
    position: relative;
    padding: 16px 0 !important;  
}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e915" !important;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .25s ease-in-out;
    font-size: 18px; 
}
.menu-header .hfe-nav-menu .menu-item{
    padding: 0 20px !important; 
}
.menu-header .hfe-nav-menu .menu-item-has-children .sub-menu {
    background: #fff;
    box-shadow: 0 20px 25px #00000040;
    top: 100%; 
    z-index: 100 !important;
    padding: 20px 35px 30px;    
}
.menu-header .hfe-nav-menu .menu-item-has-children .sub-menu li {
    font-weight: 600;
    letter-spacing: .0625rem;
    line-height: 1.2857142857;
    border: 0 !important;
    padding: 0 !important;
}
.menu-header .hfe-nav-menu .menu-item-has-children .sub-menu li + li{
    margin-top: max(15px,min(1.5vw,30px)); 
}
.menu-header .hfe-nav-menu .menu-item-has-children .sub-menu li a {
    border-bottom: 2px solid #0000;
    color: #000; 
    display: inline; 
    font-size: max(1rem,min(1.6vw,1.25rem)) !important;
    padding: 5px 0 !important;
}

.hfe-nav-menu a:before {
    background-color: #032D59;
    bottom: 0px;
    content: "";
    height: 1px;
    left: auto;
    position: absolute;
    right: 0;
    transition: width .4s cubic-bezier(.42, 0, .18, .99);
    width: 0;
}
.hfe-nav-menu a:focus:before, .hfe-nav-menu a:hover:before {
    left: 0;
    right: auto;
    width: 100%;
} 
.header-second-menu .hfe-nav-menu a.hfe-menu-item {
    align-items: center; 
    display: flex;
    padding: max(20px,min(2vw,27px)) 0 !important;
    position: relative; 
    font-size: 1.125rem;
    color: #000;
    font-weight: 700;
    letter-spacing: .0625rem; 
} 
.header-second-menu .site-header-nav-item-link>span:after{
    border-width: 6px; 
}
.header-second-menu .hfe-nav-menu li.menu-item {
    padding: 0 1.3vw;
}
.header-second-menu .hfe-nav-menu a:before{
    height:max(3px,min(.3vw,5px));
}  
 
/*---Header warning Popup---*/
.alert-banner-donate-button .btn.donate-btn {
    margin: 0;
    text-decoration: none; 
} 
.alert-banner-title .elementor-heading-title {
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.1944444444;
    padding: 0 15px;
    display: inline !important;
}
.learn-more-btn-h-popup .text-btn {
    font-weight: bold !important;
    color: #fff;
    font-size: 20px; 
}
.learn-more-btn-h-popup .text-btn:hover {
    box-shadow: inset 0 -1.5625rem 0 0 #0000005e !important; 
}
.warning-popup:before {  
    background: linear-gradient(90deg,#000000b3,#0000);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0; 
    width: 40%;
    z-index: 1;
}
.alert-banner-close {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    height: max(30px,min(6vw,46px));
    justify-content: center;
    position: absolute;
    right: max(32px,min(1.66vw,30px));
    top: max(38px,min(1.66vw,30px));
    width: max(30px,min(6vw,46px));
    z-index: 100;
    cursor: pointer;
    transition: 0.4s all;
}
.alert-banner-close:before {
    speak: none; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e916";
    display: inline-block;
    font-family: icomoon!important;
    font-size: max(.75rem,min(2.4vw,1.125rem));
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.skiplink, .sr-text {
    clip: rect(1px,1px,1px,1px); 
    -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
    clip-path: polygon(0 0,0 0,0 0,0 0);
    height: 1px;
    overflow: hidden; 
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.alert-banner-close button {
    padding: 0;
    background: transparent;
}
.alert-banner-close:hover {
    background: #000;
    color: #fff;
}
.top-header { 
    height: 0;
    padding: 0; 
    visibility: hidden;
    transition: 0.5s all ease-in-out;
}  
.top-header.active{ 
    height: 100%; 
    visibility: visible; 
    padding: 15px 0;   
}
.warning-popup{
    display: none; 
} 

/*----hero section---*/
.hero-home-text .h1 span {
    display: block;
    position: relative; 
}
.hero-home-text:before {
    background: #005fb6;
    -webkit-clip-path: polygon(0 0,100% 0,100% 8px,8px 8px,8px 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 8px,8px 8px,8px 100%,0 100%);
    content: "";
    display: none;
    height: 42px; 
    left: -45px;
    opacity: 1;
    position: absolute;
    top: -65px;
    transform: translateY(40px);
    transition: .75s ease-out;
    width: 48px;
}
.hero-home {
    grid-column: full;
    position: relative;
}
.hero-home-text .animated-text-container .text-initial {
    opacity: 1;
    transform: translateX(0);
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
} 
.hero-home-text .animated-text-container .text-animated {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(-40px);
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}
.hero-home-text.-active .animated-text-container .text-initial {
    opacity: 0;
}
.hero-home-text.-active .animated-text-container .text-animated {
    opacity: 1;
    transform: translateX(0);
    filter: invert(1);
}  
.hero-home-text.-active .title-text, .hero-home-text.-active .hero-home-desktop-text{
    filter: invert(1); 
}
.hero-home.-init .hero-home-desktop-text {
    opacity: 1;
} 
#search-sec input.hfe-search-form__input {
    padding: 17px 22px !important;
    height: auto;
} 
.site-header-search-close:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906"; 
    display: inline-block;
    flex: none;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
#search-sec .site-header-search-close {
    background: transparent;
    padding: 0 !important;
    color: #000;
    font-size: 1.7rem;
}
#search-sec .elementor-widget-html {
    position: absolute;
    right: 50px;
    top: 32px; 
}
#search-sec{
    transition: 0.5s ease-in-out;
    transform: translateY(-100px);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;  
}
#search-sec.active{
    transform: none;
    opacity: 1;
    visibility: visible;
}
.search-toggle input{
    display: none !important; 
}
body.search-overlap{
    overflow: hidden !important;
} 
body.search-overlap::before {
    position: absolute;
    content: "";
    background: #000;
    height: 100vh;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.7;  
    z-index: 50;  
}
.ehf-header #masthead {
    z-index: inherit !important; 
}
.header-second-menu .donate-btn.sticky-btn {
    position: fixed;
    top: 5%; 
    z-index: 100;
    right: 3%;
}

.our-latest-press-releases .uc_post_list_box::last-child {
	border-right: 0px !important;
}

.our-latest-press-releases .uc_post_list_box:hover .uc_post_list_title a {
	color: #032D59 !important;
}

.our-latest-press-releases .uc_post_list_box .uc_more_btn {
	align-items: center !important;
    background: #032D591a !important;
    border-radius: 50% !important;
    color: #032D59 !important;
    display: flex !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    height: 36px !important;
    justify-content: center !important;
    transition: .25s ease-in-out !important;
    width: 36px !important;
	line-height: 1.4rem !important;
}

.our-latest-press-releases .uc_post_list_box:hover .uc_more_btn {
	background: #032D59 !important;
    color: #fff !important;
}

.stories-items-list .uc_post_list_box .uc_post_list_content .uc_post_list_content_inside {
	position: relative;
}

.give-header-sticky {
	align-items: center;
    background-color: #fff;
    box-shadow: 0 2px 7px #00000026;
    font-size: 12px;
    font-size: .75rem;
    grid-column: full;
    justify-content: center;
    left: 0;
    max-width: 1920px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
	transform: translateY(0);
    transition: transform .3s ease-in-out;
}
.give-header-sticky .hfe-site-logo {
	margin-left: 30px;
	margin-top: 15px; 
}
.give-header-sticky .donate-form-selections {
	display: flex;
	align-items: center;
	margin: 0px !important
}
.give-header-sticky .donate-form-selections .donate-form-inner-title {
	text-transform: uppercase;
	font-size: max(38px, min(3vw, 48px));
}
.give-header-sticky .donate-form-selections .donate-form-other,
.give-header-sticky .donate-form-selections .donate-form-submit {
	grid-column: inherit;
}
.give-header-sticky .donate-form-selections .donate-form-other {
	width: 125px;
    margin-top: 0;
}
.give-header-sticky .donate-form-selections .donate-form-submit {
	max-width:260px;
    margin-top: 0; 
}

@media only screen and (min-width:1000px){
    .hero-home-text .h1 {
        font-size: max(3.125rem, min(3.5vw, 6.25rem));
        text-transform: uppercase; 
        line-height: 1; 
    }
    .hero-home-text .h1 .-large {
        font-size: max(3.275rem,min(4.4vw,9rem));
    }  
    .hero-home-desktop-text { 
        display: block;
        font-size: max(1rem,min(1.6vw,1.1875rem));
        line-height: 1.7368421053;
        margin-top: 20px;
        max-width: 390px;
        opacity: 0;
        transition: 1s ease-in-out;
    }
    
    .hero-home-text {
        padding: 15px 0 30px;
        position: relative;
        text-align: center;
    }
    .hero-home-text {
        flex: 1 1 auto;
        padding: 0 50px 0 0;
        text-align: left;
    }
    
    .hero-home-text:before {
        display: block;
    }
}


.text-btn {
    box-shadow: inset 0 -2px 0 0 #032D59 !important; 
    color: #333;
    font-size: max(1.125rem,min(3.6vw,1.25rem));  
    font-weight: 700;
    padding-bottom: 2px;
    transition: .25s ease-in-out;
    cursor: pointer; 
}
.text-btn:hover {
    box-shadow: inset 0 -1.5625rem 0 0 #032D5940 !important; 
} 
.happening-sec .elementor-icon-box-wrapper .elementor-icon-box-content {
    display: table-header-group;
}
.happening-sec .elementor-icon-box-wrapper .elementor-icon-box-icon {
    display: table-footer-group;
}
.happening-sec .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon {
    padding: 9px; 
    background: transparent;
    border-radius: 100%;
    width: 36px; 
    height: 36px;
}
.happening-sec .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon{ 
    background-color: var(--e-global-color-accent); 
} 
.happening-sec .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon svg{
    fill: #fff;
}
.happening-sec .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title a{
    text-decoration: none; 
}
.happening-sec .elementor-icon-box-wrapper:hover .elementor-icon-box-content .elementor-icon-box-title{
    color: var(--e-global-color-accent);  
}  
 
.font-large-78, .font-large-78 *{
    font-size: max(2.5rem,min(8vw,4.875rem)) !important;
    line-height: 1.0256410256 !important;    
}  
.h3 { 
    font-size: max(1.5rem,min(4.8vw,3rem)); 
    line-height: 1.2083333333;
}
.fifty-fifty{
    position: relative; 
} 
.fifty-fifty:before {
    background: #005fb6;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - max(4px, min(.5vw, 8px))) 100%, calc(100% - max(4px, min(.5vw, 8px))) max(4px, min(.5vw, 8px)), 0 max(4px, min(.5vw, 8px)));
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - max(4px, min(.5vw, 8px))) 100%, calc(100% - max(4px, min(.5vw, 8px))) max(4px, min(.5vw, 8px)), 0 max(4px, min(.5vw, 8px)));
    height: max(22px, min(2.5vw, 50px));
    width: max(22px, min(2.5vw, 50px));
    content: "";  
    opacity: 0.7;  
    position: absolute;
    right: 0; 
    top: 0;    
    left: auto; 
}
.fifty-fifty.left-top:before{
	-webkit-clip-path: polygon(0 0, 100% 0, 100% max(4px, min(.5vw, 8px)), max(4px, min(.5vw, 8px)) max(4px, min(.5vw, 8px)), max(4px, min(.5vw, 8px)) 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% max(4px, min(.5vw, 8px)), max(4px, min(.5vw, 8px)) max(4px, min(.5vw, 8px)), max(4px, min(.5vw, 8px)) 100%, 0 100%);
	left: 0;
	right: auto; 
}


.country-select-form select {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/wp-content/uploads/2024/07/select-arrow-down.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
    background-size: 11px auto;
    padding-right: 35px;
    text-decoration: none;
    border-radius: 0;
    border: 1px solid #c4c4c4;
    color: #333;
    padding: 12px 15px;
    height: auto;
}
form.country-select-form {
    display: flex;
    align-items: center;
}
.country-select-form button.country-select-form-submit.arrow-cta svg {
    width: 15px;
    fill: #032D59;
}
.country-select-form button.country-select-form-submit.arrow-cta {
    background: transparent;
    border-radius: 33px;
    min-width: 46px;
    min-height: 46px;
    padding: 0;
    transition: 0.5s all;
    margin-left: 15px;
}
.country-select-form button.country-select-form-submit.arrow-cta:hover{
    background-color: var(--e-global-color-accent);
}
.country-select-form button.country-select-form-submit.arrow-cta:hover svg{
    fill: #fff; 
}
/*---Footer section----*/
.logo-info-footer a, .logo-info-footer * {
    font-size: 14px;
    font-weight: 700; 
    letter-spacing: .0625rem;
}
.footer-main .text-btn{
    font-size: 14px;
    font-weight: bold;
} 
.footer-main .text-btn:hover{
    border-color: transparent; 
}
.footer-main .email-footer:before {
    speak: none;  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90a";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 34px;
    font-size: 2.125rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 16px;
    text-transform: none;
}
.email-footer .elementor-widget-container {
    display: inline-block;
    vertical-align: middle;
}
.email-footer {
    display: flex;
    align-items: center;
}  
.bottom-footer p {
    margin-bottom: 0;
} 



/*----Verticle slider---*/

.side-by-side--pin {
    position: relative;
}  
.side-by-side--pin .story-rotator-point {
    height: 100vh;
    width: 100%;
}
.side-by-side--pin .story-rotator-point {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 80px;  
}
.side-by-side--pin .story-rotator-wrapper img {
    z-index:1;
    will-change: transform, opacity
}
.story-rotator-image {
    position: absolute;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.story-rotator-image img{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    top: 0;
    bottom: 0;
}
.story-rotator-section-caption-inner:before {
    background: #032D59;
    -webkit-clip-path: polygon(0 0,100% 0,100% 8px,8px 8px,8px 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 8px,8px 8px,8px 100%,0 100%);
    content: "";
    display: block;
    height: 50px;
    left: -42px;
    top: -45px; 
    position: absolute;
    width: 48px;
}
.story-rotator-section-caption-inner p {
    font-family: 'Futura Pro';
    font-size: max(1rem,min(3.2vw,2.25rem));
    line-height: 1.6666666667;
    margin: 0;
} 
.story-rotator-section-caption-inner {
    max-width: 800px;
    pointer-events: auto;
    z-index: 10;  
}
.story-rotator-section-caption-inner .btn {
    background: #000;
    margin-top: 35px; 
    padding: max(10px, min(1.66vw, 20px)) max(10px, min(1.66vw, 40px));
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 14px !important;
    letter-spacing: 0.0625rem;
    display: inline-block;  
}
.story-rotator-section-caption-inner span {
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 4px 14px;
}

.story-rotator-section-caption-inner span small {
    font-weight: normal !important;
    font-size: 52%;
    font-family: "Lato";
}

/*----HOW WE FIGHT HUNGER slice slider ------*/
.carousel-container .slick-list {
    padding: 0 0px !important;
} 
.carousel-slides .slide-inner {
    background: #0000;
    border-right: 1px solid #d8d8d8;
    color: #fff;
    display: flex !important; 
    flex-direction: column;
    height: 815px;   
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: background .5s ease-in-out;
}
.carousel-slides .slide-inner p {
    color: #fff;
}
.carousel-slides .content-inactive {
    padding: max(30px, min(5vw, 45px));
    position: relative;
    top: 0;
    transition: top .45s ease-in-out, opacity 1s ease-in-out;
}
.carousel-slides .content-inactive .h3 a {
    font-size: max(2.075rem,min(3.66vw,1.875rem));
    line-height: 1;
    font-weight: 900;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
} 
.carousel-slides .content-hover {
    bottom: -50%;
    left: 0;
    opacity: 0;
    padding: max(30px, min(5vw, 45px));
    position: absolute;
    transition: bottom .5s ease-in-out, opacity 1s ease-in-out;
    width: 100%;
    text-decoration: none !important;
    color: #fff; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
} 
.carousel-slides .content-hover .h3 .js-link-event-link {
    font-size: max(1.8125rem, min(3.43vw, 2.35rem));
    line-height: 1.141379;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none; 
    display: inline-block;
    color: #fff;
}
.carousel-slides .content-hover p {
    font-size: max(1rem,min(2.66vw,1.25rem));
    line-height: 1.5;
}
.carousel-slides .h3 .js-link-event-link {
    color: #fff;
}
.carousel-slides .slide-icon {
    align-items: center;
    background: #032D59; 
    border-radius: 50%;
    display: flex;
    font-size: max(1.5rem, min(4vw, 2rem));
    height: max(46px, min(7.66vw, 68px));
    justify-content: center;
    margin: 0 auto max(20px, min(3.33vw, 30px));
    width: max(46px, min(7.66vw, 68px));
}
.carousel-slides .slick-arrow {
    position: absolute;
    bottom: -72px;
    padding: 0;
    right: 22px;
    background: #f0f7f8 !important;
    color: transparent;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: -555px;
    border-radius: 0 !important;
    box-shadow: none;
    transition: 0.4s all;
}
.carousel-slides .slick-arrow:hover{
	background: #000 !important; 
	color:#fff;
}
.carousel-slides .slick-arrow:hover::before{
	color:#fff;
}
.slick-next:before, .slick-prev:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    text-indent: initial; 
    color: #000;
}
.carousel-slides button.slick-prev.slick-arrow {
    right: 113px; 
} 
.carousel .controls .slick-pause[data-state=pause]:before {
    content: "\e920";
}
.slick-next:before {
    content: "\e905";
}
.slick-prev:before {
    content: "\e904";
}   
.slick-pause:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e90d";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1; 
    text-transform: none;
} 
.icon-food-security:before, .icon-innovation:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    content: "\e91c";
    line-height: 1;
    text-transform: none;
}
.arrow-cta {
    align-items: center;
    background: #032D591a;
    border-radius: 50%;
    color: #032D59;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    height: 36px;
    justify-content: center;
    transition: .25s ease-in-out;
    width: 36px;
}
.arrow-cta:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal; 
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.carousel-slides .arrow-cta {
    background: #ffffff40;
    height: max(34px, min(5.66vw, 44px));
    margin: 0 auto;
    width: max(34px, min(5.66vw, 44px));
} 
.arrow-cta.-focused, .arrow-cta:active, .arrow-cta:focus, .arrow-cta:hover {
    background: #032D59;
    color: #fff; 
}
.carousel-slides .content-inactive .h3 {
    line-height: 0.5;
}  
.controls button.slick-pause .sr-text{
    display: none; 
}
.controls button.slick-pause {
    background: #f0f7f8;
    padding: 0;
    position: absolute;
    right: 67px; 
    color: #000;
    font-size: 16px;
    width: 46px;
    bottom: -72px;
    height: 46px;
    box-shadow: none;
    border-radius: 0;
}
.controls button.slick-pause:hover{
    background-color: #000;
    color: #fff; 
}
.hunger-video {
    pointer-events: none;
} 
.carousel-slides .slide-inner.-focused .content-inactive, .carousel-slides .slide-inner:active .content-inactive, .carousel-slides .slide-inner:focus .content-inactive, .carousel-slides .slide-inner:hover .content-inactive {
    opacity: 0;
    top: -15%;
    transition: top .35s ease-in-out,opacity .25s ease-in-out;
}
.carousel-slides .slide-inner.-focused .content-hover, .carousel-slides .slide-inner:active .content-hover, .carousel-slides .slide-inner:focus .content-hover, .carousel-slides .slide-inner:hover .content-hover {
    bottom: 0;
    opacity: 1;
}
.carousel-slides .slide-inner:active, .carousel-slides .slide-inner:focus, .carousel-slides .slide-inner:hover {
    background: rgba(0,0,0,0.89);  
}

/*----Iconmoon font---*/

.icon-arrow:before {
    content: "\e902"}
.icon-arrow-circle:before, .icon-arrow:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-arrow-circle:before {
    content: "\e903"}
.icon-camera:before {
    content: "\e922"}
.icon-camera:before, .icon-caret-down:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-caret-down:before {
    content: "\e915"}
.icon-caret-left:before {
    content: "\e904"}
.icon-caret-left:before, .icon-caret-right:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-caret-right:before {
    content: "\e905"}
.icon-checkmark:before {
    content: "\e917"}
.icon-checkmark:before, .icon-close:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-close:before {
    content: "\e906"}
.icon-close2:before {
    content: "\e916"}
.icon-close2:before, .icon-dots:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-dots:before {
    content: "\e907"}
.icon-filter:before {
    content: "\e908"}
.icon-filter:before, .icon-heart:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-heart:before {
    content: "\e900"}
.icon-heartbeat:before {
    content: "\e909"}
.icon-heartbeat:before, .icon-lock:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-lock:before {
    content: "\e918"}
.icon-mail:before {
    content: "\e90a"}
.icon-mail:before, .icon-menu:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-menu:before {
    content: "\e90b"}
.icon-minus:before {
    content: "\e90c"}
.icon-minus:before, .icon-money:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-money:before {
    content: "\e919"}
.icon-pause:before {
    content: "\e90d"}
.icon-pause:before, .icon-play:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-play:before {
    content: "\e920"}
.icon-play-circle:before {
    content: "\e90e"}
.icon-play-circle:before, .icon-plus:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-plus:before {
    content: "\e90f"}
.icon-quote:before {
    content: "\e921"}
.icon-quote:before, .icon-search:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-search:before {
    content: "\e901"}
.icon-water:before {
    content: "\e91a"}
.icon-nutrition:before, .icon-water:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-nutrition:before {
    content: "\e91b"}
.icon-innovation:before {
    content: "\e91c"}
.icon-food-security:before, .icon-innovation:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-food-security:before {
    content: "\e91d"}
.icon-emergencies:before {
    content: "\e91e"}
.icon-advocacy:before, .icon-emergencies:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-advocacy:before {
    content: "\e91f"}
.icon-share:before {
    content: "\e910"}
.icon-facebook:before, .icon-share:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-facebook:before {
    content: "\e911"}
.icon-instagram:before {
    content: "\e912"}
.icon-instagram:before, .icon-linkedin:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-linkedin:before {
    content: "\e913"}
.icon-twitter:before {
    content: "\e924"}
.icon-twitter:before, .icon-youtube:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-youtube:before {
    content: "\e923"}
.icon-x:before {
    content: "\e924"}
.icon-heart-outline:before, .icon-x:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-heart-outline:before {
    content: "\e925"}
.icon-arrow-up:before {
    content: "\e926"}
.icon-arrow-up:before, .icon-maximize:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-maximize:before {
    content: "\e927"}


.gh-heading h2 {  
    font-size: max(4.375rem,min(4.27vw,9.625rem)) !important; 
    font-family: 'Futura Pro Condensed' !important;
    line-height: 0.9 !important;
}
/* .pinned-section{
   top: 90px;       
}   */
.image-scroll-slider{
    margin-left: auto !important; 
}
.pin-section-main .pin-spacer {
    height: 100vh !important;  
}    

/*--------------------------------*/
.hero-section {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 40px 75px;
    position: sticky;
    top: 75px;
    z-index: 10; 
}

/*----ABout us page---*/
.video-link .video-link-play-icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
    box-shadow: 0 1px 7px #00000026;
    color: #ffffffb3;
    content: "\e90e";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 60px;
    font-size: 3.75rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;  
    transition: .25s ease-in-out;
}
.video-callout-caption {
    background: #fff;
    border-left: 4px solid #032D59;
    display: inline-block;
    padding: 12px 16px;
}
.the-story-sec:before {
    background-color: #eef4f5;
    content: "";
    display: block;
        width: 75%;
    position: absolute; 
    z-index: 0;
}
.more-about-us .elementor-image-box-title a {
    font-weight: bold;
    text-decoration: none;
}
.more-about-us .elementor-image-box-title a:hover{
color:var(--e-global-color-accent);
}
.more-about-us .elementor-image-box-content{
	padding:20px
}
.more-about-us .elementor-image-box-img {
    margin: 0 !important;
}
.arrow-link a {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    bottom: 0;
}
.arrow-link{
	height:100%;
}
.arrow-link a .elementor-button-content-wrapper {
    margin-top: auto;
    position: absolute;
    bottom: 40px;
    right: 12%;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #032D591a;
    display: flex;
    align-items: center;
	transition:0.3s; 
}
.arrow-link a .elementor-button-content-wrapper svg{
	width:12px; 
	height:12px;
	display:block;
}
.arrow-link a .elementor-button-content-wrapper svg path{
    fill: #032d59;
    stroke: #032d59;
}
.arrow-link a:hover .elementor-button-content-wrapper{
	background: var(--e-global-color-accent);
}
.arrow-link a:hover .elementor-button-content-wrapper svg path{
 	fill:#fff;
	stroke:#fff;
}
.more-about-us .elementor-image-box-img { 
    position: relative;
    overflow: hidden;
}
.more-about-us .elementor-element:hover .elementor-image-box-img img{
 transform:scale(1.2);
}
.more-about-us .elementor-element:hover .elementor-widget-image-box .elementor-image-box-title{
	color:var(--e-global-color-accent);
}
.explore-more .uc_post_list.uc-items-wrapper  .uc_post_list_box .uc_post_list_content .uc_more_btn{
    align-items: center;
    background: transparent;
    border-radius: 50%;
    color: transparent; 
    display: flex;
    font-size: 0px;
    height: 36px;
    justify-content: center;
    transition: .25s ease-in-out;
    width: 36px;
    bottom: 10px;
    position: absolute;
    right: 10px;
	text-indent:-9999px; 
    white-space: nowrap; 
}  
.explore-more .uc_post_list.uc-items-wrapper  .uc_post_list_box .uc_post_list_content .uc_more_btn:before {
    color: #032D59;
    font-size: 1rem;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902"; 
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
	text-indent:initial; 
}
.explore-more .uc_post_list.uc-items-wrapper .uc_post_list_box:hover .uc_post_list_content .uc_more_btn:before  {
    color: #fff; 
}
.explore-more .uc_post_list.uc-items-wrapper .uc_post_list_box:hover .uc_post_list_content .uc_more_btn{
	 background: var(--e-global-color-accent);   
} 

.explore-more:before {
    background: linear-gradient(180deg,#eef4f5,#eef4f5 calc(100% - 100px),#fff calc(100% - 100px),#fff);
    content: ""; 
    height: 100%;
    left: 0; 
    position: absolute; 
    top: 0;
    width: calc(100% - 40vw); 
    z-index: 0; 
}  
.explore-more:after {
    background: #000; 
    content: "";
    height: calc(100% - 100px);
    position: absolute;  
    right: 0;
    top: 100px; 
    width: calc(100% - 52vw);  
    z-index: 0;
}
.form-container, .explore-more .uc_post_list.uc-items-wrapper {
    position: relative;
    z-index: 10;
}

.form-container input.wpcf7-form-control {
    border: 1px solid #fff !important;
    background: transparent;
    border-radius: 0;
    color: #a9a9a9;
    padding: 18px;
    height: auto;
}
 .form-container input.wpcf7-form-control[type="submit"] {
    background: url('/wp-content/uploads/2024/07/arrow.svg');
    background-size: 15px auto;  
    background-repeat: no-repeat;
    font-size: 0;
    border: 0 !important;
    width: 41px;
    height: 41px;
    background-color: #ffffff40;
    border-radius: 100%;
    background-position: center center;
    position: absolute;
    bottom: 90px;
    right: -39px;
}
.form-container input.wpcf7-form-control[type="submit"]:hover {
    background-color: #fff;
}
.form-container .popup-body-text p, .form-container .popup-body-text a {
    font-size: 16px;
}
.explore-more .uc_post_list_box:hover .uc_post_list_image img{
	transform:scale(1.2);
}
.form-container .wpcf7 form .wpcf7-response-output{
	color:#fff; 
}
.inner-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 75px; 
    z-index: 10;
}
.inner-title h1{
	transition: 0.5s color ease-in-out;
}
.inner-title.-active h1{ 
	color:#fff !important;   
}
.inner-hero-image::before{
    opacity: 0 !important; 
}
.inner-title.-active + .inner-hero-image::before{
    opacity: 0.75 !important; 
}
.youtube-play-btn {
    height: 74%;
    left: 0;
    position: absolute;
    top: 132px;
    width: 100%;
}
.youtube-play-btn .video-link-play {
    align-items: center;
    background: #0000;
    border-radius: 100px;
    color: #000;
    display: flex;
    font-weight: 800;
    overflow: hidden;
    padding: 5px 5px 5px 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    transition: .25s ease-in-out;
    width: 160px;	
	font-size: 1.25rem;
	height: 80px;
	padding: 10px 10px 10px 85px;
	width: 180px;
}
.youtube-play-btn .video-link-play:before {
    background: #eef4f5;
    border-radius: 100px;
    content: "";
    height: 100%;
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .25s ease-in-out;
    width: 100%;
}
.youtube-play-btn .video-link-play-icon {
    left: calc(50% - 30px);
    position: absolute;
    top: 10px;
    transition: .25s ease-in-out;
}
.youtube-play-btn .video-link-play-icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
    box-shadow: 0 1px 7px #00000026;
    color: #ffffffb3;
    content: "\e90e";
    display: inline-block;
    font-family: icomoon!important;
    font-size: 60px;
    font-size: 3.75rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: .25s ease-in-out;
}
.youtube-play-btn .video-link-play-text {
    left: 3px;
    opacity: 0;
    position: relative;
    transition: .1s ease-in-out;
}
.youtube-play-btn:hover .video-link-play:before {
    left: 0;
    opacity: 1;
}
 .youtube-play-btn:hover .video-link-play-icon {
    left: 10px;
}
.youtube-play-btn:hover .video-link-play-icon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: none;
    color: #032D59;
    content: "\e90e";
    display: inline-block;
    font-family: icomoon!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.youtube-play-btn .video-link-play-text {
    left: 3px;
    opacity: 0;
    position: relative;
    transition: .1s ease-in-out;
}
.youtube-play-btn:hover .video-link-play-text {
    left: 0;
    opacity: 1; 
    transition: .25s ease-in-out .1s;
}
.elementor-1838 .elementor-element.elementor-element-a141b4b .ue_play_button {
    text-align: center;
    display: none;
}
.the-story-sec .e-con-inner{
	position:relative;
} 
#uc_blox_play_button_elementor_a141b4b.ue_play_button a:hover{
	transform:none !important;
} 
.more-about-us .elementor-widget.elementor-widget-image-box {
    height: 100%;
}

.keepup-action-popup .keepup-action-popup-in {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	box-sizing: border-box;
}
.keepup-action-popup .modal-form .modal-header h3 {
	color: #fff;
	font-size: 2.5rem;
  line-height: 1.1;
}
.keepup-action-popup .modal-form .modal-header {
	margin-bottom: 25px;
}
.sg-popup-content {
	border: none !important;
}
.popup-body-text {
	color: #fff;
	line-height: 1.4;
}
.popup-body-text a {
	color: #032D59;
}
.popup-body-text a:hover {
	text-decoration: underline;
}

.modal-form input.wpcf7-form-control {
    border: 1px solid #fff !important;
    background: transparent;
    border-radius: 0;
    color: #a9a9a9;
    padding: 18px;
    height: auto;
}
.modal-form input.wpcf7-form-control::placeholder{
	 color: #a9a9a9;
}
.modal-form input.wpcf7-form-control::-webkit-input-placeholder{
	color:#a9a9a9;
}
.modal-form input.wpcf7-form-control[type="submit"] {
    background: url('/wp-content/uploads/2024/07/arrow.svg');
    background-repeat: no-repeat;
    font-size: 0;
    border: 0 !important;
    width: 41px;
    height: 41px;
    background-color: #ffffff40;
    border-radius: 100%;
    background-position: center center;
    position: absolute;
    bottom: 90px;
    right: -39px;
}

.modal-form input.wpcf7-form-control[type="submit"]:hover{
	background-color:#fff;
}
.background-image{
    height: 815px;
    width: 100%;
}
.background-image img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
        object-fit: cover;
    object-position: center;
}
.arrow-link2 a .elementor-button-content-wrapper {
	bottom: 25px;
}

/*-----Take Action page style----*/
.page-make-a-gift header#masthead {
    display: none;
}  

/*---Mega Menu style---*/
.header-second-menu #mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-item > a.mega-menu-link::before {
    background-color: #032d59;
    bottom: 0; 
    content: "";
    height: 5px;
    left: auto;
    position: absolute;
    right: 0;
    width: 0;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    opacity: 0;
}
.header-second-menu #mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-item > a.mega-menu-link:hover:before {
    left: 0;
    right: auto;
    width: 100%;
    opacity: 1;
}
.header-second-menu #mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-item {
    margin: 0 26px;   
}
.header-second-menu #mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    transform: none !important;
    box-shadow: 0 20px 25px #00000040;
    padding: 15px 20px;  
    max-width: 1080px; 
    margin: 0 auto;
    display: block;
    left: -18% !important;
    right: 0!important;
} 
.header-second-menu .mega-menu .mega-sub-menu .mega-menu-item .textwidget.custom-html-widget h3{
    font-size: max(1.5rem,min(2.4vw,2.25rem)) !important;
    /* color: #032D59;    */
}
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
    font-weight: 600 !important;
    width: auto;
    display: inline;    
}   
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:first-child a {
    font-weight: 800 !important; 
} 
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:not(:first-child) {
    border-left: 1px solid #c4c4c4;
    padding-left: 20px;   
}  
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:first-child {
    padding-right: 50px;
}  
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget.custom-html-widget .button {
    border-radius: 0; 
    background: transparent;
    border: 2px solid #032D59;
    font-weight: normal !important;
    display: inline-block;
    margin-top: 125px; 
    text-transform: uppercase;
}
#mega-menu-wrap-secondary_menu #mega-menu-secondary_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget.custom-html-widget .button:hover{
    background-color: #032D59;
    color: #fff;
}
.youtube-play-btn.video-full-height {
    height: 100%;
    top: 0;
} 
.light-keep-up-sec .form-container input.wpcf7-form-control:not([type="submit"]) {
    background: #fff;
    border-color: #a9a9a9 !important;
    color: #333 !important;
}

.light-keep-up-sec .form-container input.wpcf7-form-control::-webkit-input-placeholder{
    color: #333;
}
.light-keep-up-sec .form-container input.wpcf7-form-control[type="submit"] {
    background-color: #d7e2ed;  
    bottom: 125px;
    right: -69px; 
}
.light-keep-up-sec .form-container .wpcf7 form .wpcf7-response-output {
    color: #000;
    margin: 0; 
} 
.ast-single-post .entry-content a.text-btn {
    text-decoration: none;
} 

.give-header-sticky{
    position: fixed;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: .3s ease-in-out;
    width: 100%;
    z-index: 2;
}
.give-header-sticky.active {  
    transform: translateY(0);
    transition: transform .3s ease-in-out;
}
.video-play-btn-large span.video-button::before { 
    content: "view video";
    display: inline-block;  
    color: #000; 
}
.video-play-btn-large:hover span.video-button::before {
    color: #ffffff; 
}
.video-play-btn-large  .video-button {
    width: auto !important;
    padding: 0 20px; 
    display: inline-flex;     
    flex-direction: row !important;
    align-items: center !important;
    text-transform: uppercase;
    font-weight: 600; 
    font-size: 15px !important;  
    gap: 10px; 
}


.give-month-video-block{
    height: 100vh;
    max-height: 1680px;
    position: sticky;
    top: 0;
    width: 100%;
}
.page-give-monthly-thrive header#masthead{
    display: none;
} 
.give-month-video-block {
    margin-left: auto;
    max-width: calc(100vw - 570px);         
} 
.give-month-video-block .elementor-widget-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
}
.give-month-video-block .elementor-widget-video iframe{
    position: absolute;
    left: 0; 
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
}

.donate-form-content {
    background-color: #e3e8e9;
    padding: 30px 15px 15px;
}
.donate-form-inner-title {
    font-family: Futura Pro;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: none;
}
.donate-form-inner-description {
    font-size: 18px;
    font-size: 1.125rem;
}
.donate-form-selections {
    grid-gap: max(10px,min(2vw,15px));
    display: flex;
    grid-template-columns: repeat(3,1fr);
    margin: max(15px,min(3vw,20px)) 0;
    flex-wrap: wrap;
}
.donate-form-other {
    margin-top: 5px;
    position: relative;
    width: 25%;
}
.donate-form-submit {
    margin-top: 5px;
    min-width: 260px;
}
.donate-form-other input {
    border-color: #000;
    height: max(53px,min(7.6vw,53px));
    padding: max(12px,min(2vw,20px)) max(12px,min(2vw,20px)) max(12px,min(2vw,20px)) max(25px,min(4.16vw,30px));
    border-radius: 0; 
}
.donate-form-btn {
    font-size: max(.875rem,min(2.3vw,1.125rem));
    height: 53px;
    width: 100%;
    margin: 0;
    text-decoration: none !important;
}
.donate-form-submit .donate-btn .heart {
    position: relative;
    left: -25px;
    top: -9px;
}
.last-child .donate-form-content {
    background: transparent;
}
.last-child .donate-form-content .donate-form-inner-title{
    font-size: 24px;
}
.give-monthly-slide-wrapper{
    transform: none !important;  
    min-width: 530px; 
    width: auto !important;
} 
/*---Key Frame css ----*/

@keyframes donatePulse {
    0% { 
    opacity: 1;
    transform: scale(1); 
}
50% {
    opacity: .8; 
    transform: scale(.875);
}
to {
    opacity: 1;
    transform: scale(1);
}
}@keyframes donatePulseHover {
    0% {
    opacity: 0;
    transform: scale(1);
}
50% {
    opacity: .35;
}
to {
    opacity: 0;
    transform: scale(5);
}
}@keyframes donateHeartClick {
    0% {
    opacity: 0;
    transform: scale(1);
}
50% {
    opacity: .35;
}
to {
    opacity: 0;
    transform: scale(20);
}
}@keyframes donateDots1 {
    0% {
    opacity: 0;
    transform: translate(0);
}
50% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translateY(-20px);
}
}@keyframes donateDots2 {
    0% {
    opacity: 0;
    transform: translate(0);
}
50% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translateY(20px);
}
}@keyframes donateDots3 {
    0% {
    opacity: 0;
    transform: translate(0);
}
50% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate(-12px, -12px);
}
}@keyframes donateDots4 {
    0% {
    opacity: 0;
    transform: translate(0);
}
50% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate(12px, -12px);
}
}@keyframes donateDots5 {
    0% {
    opacity: 0;
    transform: translate(0);
}
50% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate(-12px, 12px);
}
}@keyframes donateDots6 {
    0% {
    opacity: 0;
    transform: translate(0);
}
50% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate(12px, 12px);
}
}


@media only screen and (max-width:1680px){
    .header-second-menu .hfe-nav-menu a.hfe-menu-item{
        font-size: 17px !important;
    }
	.carousel-slides .slide-inner, .background-image{
		height: 678px;
	}
	.hunger-video .elementor-wrapper {
		--video-aspect-ratio: inherit !important;
		height: 678px; 
	}
    .give-monthly-slide-wrapper{
        min-width: 480px; 
    } 
    .give-month-video-block {
        max-width: calc(100vw - 510px);         
    } 
}    

@media only screen and (max-width:1500px){
    .carousel-slides .slide-inner, .background-image{
        height: 550px; 
    }
	.hunger-video .elementor-wrapper {
		--video-aspect-ratio: inherit !important;
		height: 550px;     
	}
    .carousel-slides .content-inactive .h3 .js-link-event-link{
        font-size: max(2.36vw,min(2.36vw,1.875rem));
    } 
    .carousel-slides .content-hover .h3 .js-link-event-link{   
        font-size: max(1.8125rem, min(2.73vw, 2.75rem));
    } 
    .image-scroll-slider .verticle-slider-list .e-con-full.e-con.e-child:last-child {
        left: 38%;
    }  
    .donate-btn{
        font-size: 15px !important;  
    } 
    .elementor-359 .elementor-element.elementor-element-7782d7f .elementor-heading-title{
        font-size: 15px;
    }
    .header-second-menu .hfe-nav-menu li.menu-item {
        padding: 0 0.6vw;
    }
    .image-scroll-slider .verticle-slider-list .e-con-full.opp-content-overlap {
        left: auto !important;
        right: 0;
        bottom: 0;  
    }
    .font-large-78, .font-large-78 * {
        font-size: max(2.2rem,min(7.9vw,4.175rem)) !important;
    }
    .e-con-full.form-container {
        max-width: 21%; 
    } 
} 
@media only screen and (min-width:1200px) and (max-width:1590px){
    .e-con>.e-con-inner {
        max-width: 95% !important;  
    }
}

@media screen and (min-width: 768px) {
    .keepup-action-popup .modal-image {
        display: block;
        position: relative;
        width: 50%;
    }
    .keepup-action-popup .modal-image img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .keepup-action-popup .modal-form {
        width: 50%;
        margin: 120px 0;
        padding: 0 85px;
    }
	.stories-items-list .uc_post_list_box .uc_post_list_image {
		order: 1;
	}
	.stories-items-list .uc_post_list_box .uc_post_list_content {
		order: 0;
	}
}
@media only screen and (max-width:1024px){ 
    .elementor-kit-8{
        --e-global-typography-secondary-font-size: 30px !important;
    }
    .carousel-slides .slide-inner, .background-image { 
        height: 497px;  
    }
    .hunger-video .elementor-wrapper {
        --video-aspect-ratio: inherit !important;  
        height: 497px; 
    }
    .carousel-slides .content-inactive .h3 a {
        font-size: max(1.375rem,min(3.66vw,1.875rem));
        line-height: 0.2;
    }
    .side-by-side--pin .story-rotator-point{
        padding: 0 40px;
    }
    .hero-home-text .animated-text-container .text-animated{
        width: 100%;
    }
    .story-rotator-section-caption-inner:before{
        display: none; 
    }
    .country-sec {
        background-position: bottom center !important;
        background-size: contain !important;
    }
    .hero-section{
        padding: 0 20px 75px;
    }
    .hero-home-text .h1 {
        font-size: max(2.5rem,min(8vw,6.25rem));
        line-height: 1.1111111111;
    }
    .hero-home-text .h1 .-large {
        font-size:max(2.75rem,min(10.3vw,9rem)); 
        margin: -8px 0;
    }
    .hero-home-text .h1 span{
        text-transform: uppercase;
        line-height: 1.2;
        text-align: center; 
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transform: translateX(100%);
        transition: 0.5s ease-in-out;
        display: block; 
    }
    .mobile-menu.active{ 
        opacity: 1;
        visibility: visible;
        transform: none; 
        overflow-y: auto; 
    }
    .mobile-menu-close {
        align-items: center;
        border-radius: 50%;
        color: #000;
        display: flex;
        height: 44px;
        justify-content: center;
        position: absolute;
        right: 0;
        top: 0px;
        transition: .3s ease-in-out;
        width: 44px;
        z-index: 100;
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    } 
    .donate-toggle {
        position: absolute;
        right: 22px;
        top: 35px;
    } 
    .mobile-menu-close:before {
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e916";
        display: inline-block;
        font-family: icomoon!important;
        font-size: 1.85rem;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
    }
    .skiplink, .sr-text {
        clip: rect(1px,1px,1px,1px);
        -webkit-clip-path: polygon(0 0,0 0,0 0,0 0);
        clip-path: polygon(0 0,0 0,0 0,0 0);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
    .mobile-menu .hfe-nav-menu__toggle {
        display: none !important;
    }
    .mobile-menu .elementor-button {
        width: 100%;
    }
    .mobile-menu .btn.donate-btn {
        width: 100%;
        margin: 0;
    }
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
        visibility: visible;
        opacity: 1;
        height: auto;
    }
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
        visibility: visible;
        opacity: 1;
    }
    .elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item {
        padding-left: 0 !important;
        font-weight: bold !important;
    }
    .donate-btn .heart:after, .donate-btn .heart:before{
        font-size: 0.975rem;
    }
    .heart-click svg{
        height: 15px;
        width: 15px;  
    }
    .header-second-menu .donate-btn {  
        font-size: 12px !important;
        padding: max(8px, min(1vw, 18px)) max(12px, min(1.5vw, 20px));
    }
    .header-second-menu .donate-btn.sticky-btn{
        top: 0; 
        right: 0;
        width: 100%;
        padding: 12px;
    }  
    .warning-popup {
        background: #000 !important;
    } 
    .alert-banner-title .elementor-heading-title {
        padding: 0;
    } 
    .learn-more-btn-h-popup .text-btn{
        color: #000;
        font-size: 16px;
    }
    .explore-more:after{
        display: none; 
    }
    .explore-more:before{
        width: 100%; 
    }
    .e-con-full.form-container { 
        max-width: 100%;
        background: #000;
        padding: 55px;
    }
    .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item {
        width: 33.33%;
    }  
    .image-scroll-slider .verticle-slider-list .e-con-full.opp-content-overlap {
        left: auto !important;
        width: 57%;
        display: block;
        top: 0;
    }
    .opp-content-overlap p.elementor-heading-title {
        margin-top: 25px;
    }   
    .youtube-play-btn{
        top: 95px;
        height: 65%; 
    }
    .e-con-full.form-container{
        padding: 50px 65px 20px 30px; 
    }
    .elementor-kit-8{
        --e-global-typography-text-font-size: 16px !important;
    }  
    .finansials-reports .fifty-fifty.left-top:before {
        right: 0;
        left: auto;
        clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - max(4px, min(.5vw, 8px))) 100%, calc(100% - max(4px, min(.5vw, 8px))) max(4px, min(.5vw, 8px)), 0 max(4px, min(.5vw, 8px)));
    } 
    .gh-heading h2{
        font-size: max(2.775rem, min(4.27vw, 9.625rem)) !important; 
    }
 }  
 @media screen and (max-width: 767px) {
	.keepup-action-popup .modal-image {
		display: none;
	}
	.modal-form {
       padding: 25px;
    }
	.hfe-nav-menu li.menu-item div {
		position: relative;
	}
	.hfe-nav-menu .sub-menu li.menu-item {
		border-bottom: 0px !important;
	}
	.hfe-nav-menu .sub-menu li.menu-item:not(:first-child) {
		padding-left: 30px;
	}
	.hfe-nav-menu .sub-menu li.menu-item a {
		font-size: 1.25rem !important;
		letter-spacing: .0525rem;
	}
	 .hfe-nav-menu .sub-menu li.menu-item a:before {
		 content: none !important;
	 }
	.hfe-nav-menu .sub-menu li.menu-item:not(:first-child) a {
    	font-weight: 500 !important;
		 padding-top: 12px !important;
		 padding-bottom: 12px !important;
	}
	.hfe-nav-menu .sub-menu li.menu-item:first-child a {
		 font-weight: bold !important;
	}
	.hfe-nav-menu li.menu-item div.menu-active.sub-menu-active a:before {
		width: 100% !important;
		opacity: 1 !important;
	}
	.mobile-header-menu .hfe-nav-menu li.menu-item a {
		font-size: 1rem !important;
	}
	.donate-btn-mobile {
		position: fixed;
    	left: 0;
    	bottom: 0;
		z-index: 9999 !important;
	 }
	.modal-form input.wpcf7-form-control[type="submit"]{
		right: -7px;
	}
	.our-latest-press-releases .uc_post_list_box:last-child {
		border-right: 1px !important;
		border-bottom: 0px !important;
	}
    .video-play-btn-large span.video-button::before{
        display: none !important; 
    } 
    .give-monthly-slide-wrapper{
        min-width: 100%; 
    } 
    .give-month-video-block {
        max-width: 100%;      
        position: relative;       
    } 
    .video-play-btn-large .video-button{
        height: auto !important;
        padding: 10px;  
    }
    .give-month-video-block{
        height: 500px; 
        margin-left: 0;
        max-width: 100%; 
    }
    .give-month-video-block .elementor-widget-video{
        height: 100%;
    }
    .give-monthly-slide-items {
        min-height: auto !important;
    } 
    .give-monthly-slide-items {
        min-height: auto !important;
        margin-top: -90px;
    }
    .give-monthly-inner-text{
        background: #fff;
        padding: 20px;  
    } 
    .donate-form-submit {
        margin-top: 0; 
        min-width: 180px;
    }
    .donate-form-submit .donate-btn .heart {
        position: relative;
        left: -12px;
        top: -6px;
    } 
    .give-header-sticky .donate-form-selections .donate-form-inner-title{
        display: none; 
    }
    .give-header-sticky .hfe-site-logo {
        margin-left: 20px; 
        margin-top: 10px;
    }
    .give-header-sticky{
        justify-content: flex-end;
    }
    .give-header-sticky .donate-form-selections .donate-form-other {
        width: 85px;
        margin-top: 0; 
        margin-left: auto;
    } 
    .hero-home-text .h1{
        font-size: max(1.6rem, min(6vw, 5.75rem));
    }
    .hero-home-text .h1 .-large{ 
        font-size: max(1.85rem, min(9.2vw, 9rem));  
    }
    .carousel-slides .content-inactive .h3 .js-link-event-link {
        font-size:6vw;  
    }
}