.elementor-9772 .elementor-element.elementor-element-ee635e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9772 .elementor-element.elementor-element-49dbcd4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9772 .elementor-element.elementor-element-1963c53{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9772 .elementor-element.elementor-element-9447ab2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9772 .elementor-element.elementor-element-a0d7e5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9772 .elementor-element.elementor-element-a0d7e5d:not(.elementor-motion-effects-element-type-background), .elementor-9772 .elementor-element.elementor-element-a0d7e5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gec.org.my/wp-content/uploads/2026/10/gec-drawer-forest.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9772 .elementor-element.elementor-element-beaae40 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-9772 .elementor-element.elementor-element-beaae40 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-9772 .elementor-element.elementor-element-beaae40{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9772 .elementor-element.elementor-element-beaae40 .elementor-icon-list-text{transition:color 0.3s;}.elementor-9772 .elementor-element.elementor-element-daed60f{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-9772 .elementor-element.elementor-element-daed60f .elementor-widget-container{text-align:center;}#elementor-popup-modal-9772 .dialog-widget-content{animation-duration:0.5s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-9772{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-9772 .dialog-message{width:860px;height:100vh;align-items:flex-start;}/* Start custom CSS *//* ===== GEC drawer (Elementor popup 9772) ===== */
#elementor-popup-modal-9772{background:rgba(21,38,22,.55)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#elementor-popup-modal-9772 .dialog-widget-content{width:auto!important;max-width:100vw;margin:0!important;border-radius:0!important;box-shadow:30px 0 80px -30px rgba(0,0,0,.5)!important;background:#fff}
#elementor-popup-modal-9772 .dialog-message{width:min(100vw,440px)!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0!important;scrollbar-width:thin;scrollbar-color:#e9f2e9 transparent}
#elementor-popup-modal-9772 .dialog-close-button{display:none!important}

.gec-dr{--green:#2d8f2e;--green-dk:#247425;--forest:#213b22;--sage:#779d77;--mist:#e9f2e9;--paper:#f2f6f2;--line:#dfe8df;
  --ease:cubic-bezier(.22,.8,.24,1);--font:'Helvetica Now Display',Helvetica,Arial,sans-serif;
  display:block;font-family:var(--font);font-size:16px;line-height:1.5;color:#5e5e5e;background:#fff;
  --gap:0px;--row-gap:0px;--column-gap:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px}
.gec-dr *,.gec-dr *::before,.gec-dr *::after{box-sizing:border-box}
.gec-dr .elementor-widget{margin:0!important;width:auto;max-width:none}
.gec-dr .elementor-widget-container{margin:0;padding:0}
.gec-dr .e-con{padding:0;margin:0;gap:0}
.gec-dr svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gec-dr a{text-decoration:none}
.gec-dr :focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}

.gec-dr .dr-menu{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.gec-dr .dr-menu > *{flex:none;width:100%;max-width:100%}
.gec-dr .dr-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 28px 16px;position:sticky;top:0;background:#fff;z-index:2}
.gec-dr .dr-logo img{display:block;height:64px;width:auto;max-width:none}
.gec-dr .dr-close{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--forest);transition:background .25s,color .25s,transform .4s var(--ease)}
.gec-dr .dr-close:hover{background:var(--forest);color:#fff;transform:rotate(90deg)}
.gec-dr .dr-search-w{padding:4px 28px 14px}
.gec-dr .dr-search{margin:0;display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:999px;background:var(--paper);border:1px solid transparent;transition:border-color .2s,background .2s}
.gec-dr .dr-search:focus-within{border-color:var(--green);background:#fff}
.gec-dr .dr-search svg.i{color:var(--sage)}
.gec-dr .dr-search input[type=search]{flex:1;min-width:0;border:0;background:none;box-shadow:none;outline:0;padding:0;height:auto;font:400 16px var(--font);color:var(--forest)}

/* menu (WordPress menu widget) */
.gec-dr .dr-nav{padding:0 28px}
.gec-dr .dr-nav .widget,.gec-dr .dr-nav aside{margin:0;padding:0;border:0;background:none}
.gec-dr .dr-nav .widgettitle{display:none}
.gec-dr .dr-nav ul{list-style:none;margin:0;padding:0}
.gec-dr .dr-nav li{margin:0;padding:0;list-style:none}
.gec-dr .dr-nav .menu{counter-reset:dr}
.gec-dr .dr-nav .menu > li{counter-increment:dr;border-top:1px solid var(--line)}
.gec-dr .dr-nav .menu > li:last-child{border-bottom:1px solid var(--line)}
.gec-dr .dr-nav .menu > li > a{display:flex;align-items:center;gap:16px;padding:18px 0;font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.15;color:var(--forest);transition:color .2s}
.gec-dr .dr-nav .menu > li > a::before{content:counter(dr,decimal-leading-zero);width:22px;flex:none;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--sage);transition:color .2s}
.gec-dr .dr-nav .menu > li > a:hover{color:var(--green-dk)}
.gec-dr .dr-nav .menu > li.menu-item-has-children > a::after{content:"";margin-left:auto;width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--line);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23213b22%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%205v14M5%2012h14%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:16px;transition:background-color .25s,border-color .25s,transform .35s var(--ease)}
.gec-dr .dr-nav .menu > li.open > a::before{color:var(--green)}
.gec-dr .dr-nav .menu > li.open > a::after{background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%205v14M5%2012h14%27%2F%3E%3C%2Fsvg%3E");border-color:var(--green);transform:rotate(180deg)}
.gec-dr .dr-nav .menu > li > .sub-menu{height:0;overflow:hidden;transition:height .4s var(--ease);padding:0 0 0 38px;display:block;visibility:hidden}
.gec-dr .dr-nav .menu > li.open > .sub-menu{visibility:visible}
.gec-dr .dr-nav .menu > li > .sub-menu > li:first-child{padding-top:0}
.gec-dr .dr-nav .menu > li > .sub-menu::after{content:"";display:block;height:18px}
.gec-dr .dr-nav .sub-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-left:-12px;border-radius:10px;font-size:16px;font-weight:400;line-height:1.4;color:#5e5e5e;transition:background .15s,color .15s}
.gec-dr .dr-nav .sub-menu a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mist);flex:none;transition:background .2s}
.gec-dr .dr-nav .sub-menu a:hover{background:var(--paper);color:var(--green-dk)}
.gec-dr .dr-nav .sub-menu a:hover::before{background:var(--green)}
.gec-dr .dr-nav .sub-menu > li.menu-item-has-children > a{pointer-events:none;padding:12px 0 2px;margin-left:0;border-radius:0;background:none;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sage)}
.gec-dr .dr-nav .sub-menu > li.menu-item-has-children > a::before,.gec-dr .dr-nav .sub-menu > li.menu-item-has-children > a::after{display:none}
.gec-dr .dr-nav .sub-menu .sub-menu{display:block;height:auto;overflow:visible;visibility:visible;padding:0}

.gec-dr .dr-cta{display:flex;flex-direction:row;gap:10px;margin:22px 28px 28px;width:auto!important}
.gec-dr .dr-cta > .elementor-widget{flex:1 1 0}
.gec-dr .dr-cta .elementor-button{display:flex;width:100%;align-items:center;justify-content:center;height:50px;border-radius:999px;font-family:var(--font);font-weight:700;font-size:15px;line-height:1;padding:0;transition:background .2s,color .2s,border-color .2s}
.gec-dr .dr-btn-p .elementor-button{background:var(--green);color:#fff;border:1.5px solid var(--green)}
.gec-dr .dr-btn-p .elementor-button:hover{background:var(--forest);border-color:var(--forest);color:#fff}
.gec-dr .dr-btn-s .elementor-button{background:transparent;color:var(--forest);border:1.5px solid var(--forest)}
.gec-dr .dr-btn-s .elementor-button:hover{background:var(--forest);color:#fff}

/* feature pane */
.gec-dr .dr-feature{position:relative;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:22px;padding:28px;min-height:420px;isolation:isolate;background-color:#162916}
.gec-dr .dr-feature::before{display:none}
.gec-dr .dr-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(21,38,22,.15) 0%,rgba(21,38,22,.55) 45%,rgba(21,38,22,.96) 100%);pointer-events:none}
.gec-dr .dr-feature > *{position:relative;z-index:1}
.gec-dr .dr-copy .tag{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a9d3a9}
.gec-dr .dr-copy h3{margin:6px 0 0!important;font-family:var(--font);font-size:30px;line-height:1.08;letter-spacing:-.02em;font-weight:700;color:#fff;text-wrap:balance}
.gec-dr .dr-donate{align-self:flex-start}
.gec-dr .dr-donate .elementor-button{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;background:#fff;color:var(--forest);font-family:var(--font);font-weight:700;font-size:15px;line-height:1;border:0;transition:background .2s,color .2s}
.gec-dr .dr-donate .elementor-button:hover{background:var(--green);color:#fff}
.gec-dr .dr-contact{padding-top:20px;border-top:1px solid rgba(255,255,255,.22)}
.gec-dr .dr-contact .elementor-icon-list-items{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.gec-dr .dr-contact .elementor-icon-list-item{display:flex;margin:0;padding:0;font-size:14.5px}
.gec-dr .dr-contact .elementor-icon-list-item a,.gec-dr .dr-contact .elementor-icon-list-item > .elementor-icon-list-text{display:flex}
.gec-dr .dr-contact .elementor-icon-list-item > a{display:flex;gap:12px;align-items:flex-start;color:#dbe8db;transition:color .2s}
.gec-dr .dr-contact .elementor-icon-list-item > a:hover{color:#fff}
.gec-dr .dr-contact .elementor-icon-list-icon{display:inline-flex;width:auto;margin-top:3px}
.gec-dr .dr-contact .elementor-icon-list-icon i{font-size:15px;color:#8cc28c}
.gec-dr .dr-contact .elementor-icon-list-icon svg{width:15px;height:15px;fill:#8cc28c;color:#8cc28c}
.gec-dr .dr-contact .elementor-icon-list-text{display:block;padding:0!important;color:#dbe8db;line-height:1.5}
.gec-dr .dr-contact .elementor-icon-list-item > a + *,.gec-dr .dr-contact .elementor-icon-list-item > .elementor-icon-list-icon{margin-right:12px}
.gec-dr .dr-soc .elementor-social-icons-wrapper{display:flex;gap:8px}
.gec-dr .dr-soc .elementor-grid-item{margin:0}
.gec-dr .dr-soc .elementor-social-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent!important;color:#fff;transition:background .2s,border-color .2s}
.gec-dr .dr-soc .elementor-social-icon i{font-size:15px;color:inherit}
.gec-dr .dr-soc .elementor-social-icon svg{fill:currentColor;width:15px;height:15px}
.gec-dr .dr-soc .elementor-social-icon:hover{background:var(--green)!important;border-color:var(--green)}

/* staggered entrance (replays every time the popup is shown) */
@keyframes gecRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.gec-dr .dr-head,.gec-dr .dr-search-w,.gec-dr .dr-nav .menu > li,.gec-dr .dr-cta,.gec-dr .dr-feature > *{animation:gecRise .5s var(--ease) both}
.gec-dr .dr-head{animation-delay:.12s}
.gec-dr .dr-search-w{animation-delay:.165s}
.gec-dr .dr-nav .menu > li:nth-child(1){animation-delay:.21s}
.gec-dr .dr-nav .menu > li:nth-child(2){animation-delay:.255s}
.gec-dr .dr-nav .menu > li:nth-child(3){animation-delay:.30s}
.gec-dr .dr-nav .menu > li:nth-child(4){animation-delay:.345s}
.gec-dr .dr-nav .menu > li:nth-child(5){animation-delay:.39s}
.gec-dr .dr-nav .menu > li:nth-child(6){animation-delay:.435s}
.gec-dr .dr-cta{animation-delay:.48s}
.gec-dr .dr-feature > *:nth-child(1){animation-delay:.3s}
.gec-dr .dr-feature > *:nth-child(2){animation-delay:.35s}
.gec-dr .dr-feature > *:nth-child(3){animation-delay:.4s}
.gec-dr .dr-feature > *:nth-child(4){animation-delay:.45s}

@media (min-width:1000px){
  #elementor-popup-modal-9772 .dialog-message{width:min(94vw,860px)!important;overflow:hidden!important}
  .gec-dr{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:100vh}
  .gec-dr .dr-menu{overflow-y:auto;overscroll-behavior:contain;height:100vh;scrollbar-width:thin;scrollbar-color:#e9f2e9 transparent}
  .gec-dr .dr-feature{min-height:0;height:100vh}
  .gec-dr .dr-copy h3{font-size:34px}
}
@media (max-width:420px){
  .gec-dr .dr-head{padding:16px 22px 16px}
  .gec-dr .dr-search-w{padding-left:22px;padding-right:22px}
  .gec-dr .dr-nav{padding:0 22px}
  .gec-dr .dr-cta{margin-left:22px;margin-right:22px}
  .gec-dr .dr-nav .menu > li > a{font-size:21px}
  .gec-dr .dr-feature{padding:22px}
}
@media (prefers-reduced-motion:reduce){.gec-dr *{animation:none!important;transition-duration:.01ms!important}}/* End custom CSS */