@charset "UTF-8";
/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.1
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
/*========================
  GENERAL
========================*/
/* Fonts */
@font-face {
  font-family: "art-icon";
  src: url("fonts/art-icon.woff?12kqn3") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.surge-art-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "art-icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.surge-art-icon:before {
  font-size: 20px;
  margin-right: 5px;
}

.art-print_publication:before {
  content: "\e92a";
}

.art-play:before {
  content: "\e929";
}

.art-quote_end:before {
  content: "\e900";
}

.art-quote_start:before {
  content: "\e901";
}

.art-children_management:before {
  content: "\e902";
}

.art-communication_managers:before {
  content: "\e903";
}

.art-community:before {
  content: "\e904";
}

.art-content_creation:before {
  content: "\e905";
}

.art-crowd_management:before {
  content: "\e906";
}

.art-event_coordination:before {
  content: "\e907";
}

.art-logistic_support:before {
  content: "\e908";
}

.art-planning:before {
  content: "\e909";
}

.art-support_volunteer:before {
  content: "\e90a";
}

.art-confidence:before {
  content: "\e90b";
}

.art-creativity:before {
  content: "\e90c";
}

.art-entrepreneurship_skills:before {
  content: "\e90d";
}

.art-motivation:before {
  content: "\e90e";
}

.art-personal_growth:before {
  content: "\e90f";
}

.art-presentaion_skills:before {
  content: "\e910";
}

.art-arts:before {
  content: "\e911";
}

.art-bakery:before {
  content: "\e912";
}

.art-beverages:before {
  content: "\e913";
}

.art-business_development:before {
  content: "\e914";
}

.art-catering:before {
  content: "\e915";
}

.art-construction:before {
  content: "\e916";
}

.art-education:before {
  content: "\e917";
}

.art-financial_growth:before {
  content: "\e918";
}

.art-food:before {
  content: "\e919";
}

.art-health_beauty:before {
  content: "\e91a";
}

.art-others:before {
  content: "\e91b";
}

.art-personal_growth1:before {
  content: "\e91c";
}

.art-retails:before {
  content: "\e91d";
}

.art-student:before {
  content: "\e91e";
}

.art-tailoring:before {
  content: "\e91f";
}

.art-trainer:before {
  content: "\e920";
}

.art-trainer_2:before {
  content: "\e921";
}

.art-volume:before {
  content: "\e922";
}

.art-award:before {
  content: "\e923";
}

.art-calendar:before {
  content: "\e924";
}

.art-charity:before {
  content: "\e925";
}

.art-collaboration:before {
  content: "\e926";
}

.art-people:before {
  content: "\e927";
}

.art-value:before {
  content: "\e928";
}

/* Body Element */
body {
  font-family: Montserrat, sans-serif !important;
  display: initial;
}
body > .wrapper {
  display: initial;
}

/* Spacing */
.mb-1 {
  margin-bottom: 0.8em;
}

.mb-2 {
  margin-bottom: 1.2em;
}

.mb-3 {
  margin-bottom: 1.5em;
}

.mt-1 {
  margin-top: 0.8em;
}

.mt-2 {
  margin-top: 1.2em;
}

.mt-3 {
  margin-top: 1.5em;
}

.mt-4 {
  margin-top: 2em;
}

.mt-5 {
  margin-top: 2.5em;
}

/* Columns */
.column-holder {
  display: grid;
  gap: 36px;
}
.column-holder.two-column {
  grid-template-columns: repeat(2, 1fr);
}
.column-holder.three-column {
  grid-template-columns: repeat(3, 1fr);
}
.column-holder.four-column {
  grid-template-columns: repeat(4, 1fr);
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat, sans-serif !important;
  font-weight: 800;
  line-height: 130% !important;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 32px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 20px;
}

p {
  font-size: 20px;
  line-height: 32px;
}

.text-center {
  text-align: center;
}

/* Card Element */
.card {
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 32px 50px;
}

.text-card {
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 12px;
}

.elementor-widget-video > .elementor-widget-container {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.5);
}

/* Text Colors */
.text-blue {
  color: #0171BB;
}

.text-red {
  color: #EB1C24;
}

.text-green {
  color: #A6CC38;
}

.text-yellow {
  color: #FFC515;
}

/* Background Colors */
/* Light */
.background-red {
  background-color: #FBE5E7;
}

.background-yellow {
  background-color: #FDF3D6;
}

.background-green {
  background-color: #E3FADB;
}

.background-blue {
  background-color: #E5F2FB;
}

/* Solid */
.solid {
  color: #ffffff;
}
.solid.background-red {
  background-color: #EB1C24;
}
.solid.background-yellow {
  background-color: #FFC515;
}
.solid.background-green {
  background-color: #A6CC38;
}
.solid.background-blue {
  background-color: #0171BB;
}

.background-red .elementor-heading-title {
  background-color: #FBE5E7;
}

.background-yellow .elementor-heading-title {
  background-color: #FDF3D6;
}

.background-green .elementor-heading-title {
  background-color: #E3FADB;
}

.background-blue .elementor-heading-title {
  background-color: #E5F2FB;
}

/*========================
  CUSTOM
========================*/
#site_navigation_holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -100px;
}
#site_navigation_holder .site-nav-item {
  flex-basis: 32%;
  min-height: 185px;
  display: flex;
  background: transparent;
  justify-content: center;
  align-items: center;
  margin: 0.666799%;
  overflow: hidden;
}
#site_navigation_holder .site-nav-item.card {
  position: relative;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#site_navigation_holder .site-nav-item.card.active {
  border: 8px solid #EB1C24;
}
#site_navigation_holder .site-nav-item .zoom-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.3s ease-in;
}
#site_navigation_holder .site-nav-item .zoom-bg#nav_home {
  background-image: url(/wp-content/uploads/2020/06/nav_home2.jpg);
}
#site_navigation_holder .site-nav-item .zoom-bg#nav_program_keusahawanan {
  background-image: url(/wp-content/uploads/2020/06/nav_program_keusahawanan2.jpg);
}
#site_navigation_holder .site-nav-item .zoom-bg#nav_childrens_programme {
  background-image: url(/wp-content/uploads/2020/06/nav_childrens_project.jpg);
}
#site_navigation_holder .site-nav-item .zoom-bg#nav_volunteers {
  background-image: url(/wp-content/uploads/2020/06/nav_volunteers.jpg);
}
#site_navigation_holder .site-nav-item .zoom-bg#nav_social_entrepreneurship {
  background-image: url(/wp-content/uploads/2020/06/nav_social_entrepreneurship.jpg);
}
#site_navigation_holder .site-nav-item:hover .zoom-bg {
  transform: scale(1.05);
  transition: all 0.3s ease-out;
}
#site_navigation_holder .site-nav-item h4 {
  text-align: center;
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 28px;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  display: flex;
  bottom: -50px;
  justify-content: center;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 12.5vw;
  height: 8px;
  border-radius: 0;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(180deg, #EB1C24 0%, #F45C77 100%), linear-gradient(0deg, #0171BB, #0171BB), #FE5568;
}

.pagination-holder {
  display: flex;
  padding: 20px 12px;
  bottom: 0;
}
.pagination-holder .pagination-point {
  flex: 1;
  cursor: pointer;
  transition: all 1s ease-out;
}
.pagination-holder .pagination-point > .pagination-bar {
  position: relative;
  display: block;
  width: 100%;
  height: 3px;
  background-color: rgba(78, 78, 78, 0.5);
}
.pagination-holder .pagination-point.active .pagination-bar {
  background-color: #000000;
}

#type_of_business_chart {
  margin: 50px 0;
  width: 100%;
  height: 700px;
  font-size: 8pt;
}

#participants_chart {
  width: 100%;
  height: 650px;
}

#participants_location_chart {
  width: 80%;
  height: 450px;
  margin: 0 auto;
  overflow: hidden;
}
#participants_location_chart .flag-label {
  width: 50px;
  height: auto;
  margin: 0 auto;
}
#participants_location_chart .flag-label img {
  width: 100%;
  height: 50px;
  object-fit: contain;
}

#ppr_involved_chart {
  width: 80%;
  margin: 0 auto;
  height: calc(80vh - 10vh);
  overflow: hidden;
}

.chart-title {
  margin-top: 120px;
}
.chart-title h5 {
  margin-bottom: 0;
  font-size: 20px;
}
.chart-title h5.impact-type-beneficiaries {
  color: #EB1C24;
}
.chart-title h5.impact-type-project {
  color: #A6CC38;
}

.chart_holder {
  min-height: min-content;
  margin: 0 auto;
  display: flex;
}
.chart_holder .category_holder {
  position: relative;
  flex-basis: 20%;
  max-width: 20%;
}
.chart_holder .category_holder .category_text {
  padding-top: 20vh;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  /*       &:first-child {
          padding-top: 0;
        } */
}
.chart_holder .category_holder .category_text:last-child {
  margin-bottom: -13.75vh;
}
.chart_holder .category_holder .category_text#single_parents {
  margin-bottom: 0;
  padding-top: 20vh;
}
.chart_holder .category_holder .category_text h3 {
  padding: 0 20px;
  background-color: #fff;
  font-size: 24px;
}
.chart_holder .category_holder .category_text h3 span.identidifier-title {
  font-size: 16px;
}
.chart_holder .category_holder .category_img {
  padding-top: 20vh;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  /*       &:first-child {
          padding-top: 0;
        } */
}
.chart_holder .category_holder .category_img .img-text {
  text-align: center;
}
.chart_holder .category_holder .category_img .img-text img {
  padding: 16px 20px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
}
.chart_holder .category_holder .category_img .img-text span.identidifier-title {
  font-size: 16px;
  font-weight: 800;
}
.chart_holder #participants_impact_chart {
  position: sticky;
  top: 20vh;
  width: 100%;
  height: calc(70vh - 10vh);
  overflow: hidden;
  flex-basis: 80%;
}
.chart_holder #funds_invested_chart {
  position: sticky;
  top: 20vh;
  width: 100%;
  height: calc(70vh - 10vh);
  overflow: hidden;
  flex-basis: 80%;
}
.chart_holder #volunteers_impact_chart {
  position: sticky;
  top: 20vh;
  width: 100%;
  height: calc(70vh - 10vh);
  overflow: hidden;
  flex-basis: 80%;
}

#partnership_chart {
  width: 80%;
  height: 450px;
  margin: 0 auto;
}

#participants_category_chart {
  position: sticky;
  top: calc((100vh - 620px) / 2);
  width: 100%;
  height: 620px;
  overflow: hidden;
  flex-basis: 80%;
}

#volunteers_category_chart {
  position: sticky;
  top: calc((100vh - 620px) / 2);
  width: 100%;
  height: 620px;
  overflow: hidden;
  flex-basis: 80%;
}

.pictogram-chart-item {
  width: 200px;
  height: min-content;
  opacity: 0;
  transition: opacity 0.15s linear;
}
.pictogram-chart-item.shown {
  opacity: 1;
  transition: opacity 0.5s linear 0.5s;
  width: 90%;
  margin: 0 auto;
}
.pictogram-chart-item svg {
  overflow: visible;
  float: left;
  width: 100%;
  height: auto;
}
.pictogram-chart-item text {
  text-anchor: left;
  font-size: 12px;
  font-family: sans-serif, Helvetica, Arial;
  font-weight: bold;
}
.pictogram-chart-item text.text-red {
  fill: #bb6d82;
}
.pictogram-chart-item text.text-blue {
  fill: #6d7fbb;
}
.pictogram-chart-item text.text-green {
  fill: #7abb6d;
}
.pictogram-chart-item .iconPlain {
  fill: transparent;
}
.pictogram-chart-item .iconSelected {
  transition: fill 0.3s linear 0.5s;
}
.pictogram-chart-item .iconSelected.red {
  fill: #bb6d82;
}
.pictogram-chart-item .iconSelected.blue {
  fill: #6d7fbb;
}
.pictogram-chart-item .iconSelected.green {
  fill: #7abb6d;
}
.pictogram-chart-item rect {
  fill: #fff1e0;
}

foreignObject {
  overflow: visible;
}

/*--- Temporary ---*/
/* div#header-grid {
  display: none;
} */
header.header {
  z-index: 999;
  position: relative;
}

main#content {
  overflow: hidden;
  display: initial;
}

/*--- Slider ---*/
.custom-swiper .swiper-button-prev {
  left: -10vw !important;
}
.custom-swiper .swiper-button-next {
  right: -10vw !important;
}
.custom-swiper#our_vision .column-holder {
  background-image: url(/wp-content/uploads/2020/05/pattern-1.png);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}
.custom-swiper#our_vision .our-vision .column-holder {
  align-items: center;
}
.custom-swiper#our_vision .our-values img {
  max-height: 200px;
  min-height: 200px;
  height: 200px;
}
.custom-swiper#our_vision .four-hs img {
  max-height: 100px;
  min-height: 100px;
  height: 100px;
}
.custom-swiper#our_vision .our-values img, .custom-swiper#our_vision .four-hs img {
  object-fit: contain;
  object-position: center;
  margin-bottom: 20px;
}
.custom-swiper#impact_measurement_slider img.slider-bg {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(53%, -100%);
}
.custom-swiper#impact_measurement_slider .problem-statement .column:last-child img {
  position: absolute;
  top: 0;
}
.custom-swiper#impact_measurement_slider .problem-statement .column:last-child img.slider-img-bg {
  transform: translate(220px, -280px);
}
.custom-swiper#impact_measurement_slider .problem-statement .column:last-child img.slider-img-fg {
  transform: translate(100px, -150px);
}
.custom-swiper#impact_measurement_slider .what-and-affect {
  margin-top: -100px;
}
.custom-swiper#impact_measurement_slider .what-and-affect img {
  width: 100%;
  max-height: 250px;
  min-height: 250px;
  height: 250px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 20px;
}
.custom-swiper#hourglass_methodology_slider {
  padding: 200px 0 100px;
}
.custom-swiper#hourglass_methodology_slider img {
  position: absolute;
  top: 0;
}
.custom-swiper#hourglass_methodology_slider .methodology-front img {
  transform: translate(-150px, -150px) scale(0.8);
}
.custom-swiper#hourglass_methodology_slider .impact-indicator img {
  transform: translate(-250px, -150px) scale(0.8);
}
.custom-swiper#teach .swiper-slide {
  background-color: #FFFFFF;
  min-height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-swiper#teach .swiper-button-prev {
  left: -125px;
}
.custom-swiper#teach .swiper-button-next {
  right: -125px;
}
.custom-swiper#phases .phase-holder {
  margin: 0 auto;
}
.custom-swiper#phases .phase-holder .phase-title {
  text-align: center;
  max-width: 250px;
  margin: 0 auto 20px;
}
.custom-swiper#phases .phase-holder .phase-main {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 50px;
  margin-bottom: 15px;
  align-items: flex-start;
}
.custom-swiper#phases .phase-holder .phase-sub {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.custom-swiper#phases .phase-holder .phase-sub img {
  width: 100%;
  max-height: 245px;
  min-height: 245px;
  object-fit: cover;
}
.custom-swiper#impact_1 img, .custom-swiper#impact_2 img, .custom-swiper#impact_3 img {
  display: block;
  min-height: 600px;
  max-height: 600px;
  height: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

/*--- Section ---*/
section.elementor-top-section:not(:first-child) {
  padding: 70px 0;
}

/* Homepage */
.elementor-section-wrap {
  /*   & > section.elementor-element {
      &:not(:first-child) {
        //margin: 0;
        padding: 70px 0 !important;
      }
    } */
}
.elementor-section-wrap section#homepage_top {
  /* Homepage Top */
  padding: 100px 0 150px;
  overflow: hidden;
  z-index: 2;
}
.elementor-section-wrap section#homepage_top:before {
  content: "";
  width: 100vw;
  height: 110%;
  background-image: url(/wp-content/uploads/2020/06/yellow_background_3.png);
  z-index: -1;
  position: absolute;
  top: -100px;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.elementor-section-wrap section#homepage_top > .elementor-container {
  position: initial;
}
.elementor-section-wrap section#homepage_top > .elementor-container .elementor-row {
  position: initial;
}
.elementor-section-wrap section#homepage_top > .elementor-container .elementor-row .elementor-column {
  position: initial;
}
.elementor-section-wrap section#homepage_top > .elementor-container .elementor-row .elementor-column > .elementor-column-wrap {
  position: initial;
}
.elementor-section-wrap section#homepage_top > .elementor-container .elementor-row .elementor-column > .elementor-column-wrap > .elementor-widget-wrap {
  position: initial;
}
.elementor-section-wrap section#homepage_top > .elementor-container .elementor-row .elementor-column > .elementor-column-wrap > .elementor-widget-wrap .elementor-widget-image {
  position: initial;
}
.elementor-section-wrap section#homepage_top .elementor-widget-image:not(.intro-logo) img {
  position: absolute;
}
.elementor-section-wrap section#homepage_top .top-green-blob img {
  transform: translate(-35%, -75%);
}
.elementor-section-wrap section#homepage_top .intro-image img {
  transform: translate(-35%, -27%);
  width: 825px;
}
.elementor-section-wrap section#homepage_top .top-red-blob img {
  transform: translate(80%, -105%);
  z-index: 1;
}
.elementor-section-wrap section#home_top_divider {
  z-index: 1;
  margin-top: -400px !important;
  margin-bottom: -150px !important;
}
.elementor-section-wrap section#home_top_divider .elementor-container > .elementor-row {
  position: absolute;
  top: 50%;
  left: 40%;
  width: 135vw;
  transform: translate(-50%, -60%);
}
.elementor-section-wrap section#an_exemplary_success {
  padding: 300px 0 300px !important;
  background-size: auto;
}
.elementor-section-wrap section#an_exemplary_success > .elementor-container {
  top: -100px;
}
.elementor-section-wrap section#our-vision {
  margin-top: -250px !important;
}
.elementor-section-wrap section#impact_measurement {
  margin-top: 0 !important;
  padding-top: 450px !important;
  background-size: auto 100%;
}
.elementor-section-wrap section#impact_measurement .problem-statement .column-holder > .column:first-child {
  position: relative;
}
.elementor-section-wrap section#impact_measurement .problem-statement .column-holder > .column:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -36px;
  width: 10px;
  height: 100%;
  background: linear-gradient(180deg, #EB1C24 0%, #F45C77 100%), linear-gradient(0deg, #0171BB, #0171BB), #FE5568;
}
.elementor-section-wrap section#hourglass_methodology {
  padding-bottom: 200px !important;
  background-size: auto 100%;
}
.elementor-section-wrap section#hourglass_methodology .elementor-background-overlay {
  background-size: 95%;
  top: 40px;
}
.elementor-section-wrap section#what_to_measure {
  margin-top: 150px !important;
}
.elementor-section-wrap section#goals_of_impact_measurement {
  margin-top: 150px !important;
}
.elementor-section-wrap section#goals_of_impact_measurement .elementor-column:first-child {
  position: initial;
}
.elementor-section-wrap section#goals_of_impact_measurement .elementor-column:first-child > .elementor-column-wrap {
  position: initial;
}
.elementor-section-wrap section#goals_of_impact_measurement .elementor-column:first-child > .elementor-column-wrap > .elementor-widget-wrap {
  position: initial;
}
.elementor-section-wrap section#goals_of_impact_measurement .elementor-column:first-child > .elementor-column-wrap > .elementor-widget-wrap .elementor-widget-image {
  position: initial;
}
.elementor-section-wrap section#goals_of_impact_measurement img {
  position: absolute;
  top: 0;
}
.elementor-section-wrap section#goals_of_impact_measurement .blue-blob img {
  transform: translate(-560px, -170px) scale(0.7);
  z-index: 1;
}
.elementor-section-wrap section#goals_of_impact_measurement .section-image img {
  transform: translate(-650px, -120px) scale(1.05);
}
.elementor-section-wrap section#goals_of_impact_measurement .yellow-blob img {
  transform: translate(200px, -75px);
}
.elementor-section-wrap section#personal_challenges {
  padding-top: 400px !important;
}
.elementor-section-wrap section#personal_challenges .blue-blob {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(500px, -300px);
  z-index: -1;
}
.elementor-section-wrap section#view_program_keusahawanan {
  margin-top: 150px !important;
}
.elementor-section-wrap section#view_program_keusahawanan .pk-link {
  display: flex;
  justify-content: center;
  text-align: right;
}
.elementor-section-wrap section#view_program_keusahawanan .pk-link:after {
  content: "\e929";
  font-family: "art-icon";
  font-size: 100px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: auto;
  margin-left: 32px;
}
.elementor-section-wrap section#view_program_keusahawanan .pk-link .link-highlight span {
  transition: color 0.35s ease-out;
}
.elementor-section-wrap section#view_program_keusahawanan .pk-link:hover .link-highlight span {
  color: #FFC515 !important;
  transition: color 0.35s ease-in;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter {
  min-height: 175px;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter:before {
  content: "";
  width: 175px;
  height: 175px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter .elementor-counter {
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter .elementor-counter span.elementor-counter-number {
  font-size: 45px;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_participants .elementor-counter-number, .elementor-section-wrap section#total_impact .elementor-widget-counter#count_participants .elementor-counter-title {
  color: #FFC515;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_participants:before {
  background-image: url(/wp-content/uploads/2020/06/participants.png);
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_funds_invested .elementor-counter-number, .elementor-section-wrap section#total_impact .elementor-widget-counter#count_funds_invested .elementor-counter-title {
  color: #A6CC38;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_funds_invested .elementor-counter-number:before {
  content: "MYR";
  display: block;
  font-size: 28px;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_funds_invested:before {
  background-image: url(/wp-content/uploads/2020/06/funds.png);
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_businesses_awarded .elementor-counter-number, .elementor-section-wrap section#total_impact .elementor-widget-counter#count_businesses_awarded .elementor-counter-title {
  color: #EB1C24;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_businesses_awarded:before {
  background-image: url(/wp-content/uploads/2020/06/award.png);
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_volunteers .elementor-counter-number, .elementor-section-wrap section#total_impact .elementor-widget-counter#count_volunteers .elementor-counter-title {
  color: #FFC515;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_volunteers:before {
  background-image: url(/wp-content/uploads/2020/06/volunteers.png);
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_partners .elementor-counter-number, .elementor-section-wrap section#total_impact .elementor-widget-counter#count_partners .elementor-counter-title {
  color: #0171BB;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_partners:before {
  background-image: url(/wp-content/uploads/2020/06/partners.png);
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_nurturing_hours .elementor-counter-number, .elementor-section-wrap section#total_impact .elementor-widget-counter#count_nurturing_hours .elementor-counter-title {
  color: #EB1C24;
}
.elementor-section-wrap section#total_impact .elementor-widget-counter#count_nurturing_hours:before {
  background-image: url(/wp-content/uploads/2020/06/nurture.png);
}
.elementor-section-wrap section#total_impact #view_program_keusahawanan_mini a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.elementor-section-wrap section#total_impact #view_program_keusahawanan_mini a:after {
  content: "\e929";
  font-family: "art-icon";
  font-size: 36px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-left: 12px;
}

/* Page 2 */
.quote-box {
  background: linear-gradient(180deg, #FA535B 0%, #F95E8D 100%);
  padding: 50px 70px;
}
.quote-box:before, .quote-box:after {
  font-family: "art-icon";
  font-size: 24px;
  color: #ffffff;
  position: absolute;
}
.quote-box:before {
  content: "\e901";
  left: 25px;
  top: 32px;
}
.quote-box:after {
  content: "\e900";
  right: 25px;
  bottom: 32px;
}
.quote-box p {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 2px;
  font-family: Montserrat;
  margin-bottom: 0;
}

section#nurture .nurture_bg {
  position: absolute;
  transform: translate(515px, -415px);
  z-index: -1;
}

.floating-image {
  position: absolute !important;
}

#red_blob {
  z-index: 1;
  transform: translate(700px, 500px);
}

#red_blob_2 {
  transform: translate(-850px, 125px);
}

section#what-is-pk .pk-image {
  max-width: 65%;
  margin: 0 auto;
  z-index: 1;
}
section#what-is-pk .quote-box {
  margin-top: -12px;
}
section#what-is-pk .why_comb {
  transform: translate(305px, -90px) scale(1.65);
  transform-origin: top;
}
section#what-is-pk .why_comb#why_bg {
  z-index: 1;
}
section#what-is-pk .why_comb#why-fg {
  z-index: 2;
  transform: translate(315px, -115px) scale(1.75);
}

section#programme_timeline #timeline_blob {
  transform: translate(-750px, -100px);
}
section#programme_timeline #timeline_blob_2 {
  bottom: 0;
  transform: translate(-600px, 600px) scale(0.8);
}
section#programme_timeline #timeline_blob_3 {
  bottom: 0;
  transform: translate(765px, 650px) scale(0.8);
}

section#impact_made {
  padding-top: 380px !important;
}

.two-column-text p {
  columns: 2 150px;
  column-gap: 36px;
  line-height: 32px;
  margin-top: 25px;
}

.icon-text .elementor-widget-container {
  padding-left: 90px;
}
.icon-text .elementor-widget-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
}
.icon-text#median .elementor-widget-container:before {
  background-image: url(/wp-content/uploads/2020/05/income.png);
}
.icon-text#ppr .elementor-widget-container:before {
  background-image: url(/wp-content/uploads/2020/05/ppr.png);
}
.icon-text#sustainable_help .elementor-widget-container:before {
  background-image: url(/wp-content/uploads/2020/05/sustainable_help.png);
}
.icon-text#ecosystem_model .elementor-widget-container:before {
  background-image: url(/wp-content/uploads/2020/05/ecosystem_model.png);
}
.icon-text#entrepreneurship_classes .elementor-widget-container:before {
  width: 80px;
  height: 80px;
  background-image: url(/wp-content/uploads/2020/05/entrepreneurship_classes.png);
}
.icon-text#community_bazaars .elementor-widget-container:before {
  width: 80px;
  height: 80px;
  background-image: url(/wp-content/uploads/2020/05/community_bazaars.png);
}

.divider-blob {
  z-index: 99;
}
.divider-blob .elementor-container > .elementor-row {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 115vw;
  transform: translate(-50%, -50%);
}

section#success_stories {
  margin-top: -280px !important;
  padding-top: 280px !important;
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 64px;
  background-color: #DFEDFB;
  min-height: 650px;
  align-self: stretch;
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder p {
  font-size: 16px;
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text {
  position: relative;
  padding-left: 60px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  min-height: 40px;
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text:first-of-type {
  margin-top: 50px;
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text.participant:before {
  background-image: url(/wp-content/uploads/2020/05/ic_user.png);
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text.business-growth:before {
  background-image: url(/wp-content/uploads/2020/05/ic_business_growth.png);
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text.bread:before {
  background-image: url(/wp-content/uploads/2020/05/ic_bread.png);
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text.nasi-lemak:before {
  background-image: url(/wp-content/uploads/2020/05/nasi_lemak.png);
}
section#success_stories #success_stories_slider .swiper-slide.stories-holder .ss-icon-text h6 {
  margin-bottom: 0;
}
section#success_stories #success_stories_slider .swiper-button-prev {
  left: -125px;
}
section#success_stories #success_stories_slider .swiper-button-next {
  right: -125px;
}

/* Page 3 */
section#childrens_programme {
  background-size: auto 80%;
  background-position-y: 0%;
  background-position-x: calc(50% + 275px);
}

section#parents {
  background-size: 1750px 100%;
}
section#parents .family-img img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(100px, -40px) scale(1.375);
}

.impact-indicator .elementor-row {
  display: flex;
  align-items: center;
}
.impact-indicator .elementor-row .impact-title .elementor-heading-title {
  display: flex;
  justify-content: flex-end;
  background: linear-gradient(180deg, #A6CC38 0%, #82CC38 100%), linear-gradient(180deg, #F95E83 -0.21%, #FA535B 100%);
  padding: 60px 100px;
  color: #ffffff;
  font-weight: 400;
  margin-left: calc(-50vw);
  margin-right: 36px;
}
.impact-indicator .elementor-row .impact-text {
  padding-left: 32px;
  border-left: 10px solid #82CC38;
}
.impact-indicator .elementor-row .impact-text p {
  margin-bottom: 0;
}

section#program_kembara {
  background-position: calc(55%) 115px;
  background-size: auto 100%;
}
section#program_kembara .program-kembara-title-text p {
  width: 70%;
  margin: 50px auto 0;
  padding: 0 2.5%;
  text-align: left !important;
}
section#program_kembara .lessons-and-modules .text-card {
  width: 60%;
  margin: 0 auto;
  padding: 20px;
  overflow: hidden;
}

section#program_keusahawanan_mini {
  background-size: auto 100%;
}
section#program_keusahawanan_mini .program-kembara-title-text p {
  width: 70%;
  margin: 50px auto 0;
  padding: 0 2.5%;
  text-align: left !important;
}
section#program_keusahawanan_mini img {
  max-height: 250px;
  min-height: 250px;
  height: 250px;
  object-fit: contain;
  object-position: bottom;
}
section#program_keusahawanan_mini .text-card {
  min-height: 150px;
  display: flex;
  align-items: center;
}

section#cp_impact_made {
  background-size: auto 100%;
}

.pk-outcome .elementor-heading-title {
  margin: 0 auto;
  padding: 20px;
  border-radius: 16px;
  font-size: 20px;
}

.impact-holder {
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 18px;
  min-height: 250px;
}
.impact-holder:before {
  font-family: "art-icon";
  flex-basis: 20%;
  font-size: 85px;
  margin-right: 32px;
  opacity: 0.8;
}
.impact-holder#impact_personal_growth:before {
  content: "\e90f";
}
.impact-holder#impact_entrepreneurship_skills:before {
  content: "\e90d";
}
.impact-holder#impact_motivation:before {
  content: "\e90e";
}
.impact-holder#impact_confidence:before {
  content: "\e90b";
}
.impact-holder#impact_presentation:before {
  content: "\e910";
}
.impact-holder#impact_creativity:before {
  content: "\e90c";
}

section#psychology_framework .pf-img-1 img, section#psychology_framework .pf-img-2 img {
  position: absolute;
}
section#psychology_framework .pf-img-1 img {
  transform: translate(-55%, 10%) scale(1.25);
}
section#psychology_framework .pf-img-2 img {
  transform: translate(-10%, 10%) scale(1.25);
  left: 0;
}

/* Page 4 */
section#volunteer_for_impact {
  background-size: 1750px 100%;
  background-position: calc(50% - 70px) -150px;
}
section#volunteer_for_impact .blob {
  position: absolute;
}
section#volunteer_for_impact .blob.green-blob {
  transform: translate(-90%, -100px);
}
section#volunteer_for_impact .blob.red-blob {
  transform: translate(86.5%, -20px);
}
section#volunteer_for_impact .section-title-with-text p {
  width: 70%;
  margin: 50px auto 0;
  padding: 0 2.5%;
  text-align: left !important;
}
section#volunteer_for_impact .volunteer-type .elementor-element {
  margin: 12px;
}

section#volunteer_impact {
  background-size: auto 100%;
}
section#volunteer_impact .blob {
  position: absolute;
}
section#volunteer_impact .blob.blue-blob {
  transform: translate(92%, 165%);
}
section#volunteer_impact .card {
  margin: 12px 0;
  padding: 20px;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 20px;
  align-items: center;
}
section#volunteer_impact .card:before {
  font-family: "art-icon";
  font-size: 48px;
  width: 70px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  border-right: 1px solid #FFFFFF;
  opacity: 0.8;
}
section#volunteer_impact .card#pre_child_management:before {
  content: "\e902";
}
section#volunteer_impact .card#logistic_support:before {
  content: "\e908";
}
section#volunteer_impact .card#child_management:before {
  content: "\e902";
}
section#volunteer_impact .card#crowd_management:before {
  content: "\e906";
}
section#volunteer_impact .card#event_coordinators:before {
  content: "\e907";
}
section#volunteer_impact .card#content_creation:before {
  content: "\e905";
}
section#volunteer_impact .card#communication_managers:before {
  content: "\e903";
}
section#volunteer_impact .card#impact_managers:before {
  content: "\e902";
}
section#volunteer_impact .card h5 {
  margin-bottom: 0;
}

section#be_impactful {
  background-size: 1750px 100%;
}
section#be_impactful .wpcf7 p {
  margin-bottom: 0;
}
section#be_impactful .wpcf7 .wpcf7-form-control:not(.wpcf7-submit) {
  margin-bottom: 15px;
}

section#community_champions .elementor-inner-section {
  display: flex;
  align-items: center;
}
section#community_champions .elementor-inner-section:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background-color: transparent;
  border: 20px solid;
  border-radius: 50%;
  z-index: 99;
  transition: all 0.25s ease-in;
}
section#community_champions .elementor-inner-section:nth-child(2):before {
  border-color: #E5F2FB;
  background-color: #0171BB;
}
section#community_champions .elementor-inner-section:nth-child(3):before {
  border-color: #FBE5E7;
  background-color: #EB1C24;
}
section#community_champions .elementor-inner-section:nth-child(4):before {
  border-color: #E3FADB;
  background-color: #A6CC38;
}
section#community_champions .elementor-inner-section:not(:first-child):hover:before {
  cursor: pointer;
  border-width: 12px !important;
  transition: all 0.25s ease-out;
}
section#community_champions .elementor-inner-section:not(:first-child):not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 2px;
  height: 70%;
  background-color: #1F3044;
  opacity: 0.2;
  z-index: 99;
}
section#community_champions .elementor-inner-section .elementor-inner-column:first-child {
  padding-right: 60px;
}
section#community_champions .elementor-inner-section .elementor-inner-column:last-child {
  padding-left: 60px;
}
section#community_champions .elementor-inner-section .elementor-inner-column > .elementor-column-wrap {
  padding: 0 !important;
}

.blue-blob-section {
  position: absolute !important;
  left: 50%;
  transform: translate(220px, -8%) scale(0.75);
  z-index: -20;
}

section#community_fundamentals {
  background-size: 1750px 100%;
}
section#community_fundamentals .blob {
  position: absolute;
}
section#community_fundamentals .blob.green-blob {
  transform: translate(-92.5%, 10%);
}
section#community_fundamentals .blob.red-blob {
  transform: translate(87.5%, 70%);
}
section#community_fundamentals .card.elementor-column {
  margin: 12px;
  padding: 20px 32px !important;
}
section#community_fundamentals .card img {
  max-height: 180px;
  height: 180px;
  object-fit: contain;
}

section#important_roles {
  background-size: calc(1750px + 10vw) 93.5%;
  background-position: calc(50% + 100px) 100%;
}
section#important_roles .blob {
  position: absolute;
}
section#important_roles .blob.green-blob {
  transform: translate(-88.5%, 25%);
}
section#important_roles .blob.yellow-blob {
  transform: translate(85%, 152.5%);
}
section#important_roles .card {
  margin: 12px;
  display: flex;
  align-items: center;
  min-height: 200px;
  padding: 20px;
  /*     &:first-child {
        margin-left: 0;
      }
      &:last-child {
        margin-right: 0;
      } */
}
section#important_roles .card h4 {
  margin-bottom: 0;
}
section#important_roles .card:before {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "art-icon";
  font-size: 72px;
  height: 100px;
  margin: 0 20px;
  padding-right: 25px;
  border-right: 1px solid #FFFFFF;
}
section#important_roles .card#strategic_planning:before {
  content: "\e909";
}
section#important_roles .card#psychological_support:before {
  content: "\e90a";
}
section#important_roles .card#adult_community:before {
  content: "\e904";
}
section#important_roles .card#kids_community:before {
  content: "\e902";
}

section#community_beneficiaries .blob {
  position: absolute;
}
section#community_beneficiaries .blob.green-blob {
  transform: translate(-88.5%, -30%);
}
section#community_beneficiaries .blob.yellow-blob {
  transform: translate(77.5%, -30%);
}
section#community_beneficiaries .blob.blue-blob {
  transform: translate(95%, 75%);
}
section#community_beneficiaries .elementor-inner-section img {
  min-height: 150px;
  object-fit: contain;
  object-position: bottom;
}

/* Page 5 */
/*  Mobile
    background-size: auto 150%;
    background-position: 50% calc(80%);
    padding-top: 120px;
    padding-bottom: 70px;

    .divider-blob .elementor-container > .elementor-row {
      position: absolute;
      top: 50%;
      left: 50%;
      width: calc(150vw + 375px);
      transform: translate(-50%, -75%);
    }
*/
section#social_entrepreneurship {
  background-size: auto 110%;
  background-position: calc(50% - 100px) 100%;
}
section#social_entrepreneurship .blob {
  position: absolute;
}
section#social_entrepreneurship .blob.blue-blob {
  transform: translate(85%, 50%);
}

section#after_se_section .blob {
  position: absolute;
  top: 50%;
}
section#after_se_section .blob.yellow-blob-1 {
  transform: translate(-85%, -65%);
  z-index: 99;
}
section#after_se_section .blob.yellow-blob-2 {
  transform: translate(50%, -52.5%);
}

section#impact_achieved {
  background-size: 2000px 100%;
}
section#impact_achieved p {
  min-height: 100px;
}

.threeps-holder .elementor-heading-title {
  padding: 12px;
  width: 60%;
  margin: 0 auto;
  border-radius: 16px;
}

.goal-section {
  margin-bottom: 36px;
  padding: 20px;
  border-radius: 16px;
}

/*--- Card Image ---*/
.card-image .elementor-element-populated, .card-image .elementor-widget-container {
  margin: 10px !important;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.card-image .elementor-element-populated img, .card-image .elementor-widget-container img {
  object-fit: contain !important;
  width: 100%;
  display: block !important;
  max-height: 250px;
  height: 250px !important;
  background: #fff;
}
.card-image .elementor-element-populated .elementor-widget-heading {
  margin-bottom: 0 !important;
}
.card-image .elementor-element-populated img {
  max-height: 200px !important;
}
.card-image > .elementor-widget-container {
  margin: 0 !important;
  padding: 24px;
}

/*--- Form ---*/
.wpcf7-form-control {
  font-family: Montserrat;
  font-weight: 700;
  outline: 0;
  border: 0;
  border-radius: 8px !important;
}

.wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  padding: 12px 24px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  color: #6C8098;
  letter-spacing: 1px;
}
.wpcf7-form-control:not(.wpcf7-submit):-webkit-autofill {
  box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #6C8098;
}

select.wpcf7-form-control {
  height: 54px;
}

.wpcf7-form-control.wpcf7-submit {
  padding: 16px 48px;
  background: linear-gradient(180deg, #EB1C24 0%, #F45C77 100%), linear-gradient(91.21deg, #FE5669 15.16%, #FF8399 95.47%), linear-gradient(90deg, #FB8675 0%, #FA9C6E 100%);
}

/*--- Contact Us ---*/
section#contact_us #contact_us_column_1 {
  position: initial;
}
section#contact_us #contact_us_column_1 .elementor-column-wrap {
  position: initial;
}
section#contact_us #contact_us_column_1 .elementor-column-wrap .elementor-widget-wrap {
  position: initial;
}
section#contact_us #contact_us_column_1 .elementor-column-wrap .elementor-widget-wrap .bg-image {
  position: absolute;
}
section#contact_us #contact_us_column_1 .elementor-column-wrap .elementor-widget-wrap .bg-image.red-blob {
  transform: translate(-800px, -250px) scale(0.8);
}
section#contact_us #contact_us_column_1 .elementor-column-wrap .elementor-widget-wrap .bg-image.blue-blob {
  transform: translate(-485px, -30px) scale(0.9);
}
section#contact_us #contact_us_form_holder {
  margin-left: 32px;
  padding: 24px 50px;
  background-color: #E9F4FA;
  border-radius: 12px;
  overflow: hidden;
}
section#contact_us #contact_us_form_holder h5 {
  margin: 24px 0 36px;
  color: #4C637E;
}

/*--- Footer ---*/
footer#site-footer {
  background-image: url(/wp-content/uploads/2020/06/footer_bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 115%;
  padding: 450px 0 0px;
}

.footer-card {
  background-color: #FFFFFF;
  padding: 25px 32px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  border-radius: 20px;
  margin-left: 24px;
  gap: 50px;
}
.footer-card .card-item:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.footer-card .card-item .title {
  font-weight: 500;
  opacity: 0.75;
  text-transform: uppercase;
}
.footer-card .card-item .text {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}

.builder-item--footer-three-widgets #nav_menu-2 {
  margin-bottom: 0;
  padding-bottom: 8px;
}
.builder-item--footer-three-widgets #nav_menu-2 ul#menu-menu-1 li {
  display: inline-block;
  margin-right: 35px;
  font-size: 20px;
}
.builder-item--footer-three-widgets #nav_menu-2 ul#menu-menu-1 li a {
  font-weight: 400;
  color: #FFFFFF;
}
.builder-item--footer-three-widgets .textwidget.custom-html-widget {
  font-size: 14px;
}

div#teach_data_stories {
  scroll-behavior: smooth;
}
div#teach_data_stories::-webkit-scrollbar {
  display: none;
}
div#teach_data_stories .teach-story-img {
  position: sticky;
  top: calc(100vh - (400px + 5vh));
  height: 400px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-image 0.375s ease-in;
  margin: 0 -5vw;
}
div#teach_data_stories .teach-story-img .illustration {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div#teach_data_stories .teach-story-img .illustration svg {
  width: 100%;
  height: 100%;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene {
  opacity: 0;
  transition: opacity 0.375s ease-in;
  will-change: opacity;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible {
  opacity: 1;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_1_illustration #zul_actor, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_1_illustration #nazri_actor {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_2_illustration #zul_actor_s2, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_2_illustration #nazri_actor_s2, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_2_illustration #fisherman_actor_s2 {
  opacity: 1;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_2_illustration #fisherman_actor_s2 {
  transform: translate3d(0, 0, 0);
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_3_illustration #zul_actor_s3, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_3_illustration #nazri_actor_s3, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_3_illustration #fisherman_actor_s3 {
  opacity: 1;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_4_illustration #zul_actor_s4, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_4_illustration #nazri_actor_s4, div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_4_illustration #fisherman_actor_s4 {
  opacity: 1;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_4_illustration #fisherman_actor_s4 #Group_198 {
  transform: rotate(0) translate3d(0, 0, 0) scale(1);
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_4_illustration #pull_ripple_shadow {
  transform: translate3d(-10px, -10px, 0) scale(1);
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene.is-visible#story_4_illustration #fisherman_s4_bubble {
  transform: translate3d(0, 0, 0) scale(1);
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_1_illustration #zul_actor, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_1_illustration #nazri_actor {
  opacity: 0;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_1_illustration #zul_actor {
  transform: translate3d(0, 0, 0);
  transition: opacity 0.25s linear 0.375s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_1_illustration #nazri_actor {
  transform: translate3d(-100px, 0, 0);
  transition: opacity 0.275s linear 1.05s, transform 0.5s ease-out 0.875s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #zul_actor_s2, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #nazri_actor_s2, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #fisherman_actor_s2 {
  opacity: 0;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #zul_actor_s2, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #nazri_actor_s2 {
  transform: translate3d(0, 0, 0);
  transition: opacity 0.25s linear;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #fisherman_actor_s2 {
  transform: translate3d(-100px, 0, 0);
  transition: opacity 0.25s linear 0.75s, transform 0.5s ease-out 0.625s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_2_illustration #fish {
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s ease-in, opacity 0.2s ease-out;
  animation-name: teasing_fish;
  animation-duration: 0.325s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-delay: 0.3s;
}
@keyframes teasing_fish {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -36px, 0);
    opacity: 1;
  }
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_3_illustration #zul_actor_s3, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_3_illustration #nazri_actor_s3, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_3_illustration #fisherman_actor_s3 {
  opacity: 0;
  transition: opacity 0.25s linear 0.5s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_3_illustration #zul_actor_s3, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_3_illustration #nazri_actor_s3 {
  opacity: 0;
  transition: opacity 0.25s linear 0.5s;
  animation-name: jumping;
  animation-duration: 0.25s;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-delay: 0.65s;
}
@keyframes jumping {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -15px, 0);
  }
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_4_illustration #zul_actor_s4, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_4_illustration #nazri_actor_s4, div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_4_illustration #fisherman_actor_s4 {
  opacity: 0;
  transition: opacity 0.25s linear 0.5s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_4_illustration #fisherman_actor_s4 #Group_198 {
  transform: rotate(15deg) rotateZ(0) translate3d(-65px, -230px, 0) scale3d(1.3, 1.3, 1.3);
  transition: transform 0.35s linear 1.875s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_4_illustration #pull_ripple_shadow {
  transform: translate3d(175px, 135px, 0) scale3d(0, 0, 0);
  transform-origin: center;
  transition: transform 0.15s linear 2.125s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-scene#story_4_illustration #fisherman_s4_bubble {
  transform: translate3d(-150px, -60px, 0) scale3d(0, 0, 0);
  transform-origin: center;
  transition: transform 0.35s linear 1.75s;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-bg {
  opacity: 0;
  transition: opacity 0.375s ease-in;
  will-change: opacity;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-bg.is-visible {
  opacity: 1 !important;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-bg#story_bg_1_2 {
  opacity: 0;
}
div#teach_data_stories .teach-story-img .illustration svg .skit-bg#story_bg_2 {
  opacity: 0;
}
div#teach_data_stories .content-text {
  height: 100vh;
  transition: opacity 0.25s ease-in;
}
div#teach_data_stories .content-text h4 {
  font-size: 28px;
}
div#teach_data_stories .content-text.is-visible {
  opacity: 1;
  transition: opacity 0.625s ease-out 0.75s;
}

/*========================
  RESPONSIVE
========================*/
/* Small Desktop & Tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .elementor-section-wrap section#homepage_top .intro-image img {
    transform: translate(-48%, -8%);
    width: 63%;
  }

  .elementor-section-wrap section#home_top_divider {
    z-index: 1;
    margin-top: -400px !important;
    margin-bottom: -165px !important;
    margin-right: -10vw;
    margin-left: -2vw;
  }
  .elementor-section-wrap section#home_top_divider img {
    height: 125vh;
    object-fit: contain;
    object-position: bottom;
  }

  .elementor-section-wrap section#volunteer_for_impact .volunteer-type .elementor-inner-column {
    margin: 1%;
    width: 48%;
  }
  .elementor-section-wrap section#community_fundamentals .card.elementor-column {
    margin: 1%;
    width: 48%;
  }
  .elementor-section-wrap section#important_roles .card {
    margin: 1%;
    width: 48%;
  }
}
/* Tablet and Below */
@media only screen and (max-width: 768px) {
  h1 {
    font-size: calc(36px + (36 - 32) * ((100vw - 300px) / (1600 - 300)));
  }

  h2 {
    font-size: calc(32px + (32 - 28) * ((100vw - 300px) / (1600 - 300)));
  }

  h3 {
    font-size: calc(28px + (28 - 24) * ((100vw - 300px) / (1600 - 300)));
  }

  h4 {
    font-size: calc(24px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
  }

  h5 {
    font-size: calc(20px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  }

  h6 {
    font-size: calc(18px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
  }

  p {
    font-size: 16px;
  }

  .style-plain.nav-menu-primary li.menu-item:first-child {
    margin-top: 32px;
  }
  .style-plain.nav-menu-primary li.menu-item a {
    text-align: center !important;
    justify-content: center;
    margin-bottom: 32px;
    font-size: 18px;
  }

  #site_navigation_holder {
    flex-direction: column;
  }
  #site_navigation_holder .site-nav-item.card {
    margin: 0 12px 16px;
  }
  #site_navigation_holder .site-nav-item.card:first-child {
    margin-top: 0;
  }
  #site_navigation_holder .site-nav-item.card:last-child {
    margin-bottom: 0;
  }
  #site_navigation_holder .site-nav-item.card h4 {
    width: 80%;
    margin: 0 auto;
    font-size: calc(24px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));
  }

  section#contact_us {
    z-index: 99;
    margin-bottom: -320px !important;
  }
  section#contact_us #contact_us_form_holder {
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 20px;
  }

  footer#site-footer {
    padding-bottom: 16px;
  }
  footer#site-footer .item--inner.builder-item--footer-one-widgets {
    margin-top: 50px;
  }

  .divider-blob > .elementor-container.elementor-column-gap-default {
    min-height: 100px !important;
  }

  .elementor-section-wrap .divider-blob:first-of-type {
    margin-top: -16px !important;
  }

  .quote-box {
    padding: 60px 36px;
  }

  .elementor-section-wrap .custom-swiper .swiper-button-prev {
    left: 5vw !important;
  }
  .elementor-section-wrap .custom-swiper .swiper-button-next {
    right: 5vw !important;
  }
  .elementor-section-wrap section#homepage_top .elementor-widget-text-editor > .elementor-widget-container {
    padding: 0;
  }
  .elementor-section-wrap section#our-vision .swiper-slide.our-vision .column-holder {
    grid-template-columns: 1fr;
  }
  .elementor-section-wrap section#our-vision .swiper-slide.our-values .column-holder {
    grid-template-columns: 1fr;
  }
  .elementor-section-wrap section#our-vision .swiper-slide.four-hs .column-holder {
    grid-template-columns: 1fr 1fr;
    padding: 12px;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement {
    margin-top: 0;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement .column-holder {
    grid-template-columns: 1fr;
    position: relative;
    gap: 20px;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement .column-holder .column:first-child {
    order: 2;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement .column-holder .column:last-child {
    position: relative;
    order: 1;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement .column-holder .column:last-child img.slider-img-bg {
    transform: translate(0);
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement .column-holder .column:last-child img.slider-img-fg {
    transform: translate(-10px, 40px);
    position: absolute;
    top: 0;
    left: 0;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.problem-statement .column-holder .column img {
    position: relative;
    top: 0;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.what-and-affect {
    margin-top: -150px;
  }
  .elementor-section-wrap section#impact_measurement .swiper-slide.what-and-affect .column-holder {
    grid-template-columns: 1fr;
    position: relative;
    gap: 20px;
  }
  .elementor-section-wrap section#hourglass_methodology .column-holder.two-column {
    grid-template-columns: 1fr;
  }
  .elementor-section-wrap section#hourglass_methodology .custom-swiper#hourglass_methodology_slider img {
    position: relative !important;
    transform: translate(0) !important;
  }
  .elementor-section-wrap section#hourglass_methodology .custom-swiper#hourglass_methodology_slider .methodology-front .column-holder.two-column .column:first-child {
    order: 2;
  }
  .elementor-section-wrap section#hourglass_methodology .custom-swiper#hourglass_methodology_slider .methodology-front .column-holder.two-column .column:last-child {
    order: 1;
  }
  .elementor-section-wrap section#what_to_measure {
    margin-top: 0 !important;
    padding: 0 !important;
  }
  .elementor-section-wrap section#goals_of_impact_measurement {
    margin-top: 0 !important;
  }
  .elementor-section-wrap section#goals_of_impact_measurement .section-image img {
    transform: translate(-55%, 0%) scale(1.25);
  }
  .elementor-section-wrap section#view_program_keusahawanan {
    margin-top: 30px !important;
    background-size: auto 125%;
    background-position: center bottom;
  }
  .elementor-section-wrap section#view_program_keusahawanan .elementor-widget-text-editor > .elementor-widget-container {
    margin: 0;
  }
  .elementor-section-wrap section#view_program_keusahawanan .elementor-widget-text-editor > .elementor-widget-container a.pk-link {
    flex-direction: column;
    text-align: center;
  }
  .elementor-section-wrap section#view_program_keusahawanan .elementor-widget-text-editor > .elementor-widget-container a.pk-link:after {
    height: 150px;
    margin: 0 auto;
    font-size: 100px;
  }
  .elementor-section-wrap section#total_impact .elementor-widget-counter {
    flex-direction: column;
  }
  .elementor-section-wrap section#total_impact .elementor-widget-counter .elementor-counter {
    padding: 0;
    margin-top: 20px;
    align-items: center;
  }
  .elementor-section-wrap section#total_impact #view_program_keusahawanan_mini a {
    flex-direction: column;
    align-items: center;
  }
  .elementor-section-wrap section#total_impact #view_program_keusahawanan_mini a:after {
    font-size: 64px;
    width: 80px;
    height: 80px;
    margin-top: 16px;
    margin-left: 0;
  }
  .elementor-section-wrap div#teach_data_stories .teach-story-img {
    position: sticky;
    top: calc(100vh - (400px + 5vh));
    height: 400px;
    margin: 0;
  }
  .elementor-section-wrap section#nurture img {
    max-width: 100%;
  }
  .elementor-section-wrap section#what-is-pk .pk-image {
    max-width: 90%;
  }
  .elementor-section-wrap section#what-is-pk .two-column-text p {
    columns: 1;
  }
  .elementor-section-wrap section#what-is-pk .why_comb {
    transform: translate(0px, 0px) scale(1.05);
  }
  .elementor-section-wrap section#what-is-pk .why_comb#why-fg {
    transform: translate(0, 50px) scale(1.15);
  }
  .elementor-section-wrap section#programme_timeline .custom-swiper#phases .phase-holder .phase-main {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .elementor-section-wrap section#programme_timeline .custom-swiper#phases .phase-holder .phase-sub {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .elementor-section-wrap section#impact_made {
    padding-top: 80px !important;
  }
  .elementor-section-wrap section#success_stories {
    margin-top: -120px !important;
    padding-top: 120px !important;
  }
  .elementor-section-wrap section#success_stories #success_stories_slider .swiper-slide.stories-holder {
    display: block;
    min-height: 650px;
  }
  .elementor-section-wrap section#success_stories #success_stories_slider .swiper-slide.stories-holder .stories-image-holder {
    margin-bottom: 50px;
    padding: 0 32px;
  }
  .elementor-section-wrap section#parents {
    margin-top: -120px;
    padding-top: 120px;
  }
  .elementor-section-wrap section#parents .family-img img {
    position: relative;
    transform: translateY(calc(50px + 1vh)) scale(1.25);
  }
  .elementor-section-wrap section#parents + .divider-blob {
    z-index: 0;
    margin-top: -205px;
    margin-bottom: -32px;
  }
  .elementor-section-wrap section#program_kembara .program-kembara-title-text p {
    width: 100%;
    text-align: center !important;
  }
  .elementor-section-wrap .module-stats {
    padding-top: 0 !important;
    padding-bottom: 30px !important;
  }
  .elementor-section-wrap .module-stats .elementor-column-wrap.elementor-element-populated {
    padding: 16px 12px !important;
    margin: 0 12px;
  }
  .elementor-section-wrap section#program_keusahawanan_mini .program-kembara-title-text p {
    width: 100%;
    text-align: center !important;
  }
  .elementor-section-wrap section#program_keusahawanan_mini .text-card {
    text-align: center;
  }
  .elementor-section-wrap .impact-indicator .elementor-row .impact-title .elementor-heading-title {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .elementor-section-wrap section#cp_impact_made .impact-holder {
    padding: 28px;
    min-height: 200px;
  }
  .elementor-section-wrap section#cp_impact_made .impact-holder:before {
    font-size: 72px;
    margin-right: 28px;
  }
  .elementor-section-wrap section#psychology_framework .elementor-inner-section:first-child .elementor-inner-column:first-child {
    order: 2;
  }
  .elementor-section-wrap section#psychology_framework .elementor-inner-section:first-child .elementor-inner-column:last-child {
    order: 1;
  }
  .elementor-section-wrap section#psychology_framework .elementor-inner-section .card {
    padding: 32px 16px;
  }
  .elementor-section-wrap section#psychology_framework .elementor-inner-section img {
    position: relative;
    transform: none;
  }
  .elementor-section-wrap section#volunteer_for_impact .blob.red-blob {
    transform: translate(86.5%, -20px);
    z-index: -1;
  }
  .elementor-section-wrap section#volunteer_for_impact .section-title-with-text p {
    width: 100%;
    text-align: center !important;
  }
  .elementor-section-wrap section#be_impactful .card {
    padding: 32px 20px;
    background-position: top right;
    background-size: auto 100%;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:before, .elementor-section-wrap section#community_champions .elementor-inner-section:after {
    display: none;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:not(:first-child) {
    margin-bottom: 60px;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:last-child {
    margin-bottom: -120px;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:nth-child(3) .elementor-inner-column:first-child {
    order: 2;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section .elementor-inner-column:first-child {
    padding-right: 0;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section .elementor-inner-column:last-child {
    padding-left: 0;
  }
  .elementor-section-wrap section#community_fundamentals + .divider-blob {
    margin-top: -325px;
  }
  .elementor-section-wrap section#community_fundamentals + .divider-blob .elementor-container > .elementor-row {
    width: 136vw;
  }
  .elementor-section-wrap section#important_roles + .divider-blob {
    margin-top: -310px;
  }
  .elementor-section-wrap section#social_entrepreneurship .blob.blue-blob {
    transform: translate(90%, 50%);
  }
  .elementor-section-wrap section#social_entrepreneurship .two-column-text p {
    columns: 1;
  }
  .elementor-section-wrap section#impact_achieved + .divider-blob {
    margin-top: -210px;
  }

  .elementor-page-179 .elementor-section-wrap > .divider-blob:first-of-type .elementor-widget-container {
    margin-top: -16px;
  }
  .elementor-page-179 .elementor-section-wrap section#social_entrepreneurship h2 {
    margin-top: 36px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 768px) {
  .elementor-section-wrap section#homepage_top .elementor-top-column:first-child {
    width: 50%;
  }
  .elementor-section-wrap section#homepage_top .elementor-top-column:first-child h2.elementor-heading-title {
    margin-right: -200px;
  }
  .elementor-section-wrap section#homepage_top .intro-image img {
    transform: translate(-37%, 10%);
    width: 65%;
  }
  .elementor-section-wrap section#home_top_divider {
    z-index: 1;
    margin-top: -325px !important;
    margin-bottom: 0px !important;
    margin-right: -10vw;
    margin-left: -2vw;
  }
  .elementor-section-wrap section#goals_of_impact_measurement .elementor-top-column:last-child {
    width: 50%;
    transform: translate(7.5vw, 50px);
  }

  #site_navigation_holder {
    flex-direction: row;
  }
  #site_navigation_holder .site-nav-item.card {
    margin: 0 1% 2%;
    flex-basis: 48%;
    min-height: 200px;
  }

  section#contact_us {
    z-index: 99;
    margin-bottom: -320px !important;
  }
  section#contact_us .elementor-row .elementor-inner-column {
    margin: 0 auto;
    width: 70%;
  }
  section#contact_us #contact_us_form_holder {
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 20px;
  }

  .footer-card {
    margin-left: 0;
  }

  .elementor-section-wrap section#volunteer_for_impact .volunteer-type .elementor-inner-column {
    margin: 1%;
    width: 48%;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:before, .elementor-section-wrap section#community_champions .elementor-inner-section:after {
    display: block;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:not(:first-child) {
    margin-bottom: 0;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:last-child {
    margin-bottom: -60px;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section .elementor-inner-column:first-child {
    padding-right: 60px;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section .elementor-inner-column:last-child {
    padding-left: 60px;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:nth-child(3) .elementor-inner-column:first-child {
    order: 1;
    padding-right: 0;
    padding-left: 60px;
  }
  .elementor-section-wrap section#community_champions .elementor-inner-section:nth-child(3) .elementor-inner-column:last-child {
    padding-right: 60px;
    padding-left: 0;
  }
  .elementor-section-wrap section#community_fundamentals .card.elementor-column {
    margin: 1%;
    width: 48%;
  }
  .elementor-section-wrap section#important_roles .card {
    margin: 1%;
    width: 48%;
  }
  .elementor-section-wrap section#impact_achieved + .divider-blob {
    margin-top: -130px;
  }
}
/* Mobile */
@media only screen and (max-width: 600px) {
  .elementor-section-wrap section#homepage_top .elementor-top-column:first-child h2 {
    font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300)));
  }
  .elementor-section-wrap section#homepage_top .elementor-top-column:first-child .intro-logo.elementor-widget-image {
    margin-bottom: 50vw;
    margin-top: -2vh;
  }
  .elementor-section-wrap section#homepage_top .elementor-top-column:last-child {
    position: absolute !important;
  }
  .elementor-section-wrap section#homepage_top .elementor-top-column:last-child .intro-image img {
    transform: translate(-42%, -24%);
    width: 100%;
  }
  .elementor-section-wrap section#homepage_top:before {
    content: "";
    top: -100px;
    background-position: -130vw top;
    background-size: 1850px 100%;
  }
  .elementor-section-wrap section#home_top_divider {
    z-index: 1;
    margin-top: -200px !important;
    margin-bottom: -35px !important;
    margin: -300px 32px -35px !important;
    width: 100%;
  }
  .elementor-section-wrap section#home_top_divider img {
    object-fit: contain;
    object-position: bottom;
    height: 95vh;
    width: 150vw;
  }
  .elementor-section-wrap section#impact_measurement {
    padding-top: 150px !important;
  }
  .elementor-section-wrap section#hourglass_methodology {
    padding-top: 0;
  }
  .elementor-section-wrap section#hourglass_methodology .custom-swiper#hourglass_methodology_slider {
    padding-bottom: 0;
  }
  .elementor-section-wrap section#goals_of_impact_measurement .section-image img {
    transform: translate(-45%, 67.5vh) scale(1.25);
  }
  .elementor-section-wrap .chart-title {
    margin-top: 70px;
  }
  .elementor-section-wrap .chart-title:first-of-type {
    margin-top: 32px;
  }
  .elementor-section-wrap #participants_location_chart .flag-label {
    width: 25px;
  }
  .elementor-section-wrap #participants_location_chart .flag-label img {
    width: 100%;
    height: 36px;
    object-fit: contain;
  }
  .elementor-section-wrap #participants_category_chart, .elementor-section-wrap #volunteers_category_chart {
    top: calc((100vh - 400px) / 2) !important;
    height: 400px !important;
  }
  .elementor-section-wrap .pictogram-chart-item.shown {
    width: 50%;
    margin: 0 auto;
  }
  .elementor-section-wrap .chart-container {
    width: 105% !important;
    transform: translateX(-2%);
  }
  .elementor-section-wrap .chart_holder.is-sticky .category_holder .category_text:first-child {
    padding-top: 0;
  }
  .elementor-section-wrap .chart_holder.is-sticky .category_holder .category_text:last-child {
    margin-bottom: 2.75vh;
    padding-top: 25vh;
  }
  .elementor-section-wrap .chart_holder.is-sticky .category_holder .category_text h3 {
    z-index: 2;
    margin-right: -75vw;
  }
  .elementor-section-wrap .chart_holder.is-sticky .category_holder .category_img {
    margin-right: -25vw;
  }
  .elementor-section-wrap .chart_holder.is-sticky .category_holder .category_img:first-child {
    padding-top: 0;
  }
  .elementor-section-wrap .chart_holder.is-sticky .category_holder .category_img img {
    padding: 0 4vw !important;
    width: 36vw !important;
    margin: 0 !important;
  }
  .elementor-section-wrap .chart_holder.is-sticky .sticky-chart {
    margin-top: 6vh !important;
    top: 15vh !important;
    width: 100vw !important;
    height: 65vh !important;
    flex-basis: 100% !important;
    transform: translateX(-20%);
    margin-right: -20%;
  }
  .elementor-section-wrap .chart_holder.is-sticky .is-pictogram {
    height: 600px !important;
  }

  footer#site-footer {
    background-size: auto 100%;
  }
  footer#site-footer .footer-card {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-left: 0;
    margin-bottom: 32px;
  }
  footer#site-footer .footer-card .card-item:first-child {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding-bottom: 30px;
  }
}

/* SVG Fix */
svg foreignObject {
    height: 1px;
}

/*# sourceMappingURL=style.css.map */