#main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu {
    background-color: #11366c
}

.et_header_style_centered .mobile_nav .select_page,
.et_header_style_split .mobile_nav .select_page,
.et_nav_text_color_light #top-menu>li>a,
.et_nav_text_color_dark #top-menu>li>a,
#top-menu a,
.et_mobile_menu li a,
.et_nav_text_color_light .et_mobile_menu li a,
.et_nav_text_color_dark .et_mobile_menu li a,
#et_search_icon:before,
.et_search_form_container input,
span.et_close_search_field:after,
#et-top-navigation .et-cart-info {
    color: #ffffff
}

.et_search_form_container input::-moz-placeholder {
    color: #ffffff
}

.et_search_form_container input::-webkit-input-placeholder {
    color: #ffffff
}

.et_search_form_container input:-ms-input-placeholder {
    color: #ffffff
}

#footer-widgets .footer-widget a,
#footer-widgets .footer-widget li a,
#footer-widgets .footer-widget li a:hover {
    color: #ffffff
}

.footer-widget {
    color: #ffffff
}

.et_slide_in_menu_container,
.et_slide_in_menu_container .et-search-field {
    letter-spacing: px
}

.et_slide_in_menu_container .et-search-field::-moz-placeholder {
    letter-spacing: px
}

.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder {
    letter-spacing: px
}

.et_slide_in_menu_container .et-search-field:-ms-input-placeholder {
    letter-spacing: px
}

@media only screen and (min-width:981px) {
    .et-fixed-header #top-menu a,
    .et-fixed-header #et_search_icon:before,
    .et-fixed-header #et_top_search .et-search-form input,
    .et-fixed-header .et_search_form_container input,
    .et-fixed-header .et_close_search_field:after,
    .et-fixed-header #et-top-navigation .et-cart-info {
        color: #ffffff !important
    }
    .et-fixed-header .et_search_form_container input::-moz-placeholder {
        color: #ffffff !important
    }
    .et-fixed-header .et_search_form_container input::-webkit-input-placeholder {
        color: #ffffff !important
    }
    .et-fixed-header .et_search_form_container input:-ms-input-placeholder {
        color: #ffffff !important
    }
}

@media only screen and (min-width:1350px) {
    .et_pb_row {
        padding: 27px 0
    }
    .et_pb_section {
        padding: 54px 0
    }
    .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
        padding-top: 81px
    }
    .et_pb_fullwidth_section {
        padding: 0
    }
}

.our-team-content {
    display: flex
}

.our-team-category-row {
    display: flex;
    margin: 0 -20px
}

.team-category-col {
    padding: 0 20px
}

.team-category,
.portfolio-category {
    cursor: pointer;
    border-bottom: 4px solid #ffffff;
    color: #CACACA;
    font-size: 1.1vw;
    font-family: 'Gilroy-Bold' !important;
    text-transform: uppercase
}

.team-category.active,
.team-category:hover {
    border-bottom-color: #069f30;
    color: #1A1A1A
}

.team-card-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

.team-card-col {
    width: 20%;
    padding: 9px
}

.team-card {
    background-color: #F2F2F2;
    border-radius: 10px;
    padding: 22px;
    height: 100%
}

.team-avatar img {
    border-radius: 10px
}

.team-name {
    font-family: 'Gilroy-Bold';
    font-weight: bold;
    text-align: center;
    color: #4F4F4F
}

.team-role {
    text-align: center;
    color: #4F4F4F
}

.portfolio-category-row {
    display: flex;
    margin: 0 -20px
}

.portfolio-category-col {
    padding: 0 20px
}

.portfolio-category {
    color: #CACACA;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    text-transform: uppercase
}

.portfolio-category:hover,
.portfolio-category.active {
    border-bottom-color: #069f30;
    color: #1A1A1A
}

.portfolio-card-row {
    display: flex;
    margin: 6vw -40px 0 -40px;
    flex-wrap: wrap
}

.portfolio-card-col {
    width: 33.33333%;
    padding: 0 40px 4vw 40px
}

.portfolio-card-col.hide {
    display: none
}

.portfolio-card {
    cursor: pointer
}

.portfolio-image {
    position: relative;
    height: auto;
    border-radius: 10px !important
}

.portfolio-image img,
.popup-portfolio-image img {
    border-radius: 10px !important
}

.portfolio-image:after {
    content: '';
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 98.5%;
    display: inline-block;
    background: linear-gradient(136.77deg, #111A26 -3.29%, rgba(0, 0, 0, 0.38) 100%) !important
}

.overlay {
    position: absolute;
    z-index: 999999 !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: fit-content
}

.portfolio-name {
    font-family: 'Gilroy-Bold' !important;
    font-weight: bold;
    font-size: 1.94vw;
    color: #1a1a1a;
    padding: 1vw 0;
    line-height: 120%
}

.portfolio-role {
    padding-bottom: 1vw;
    letter-spacing: 0.5px;
    color: #4F4F4F;
    font-size: 1.1vw;
    font-family: 'Gilroy-Regular'
}

.portfolio-link {
    display: inline-block;
    font-family: 'Gilroy-Bold';
    color: #1a1a1a;
    font-size: 1.1vw
}

.popup-portfolio-link a {
    display: inline-block;
    font-family: 'Gilroy-Bold';
    font-size: 1.1vw;
    padding: 1vw 0;
    color: white !important
}

.portfolio-link:after,
.popup-portfolio-link:after {
    content: url('../wp-content/uploads/2021/04/small-green-arrow.svg');
    padding-left: 0.5vw
}

.popup-portfolio {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999 !important;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-portfolio-row {
    position: relative;
    width: 1200px;
    padding: 100px 150px;
    background-color: #11366c;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.popup-portfolio-left {
    width: 35%
}

.popup-portfolio-image {
    height: auto;
    position: relative !important
}

.popup-portfolio-right {
    width: 460px
}

.popup-portfolio-paginavigations {
    display: flex;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 70px
}

.popup-portfolio-paginavigation--back {
    cursor: pointer
}

.popup-portfolio-paginavigations--next {
    margin-left: 50px;
    cursor: pointer
}

.popup-portfolio-close {
    position: absolute;
    top: 40px;
    right: 70px;
    color: #fff;
    cursor: pointer
}

.ajax-spinner {
    background-color: #000;
    background-image: url('images/ajax-spin.html');
    background-position: center;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

.ajax-spinner.hide {
    display: none
}

.popup-team {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999 !important;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.popup-portfolio-leadership h3 {
    padding-bottom: 1vw !important
}

.popup-team-row {
    position: relative;
    width: 1200px;
    padding: 100px 150px;
    background-color: #11366c;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.popup-team-left {
    width: 340px
}

.popup-team-image {
    height: 340px
}

.popup-team-image img {
    border-radius: 10px
}

.popup-team-right {
    width: 460px
}

.popup-team-paginavigations {
    display: flex;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 70px
}

.popup-team-paginavigation--back {
    cursor: pointer
}

.popup-team-paginavigations--next {
    margin-left: 50px;
    cursor: pointer
}

.popup-team-close {
    position: absolute;
    top: 40px;
    right: 70px;
    color: #fff;
    cursor: pointer
}

.our-team-sort {
    margin: 1vw 0;
    border-radius: 10px;
    background-color: #f2f2f2;
    border-color: #f2f2f2 !important;
    font-family: 'Gilroy-Regular';
    width: 19vw;
    padding: 0.5vw
}

.popup-portfolio-paginavigations,
.popup-team-paginavigations {
    font-family: 'Gilroy-Regular' !important
}

.popup-team-paginavigation--back:before {
    content: url('../wp-content/uploads/2021/04/arrow.svg');
    filter: brightness(1000%) !important;
    padding-right: 0.5vw;
    position: relative;
    top: 2px
}

.popup-team-paginavigations--next:after {
    content: url('../wp-content/uploads/2021/04/arrow-right.svg');
    filter: brightness(1000%) !important;
    padding-left: 0.5vw;
    position: relative;
    top: 2px
}

.popup-team-close,
.popup-portfolio-close {
    content: url('../wp-content/uploads/2021/04/close-icon.svg')
}

.primary-cta .animate__animated {
    animation-delay: 0.5s !important
}

.big-cta-btn a.et_pb_button.et_pb_custom_button_icon.et_pb_promo_button {
    font-family: 'Gilroy-Bold';
    padding-left: 48px !important
}

button.et_pb_contact_submit.et_pb_button,
.more-on p,
.more-on span,
.more-on li {
    font-family: 'Gilroy-Bold' !important
}

.primary-cta,
button.et_pb_contact_submit.et_pb_button {
    background-image: linear-gradient(45deg, #3e5e8d 50%, transparent 50%);
    background-position: 100%;
    background-size: 250%;
    transition: background 500ms ease-in-out
}

.primary-cta:hover,
button.et_pb_contact_submit.et_pb_button:hover {
    background-position: 0
}

.menu-cta,
.primary-cta {
    line-height: 24px !important;
    font-family: 'Gilroy-Bold'
}

.menu-column,
.logo-column,
.hp-about-col,
.hp-col-1 {
    margin: auto
}

#header-logo img {
    width: 10vw !important
}

.header-item {
    margin-left: 0.2vw !important;
    margin-right: 0.2vw !important
}

.et_pb_cta_0.et_pb_promo .et_pb_promo_description div {
    padding-top: 1.5vw
}

.footer-col-1 {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:1920px) {
    .portfolio-image:after,
    .popup-portfolio-image:after {
        height: 99%
    }
}

@media (min-width:1024px) {
    .hide-desktop {
        display: none !important
    }
    .et_pb_menu .et-menu>li {
        padding-left: 9px;
        padding-right: 9px
    }
    .sub-menu {
        width: 15vw !important;
        margin-top: 0.2vw
    }
    .sub-menu a {
        width: 12vw !important
    }
    .sub-item a {
        padding-left: 0 !important
    }
    #menu-main-menu .current-menu-item a::before,
    #menu-main-menu .current_page_item a::before {
        content: "";
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0
    }
    #menu-main-menu li a:before {
        content: "";
        position: absolute;
        z-index: -2;
        left: 0;
        right: 100%;
        bottom: 0%;
        background: #069f30;
        height: 3px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
    #menu-main-menu li a:hover {
        opacity: 1 !important
    }
    #menu-main-menu li a:hover:before {
        right: 0
    }
    #menu-main-menu li li a:before {
        bottom: 10%
    }
    .mobile-btn {
        display: none
    }
    .wwd-btn {
        position: absolute;
        bottom: -30% !important
    }
    .impact-cards-row {
        display: flex
    }
    .impact-cards-col {
        box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.2);
        display: flex;
        flex-wrap: wrap
    }
    .impact-cards-col.big {
        flex: 0 80%;
        margin-right: 1vw !important
    }
    .impact-cards-title {
        flex: 0 88%
    }
    .impact-cards-title.small {
        flex: 0 80%
    }
    .impact-cards-icon {
        flex: 0 12%
    }
    .impact-cards-icon.small {
        flex: 0 20%
    }
}

.hp-portfolio-row {
    background: linear-gradient(215.55deg, #FFFFFF 19.63%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px 10px 0 0
}

.hp-portfolio-row-slide {
    background: linear-gradient(15.55deg, #FFFFFF 19.63%, rgba(255, 255, 255, 0) 100%)
}

img.business-slide.prev.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 45%;
    transform: translateY(0%);
    left: 4vw;
    transform: scale(1.3)
}

img.first-logos.prev.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 15%;
    transform: translateY(0%);
    left: -2vw;
    transform: scale(1.3)
}

img.second-logos.prev.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 30%;
    transform: translateY(0%);
    left: -2vw;
    transform: scale(1.3)
}

img.business-slide.next.slick-arrow {
    display: block;
    position: absolute;
    right: 4vw;
    top: 45%;
    transform: translateY(0);
    z-index: 1000;
    transform: scale(1.3)
}

img.first-logos.next.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 15%;
    transform: translateY(0%);
    right: -2vw;
    transform: scale(1.3)
}

img.second-logos.next.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 30%;
    transform: translateY(0%);
    right: -2vw;
    transform: scale(1.3)
}

img.center-slide.prev.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 10%;
    transform: translateY(0%);
    left: -2vw;
    transform: scale(1.3)
}

img.center-slide.next.slick-arrow {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 10%;
    transform: translateY(0%);
    right: -2vw;
    transform: scale(1.3)
}

.business-slides.two-col img.slick-arrow {
    filter: brightness(1000%) !important
}

.et_pb_toggle .et_pb_toggle_title:before {
    transition: all 0.3s linear;
    content: url('../wp-content/uploads/2021/04/green-arrow.svg')
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    transform: scale(-1);
    transition: all 0.3s linear 0
}

.et_pb_contact_form label.et_pb_contact_form_label {
    display: block !important;
    color: #FFF !important;
    font-family: 'Gilroy-Bold';
    margin-bottom: 1vw
}

.et_pb_contact_form .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    display: none
}

.et_pb_contact_form ::-webkit-input-placeholder {
    color: #FFF !important
}

.et_pb_contact_form.my_contact :-moz-placeholder {
    color: #FFF !important
}

.et_pb_contact_form ::-moz-placeholder {
    color: #FFF !important
}

.et_pb_contact_form :-ms-input-placeholder {
    color: #FFF !important
}

.et_contact_bottom_container {
    float: left !important
}

#left {
    width: 47%;
    float: left;
    margin-right: 6%
}

#right {
    width: 47%;
    float: left
}

.clearfix {
    display: block
}

.dipe-cf7 .wpcf7 form>div {
    margin-bottom: 0
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.dvppl_cf7_styler_0 .dipe-cf7-styler .wpcf7 select,
.dvppl_cf7_styler_0 .dipe-cf7-styler .wpcf7 textarea {
    margin-top: 1vw;
    padding: 0.7vw !important
}

.dipe-cf7 label {
    color: #ffffff;
    font-family: 'gilroy-bold';
    font-size: 1.1vw
}

#address-field {
    margin: 2vw auto
}

.charity-logos {
    display: flex !important;
    flex-wrap: wrap
}

.timeline-cards {}

.center .timeline-cards {
    margin: 1vw !important;
    transition: all 300ms ease;
    flex: 0 20%
}

.center .slick-center h3 {
    color: #ffffff !important
}

.center .slick-center li {
    color: #ffffff !important
}

.center .slick-center {
    background-color: #3E5E8D !important;
    transform: scale(1.08);
    overflow: visible !important;
    box-shadow: 0px 4px 8px rgba(26, 26, 26, 0.2)
}

.timeline-title:after {
    content: url('../wp-content/uploads/2021/04/green-arrow-big.svg');
    position: absolute;
    right: 0;
    top: -0.4vw
}

#impact-circles path {
    stroke: #069f30;
    fill-opacity: 0;
    stroke-width: 6;
    stroke-dasharray: 500;
    stroke-dashoffset: 500
}

path.line1.start {
    -moz-animation: DASH1 1.5s ease-in-out forwards;
    -webkit-animation: DASH1 1.5s ease-in-out forwards;
    animation: DASH1 1.5s ease-in-out forwards
}

path.line2.start {
    -moz-animation: DASH1 1.5s ease-in-out 1s forwards .75s;
    -webkit-animation: DASH1 1.5s ease-in-out 1s forwards .75s;
    animation: DASH1 1.5s ease-in-out forwards .7s
}

circle.circle1.start {
    opacity: 0;
    -moz-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    -webkit-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    animation: CIRCLE-OPACITY .5s ease-in-out forwards .8s
}

path.line3.start {
    -moz-animation: DASH1 1.5s ease-in-out forwards 1.35s;
    -webkit-animation: DASH1 1.5s ease-in-out forwards 1.35s;
    animation: DASH1 1.5s ease-in-out forwards 1.35s
}

circle.circle3.start {
    opacity: 0;
    -moz-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    -webkit-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    animation: CIRCLE-OPACITY .5s ease-in-out forwards 1.55s
}

path.line4.start {
    -moz-animation: DASH1 1.5s ease-in-out forwards 1.8s;
    -webkit-animation: DASH1 1.5s ease-in-out forwards 1.8s;
    animation: DASH1 1.5s ease-in-out forwards 2s
}

circle.circle4.start {
    opacity: 0;
    -moz-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    -webkit-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    animation: CIRCLE-OPACITY .5s ease-in-out forwards 2.1s
}

path.line5.start {
    -moz-animation: DASH2 1.5s ease-in-out forwards 2.88s;
    -webkit-animation: DASH2 1.5s ease-in-out forwards 2.88s;
    animation: DASH2 1.5s ease-in-out forwards 3s
}

circle.circle5.start {
    opacity: 0;
    -moz-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    -webkit-animation: CIRCLE-OPACITY .5s ease-in-out forwards;
    animation: CIRCLE-OPACITY .5s ease-in-out forwards 2.8s
}

path.arrow.start {
    -moz-animation: DASH1 1.5s ease-in-out forwards 2.88s;
    -webkit-animation: DASH1 1.5s ease-in-out forwards 2.88s;
    animation: DASH1 1.5s ease-in-out forwards 3s
}

@-webkit-keyframes DASH1 {
    0% {
        stroke-dashoffset: -500
    }
    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0
    }
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1
    }
}

@-moz-keyframes DASH1 {
    0% {
        stroke-dashoffset: -500
    }
    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0
    }
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1
    }
}

@-webkit-keyframes DASH2 {
    0% {
        stroke-dashoffset: 500
    }
    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0
    }
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1
    }
}

@-moz-keyframes DASH2 {
    0% {
        stroke-dashoffset: 500
    }
    80% {
        stroke-dashoffset: 0;
        fill-opacity: 0
    }
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1
    }
}

@-webkit-keyframes CIRCLE-OPACITY {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0.9
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes CIRCLE-OPACITY {
    0% {
        opacity: 0
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.dica_divi_carousel.dica_divi_carousel .dica-container .swiper-wrapper .dica_divi_carouselitem .et_pb_button {
    font-family: 'Gilroy-Bold'
}

.dica-container .swiper-button-next:before {
    content: url('../wp-content/uploads/2021/04/arrow.svg') !important;
    color: #1a1a1a !important;
    transform: scalex(-1)
}

.dica-container .swiper-button-prev:before {
    content: url('../wp-content/uploads/2021/04/arrow.svg') !important;
    color: #1a1a1a !important
}

.big-carousel .et_pb_button_wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.news-carousel h6.item-subtitle {
    position: absolute;
    bottom: 20%;
    font-family: 'Gilroy-Regular';
    padding-left: 2vw
}

.slick-slide {
    float: left !important
}

.slick-list {
    overflow: hidden
}

.business-image img {
    border-radius: 10px !important
}

@media(min-width:1024px) {
    .mobile-btn {
        display: none !important
    }
    .charity-logos-img img {
        width: 15vw !important
    }
    .impact-icons img {
        max-width: 5vw
    }
    .impact-descriptions {
        margin: auto;
        padding-top: 1.3vw;
        padding-bottom: 1.3vw
    }
    .et_pb_module.et_pb_text.et_pb_text_19.more-on.impact-descriptions.et_pb_text_align_center.et_pb_bg_layout_light {
        margin-bottom: auto !important;
        margin: inherit
    }
    .investment {
        margin: auto;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw
    }
    .team-category,
    .portfolio-category {
        text-transform: uppercase !important;
        margin-right: 0.1vw
    }
    .team-category,
    .team-name,
    .popup-team-role,
    .portfolio-category,
    .popup-portfolio-meta {
        font-size: 1.1vw;
        font-family: 'Gilroy-Bold' !important
    }
    .team-role,
    .popup-team-paginavigations,
    .popup-team-close {
        font-size: 0.83vw;
        font-family: 'Gilroy-Regular'
    }
    .team-name {
        padding: 1vw;
        color: #1a1a1a;
        letter-spacing: 0.5px
    }
    .popup-team h2,
    .popup-portfolio-title h2 {
        color: white;
        font-size: 2.9vw;
        padding-right: 1vw
    }
    .popup-team-role {
        padding: 1vw 0;
        text-transform: uppercase
    }
    .popup-team-bio {
        font-size: 0.83vw;
        letter-spacing: 0.5px;
        line-height: 150%
    }
    .popup-portfolio-content,
    .popup-portfolio-leadership p {
        font-size: 1.1vw;
        letter-spacing: 0.5px;
        line-height: 150%
    }
    .popup-team-row,
    .popup-portfolio-row {
        width: 85%
    }
    .popup-team-right,
    .popup-portfolio-right {
        width: 60%;
        padding-left: 2vw
    }
    .popup-team-left {
        width: 35%
    }
    .popup-team-image {
        height: auto
    }
    .popup-team-title,
    .popup-portfolio-title {
        display: flex
    }
    .popup-portfolio-linkedin,
    .popup-team-linkedin {
        margin-top: auto !important;
        margin-bottom: auto !important
    }
    .popup-portfolio-title {
        padding-bottom: 1vw
    }
    .popup-portfolio-content {
        padding-top: 1vw
    }
    .popup-portfolio-meta {
        padding: 4px 0
    }
    .popup-team-energy h3,
    .popup-portfolio-leadership h3 {
        color: white;
        font-size: 1.1vw !important;
        padding: 2vw 0 0 0
    }
}

@media (max-width:768px) {
    .flex-reverse-row {
        display: flex;
        flex-direction: column-reverse
    }
    .text-anim {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
        opacity: 1 !important
    }
    .sub-item {
        display: none
    }
    .news-cards {
        min-height: 120vw !important;
        max-height: 120vw !important
    }
}

@media (min-width:767px) and (max-width:990px) {
    .mobile-btn {
        display: inline-block !important;
        width: 40%;
        padding-top: 3.2vw !important;
        padding-right: 6.53vw !important;
        padding-bottom: 2.4vw !important;
        padding-left: 6.53vw !important;
        background-color: #069f30;
        border-radius: 50px;
        text-transform: uppercase;
        margin-top: 10vw
    }
    .portfolio-category,
    .team-category {
        font-size: 16px;
        text-align: center
    }
    .dipe-cf7 label {
        font-size: 2.08vw
    }
    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
    .dvppl_cf7_styler_0 .dipe-cf7-styler .wpcf7 select {
        padding: 1vw !important
    }
    ul#mobile_menu2 {
        width: 100vw;
        margin-left: -5vw;
        text-align: center
    }
    .charity-logos {
        flex-wrap: wrap !important
    }
    .charity-logos-img {
        padding: 0 2vw;
        flex: 0 25% !important
    }
    .impact-hp-col-1,
    .impact-hp-col-2,
    .impact-hp-col-3,
    .impact-hp-col-4,
    .impact-hp-col-5 {
        width: 99% !important
    }
    .team-card-col {
        width: 33.3%
    }
    .team-name {
        font-family: 'Gilroy-Bold'
    }
    .team-role {
        font-family: 'Gilroy-Regular'
    }
    .popup-team-row,
    .popup-portfolio-row {
        width: 85%;
        flex-direction: column;
        padding: 100px 100px
    }
    .popup-team-role,
    .popup-team-bio,
    .popup-portfolio-content {
        font-size: 16px
    }
    .popup-portfolio-leadership h3,
    .popup-team-title h2,
    .popup-portfolio-title h2 {
        color: white !important
    }
    .popup-portfolio-left {
        width: 100%
    }
    .popup-portfolio-leadership {
        padding-top: 5vw
    }
    .popup-team-right,
    .popup-portfolio-right {
        padding-top: 5vw
    }
    .popup-team-role {
        padding: 2vw 0
    }
    .portfolio-name {
        font-size: 22px
    }
    .portfolio-role,
    .portfolio-link {
        font-size: 16px
    }
    .popup-portfolio-link a,
    .portfolio-role,
    .portfolio-link {
        font-size: 16px
    }
    .popup-team,
    .popup-portfolio {
        overflow: scroll !important;
        align-items: flex-start !important
    }
    .impact-hp-col-1 {
        transform: translateX(1vw) translateY(10vw) !important
    }
    .impact-hp-col-2 {
        transform: translateX(0px) translateY(7vw) !important
    }
    .impact-hp-col-3 {
        transform: translateX(1vw) translateY(5vw) !important
    }
    .impact-hp-col-4 {
        transform: translateX(0px) translateY(1vw) !important
    }
    .impact-hp-col-5 {
        transform: translateX(0px) translateY(-2vw) !important
    }
    .sub-item {
        display: none
    }
    .news-cards {
        min-height: 80vw !important;
        max-height: 80vw !important
    }
}

@media (min-width:481px) and (max-width:990px) {
    img.center-slide.prev.slick-arrow {
        display: block;
        position: absolute;
        z-index: 1000;
        top: 10%;
        transform: translateY(0%);
        left: -2vw;
        transform: scale(1.3)
    }
    img.center-slide.next.slick-arrow {
        top: -10%;
        right: 2vw
    }
    img.center-slide.prev.slick-arrow {
        top: -10%;
        left: 2vw
    }
    .timeline-row {
        width: 85% !important;
        max-width: 85% !important
    }
}

@media (min-width:480px) and (max-width:766px) {
    .apart-title h3 {
        font-size: 3.5vw !important;
        line-height: 25px !important
    }
    .apart-list {
        font-size: 2.2vw !important
    }
    .shared-services,
    .shared-list {
        left: 5vw !important
    }
    .our-capital {
        right: -7vw !important
    }
    .capital-list {
        right: -13vw !important;
        margin-top: -2vw !important
    }
    .our-focus {
        top: 69vw !important;
        left: 23vw !important
    }
    .focus-list {
        top: 74vw !important;
        left: 20vw !important
    }
}

@media (max-width:480px) {
    .sub-item {
        display: none
    }
    img.first-logos.prev.slick-arrow {
        top: auto;
        bottom: 20vw !important;
        left: -5vw !important
    }
    img.first-logos.next.slick-arrow {
        right: -5vw !important;
        top: auto;
        bottom: 20vw !important
    }
    .charity-logos-img {
        flex: 0 45%
    }
    .big-cta-btn a.et_pb_button.et_pb_custom_button_icon.et_pb_promo_button {
        padding-left: 20px !important
    }
    #header-logo img {
        width: 50vw !important
    }
    .mobile_nav.opened .mobile_menu_bar:before {
        content: "\4d"
    }
    .et_mobile_menu li {
        text-align: center !important
    }
    .et_mobile_menu li li,
    .et_mobile_menu li ul {
        padding-left: 0px !important
    }
    .et_mobile_menu {
        min-height: 100vh !important;
        min-height: -webkit-fill-available;
        padding-top: 50px !important
    }
    .et_mobile_menu {
        min-width: 100vw;
        margin-left: -5vw
    }
    img.business-slide.prev.slick-arrow,
    img.first-logos.prev.slick-arrow,
    img.business-slide.next.slick-arrow,
    img.first-logos.next.slick-arrow {
        top: auto;
        bottom: 12vw
    }
    img.business-slide.prev.slick-arrow,
    img.first-logos.prev.slick-arrow {
        left: 8vw
    }
    img.business-slide.next.slick-arrow,
    img.first-logos.next.slick-arrow {
        right: 8vw
    }
    img.center-slide.prev.slick-arrow {
        display: block;
        position: absolute;
        z-index: 1000;
        top: 10%;
        transform: translateY(0%);
        left: -2vw;
        transform: scale(1.3)
    }
    img.center-slide.next.slick-arrow {
        top: -10%;
        right: 2vw
    }
    img.center-slide.prev.slick-arrow {
        top: -10%;
        left: 2vw
    }
    .team-card-col {
        width: 50%
    }
    .team-category,
    .team-name,
    .popup-team-role,
    .portfolio-role,
    .portfolio-link,
    .portfolio-category,
    .popup-portfolio-meta,
    .popup-portfolio-link a {
        font-size: 3.73vw;
        line-height: 18px
    }
    .popup-portfolio-meta {
        padding: 5px 0
    }
    .popup-portfolio-title {
        padding-bottom: 2vw
    }
    .popup-portfolio-content,
    .popup-portfolio-link {
        padding-top: 2vw
    }
    .portfolio-card-col {
        padding-bottom: 12vw !important
    }
    .portfolio-name {
        font-size: 6.9vw;
        padding: 3vw 0
    }
    .portfolio-role {
        padding-bottom: 3vw
    }
    .portfolio-link:after,
    .popup-portfolio-link:after {
        padding-left: 2vw
    }
    .team-role {
        font-size: 2.93vw
    }
    .our-team-sort {
        width: 100%;
        margin: 4vw 0;
        padding: 2vw
    }
    .team-card {
        padding: 15px
    }
    .team-category-col,
    .portfolio-category-col {
        padding: 0 15vw !important;
        text-align: center !important
    }
    img.team-arrows.prev.slick-arrow {
        display: block;
        position: absolute !important;
        z-index: 1000;
        top: 0% !important;
        transform: translateY(0%);
        left: -2vw !important
    }
    img.team-arrows.next.slick-arrow {
        display: block;
        position: absolute !important;
        z-index: 1000;
        top: 0% !important;
        transform: translateY(0%);
        right: -2vw !important
    }
    .popup-team h2,
    .popup-portfolio-title h2 {
        color: white;
        font-size: 6.9vw
    }
    .popup-team-role {
        padding: 1vw 0;
        text-transform: uppercase
    }
    .popup-team-bio {
        font-size: 3.2vw;
        letter-spacing: 0.5px;
        line-height: 150%
    }
    .popup-team-row,
    .popup-portfolio-row {
        width: 90%;
        display: flex;
        flex-direction: column;
        padding: 20px
    }
    .popup-portfolio-leadership {
        width: max-content
    }
    .popup-team-image {
        height: auto
    }
    .popup-team-title a,
    .popup-portfolio-title a {
        margin-top: -10px
    }
    .popup-team-right,
    .popup-team-left,
    .popup-portfolio-right,
    .popup-portfolio-left {
        width: fit-content
    }
    .popup-team,
    .popup-portfolio {
        overflow: scroll !important;
        align-items: flex-start !important
    }
    .popup-team-title,
    .popup-portfolio-title {
        display: flex
    }
    .popup-team-right {
        padding-top: 15vw
    }
    .popup-team-title h2,
    .popup-portfolio-title h2 {
        padding-right: 2vw !important
    }
    .popup-team-energy h3,
    .popup-portfolio-leadership h3 {
        color: white;
        font-size: 3.2vw !important
    }
    .popup-team-energy,
    .popup-portfolio-leadership {
        padding: 15vw 0 7vw 0
    }
    .popup-team-paginavigations,
    .popup-portfolio-paginavigations {
        left: 20px
    }
    .popup-team-close,
    .popup-portfolio-close {
        right: 20px
    }
    .popup-portfolio-close,
    .popup-team-close {
        top: 85vw !important
    }
    .popup-team-paginavigations,
    .popup-portfolio-paginavigations {
        top: 86vw
    }
    .popup-team-role {
        padding: 2vw 0;
        text-transform: uppercase;
        font-family: 'Gilroy-Bold'
    }
    .popup-team-paginavigation--back:before {
        padding-right: 2vw
    }
    .popup-team-paginavigations--next:after {
        padding-left: 2vw
    }
    .portfolio-card-col {
        width: 100%
    }
    #left,
    #right {
        width: 100%
    }
    .dvppl_cf7_styler_0 .dipe-cf7-styler .wpcf7 select,
    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        padding: 3vw 2vw !important
    }
    .dipe-cf7 label {
        font-size: 3.73vw
    }
    .mobile-btn {
        display: inline-block !important;
        padding-top: 3.2vw !important;
        padding-right: 8.53vw !important;
        padding-bottom: 2.4vw !important;
        padding-left: 8.53vw !important;
        background-color: #069f30;
        border-radius: 50px;
        text-transform: uppercase;
        margin-top: 10vw;
        transform: translateX(100%)
    }
    .et_mobile_menu li a {
        padding: 20px 5%
    }
    .mobile-btn a {
        font-size: 3.73vw !important;
        width: max-content;
        padding: 0 !important
    }
    .swiper-buttton-container {
        position: absolute;
        transform: translateY(55%) !important;
        bottom: 0;
        padding: 0 9vw
    }
    .center-circle {
        transform: scale(0.9);
        transform-origin: center !important
    }
}

@media (min-width:481px) and (max-width:768px) {
    .charity-logos-img {
        flex: 0 20%
    }
    .portfolio-category,
    .team-category {
        font-size: 16px;
        text-align: center
    }
}

@media only screen and (min-width:359px) and (max-width:373px) {
    .impact-hp-col-1 {
        transform: translateX(0px) translateY(-13vw) !important
    }
    .impact-hp-col-2 {
        transform: translateX(0px) translateY(-11vw) !important
    }
    .impact-hp-col-3 {
        transform: translateX(0px) translateY(-6vw) !important
    }
    .impact-hp-col-4 {
        transform: translateX(0px) translateY(-1vw) !important
    }
    .impact-hp-col-5 {
        transform: translateX(0px) translateY(4vw) !important
    }
    .portfolio-image:after,
    .popup-portfolio-image:after {
        height: 98% !important
    }
}

@media only screen and (min-width:374px) and (max-width:380px) {
    .impact-hp-col-1 {
        transform: translateX(0px) translateY(-9vw) !important
    }
    .impact-hp-col-2 {
        transform: translateX(0px) translateY(-10vw) !important
    }
    .impact-hp-col-3 {
        transform: translateX(0px) translateY(-5vw) !important
    }
    .impact-hp-col-4 {
        transform: translateX(0px) translateY(-3vw) !important
    }
    .impact-hp-col-5 {
        transform: translateX(0px) translateY(0vw) !important
    }
}

@media only screen and (min-width:413px) and (max-width:420px) {
    .impact-hp-col-1 {
        transform: translateX(0px) translateY(-3vw) !important
    }
    .impact-hp-col-2 {
        transform: translateX(0px) translateY(-6vw) !important
    }
    .impact-hp-col-3 {
        transform: translateX(0px) translateY(-6vw) !important
    }
    .impact-hp-col-4 {
        transform: translateX(0px) translateY(-6vw) !important
    }
    .impact-hp-col-5 {
        transform: translateX(0px) translateY(-6vw) !important
    }
}