.econ-10k-submittion-form-sec {
   display: none;
   position: fixed;
   width: 100vw;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 100001;
   background-color: rgb(0 0 0 / 50%);
}
.econ-10k-submittion-form-wrapper {
   width: 100%;
   height: 100%;
   padding: 30px 15px;
   display: flex;
   overflow-x: hidden;
   overflow-y: auto;
}
.econ-10k-submittion-form-div {
   width: 100%;
   max-width: 700px;
   margin: auto;
   background-color: white;
   border-radius: 10px;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
   padding-left: 30px;
   padding-right: 30px;
   gap: 0 12px;
   text-align: left;
}
body .econ-10k-submittion-header {
   width: calc(100% + 60px);
   padding: 10px 30px;
   margin-left: -30px;
   margin-right: -30px;
   background-color: #15B1D7;
   line-height: 1.3;
   min-height: 60px;
   display: flex;
   align-items: center;
   position: relative;
}
.econ-10k-submittion-header .econ-10k-submittion-head-title {
   margin: 0;
   color: white;
   font-size: 18px;
   font-weight: 800;
}
.econ-10k-submittion-header .econ-10k-submittion-head-close:hover {
   transform: rotate(35deg) scale(1.05);
}
.econ-10k-submittion-header .econ-10k-submittion-head-close {
   position: absolute;
   width: 32px;
   height: 32px;
   top: 0;
   bottom: 0;
   right: 30px;
   margin: auto;
   z-index: 1;
   transform: rotate(45deg);
}
.econ-10k-submittion-header .econ-10k-submittion-head-close:before,
.econ-10k-submittion-header .econ-10k-submittion-head-close:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   background-color: white;
   transition: all .3s ease-in-out;
}
.econ-10k-submittion-header .econ-10k-submittion-head-close:before {
   height: 100%;
   width: 2px;
}
.econ-10k-submittion-header .econ-10k-submittion-head-close:after {
   height: 2px;
   width: 100%;
}
.econ-10k-submittion-header {
   margin-bottom: 18px;
}
.econ-10k-submittion-sub-header {
   /* margin-top: 18px; */
   margin-bottom: 15px;
}
.econ-10k-submittion-sub-header .econ-10k-submittion-sub-head-title {
   margin-bottom: 0;
   color: #15B1D7;
   font-family: 'Noto Sans', sans-serif;
   font-weight: 800;
   font-size: 28px;
}
.econ-10k-submittion-description {
   margin-bottom: 19px;
}
.econ-10k-submittion-description > p {
   margin-bottom: 0;
   font-size: 13px;
   line-height: 23px;
}
.econ-10k-submittion-ffield-div {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin-bottom: 12px;
}
.econ-10k-submittion-ffield-div label {
   color: #074C99;
   font-size: 14px;
   padding: 1px 0;
}
.econ-10k-submittion-form-div > * {
   width: 100%;
}
.econ-10k-submittion-ffield-div input.econ-10k-submittion-ffield,
.econ-10k-submittion-fselect-div select.econ-10k-submittion-fselect {
   border: 1px solid #DEE2E6;
   border-radius: 7px;
   transition: all .3s ease-in-out;
   background-color: white;
   font-size: 14px;
   padding: 5px 20px;
   min-height: 42px;
   opacity: 1;
   position: relative;
}
.econ-10k-submittion-fselect-div select.econ-10k-submittion-fselect {
   padding-right: 35px;
}
.econ-10k-submittion-form-div > .econ-10k-submittion-ffield-div.half-ffield {
   width: calc(50% - 6px);
}
.econ-10k-submittion-ffield-wrap.econ-10k-submittion-ff-radio-sec {
   display: flex;
   flex-wrap: wrap;
   gap: 10px 20px;
   align-items: center;
}
.econ-10k-submittion-ff-radio-div > label .cffr-icon:before,
.econ-10k-submittion-ff-checkbox-div.circle-checkbox-style > label .cffr-icon:before {
   content: "";
   position: absolute;
   width: calc(100% - 6px);
   height: calc(100% - 6px);
   background-color: #0075ff;
   border-radius: 50px;
   transition: all .3s ease-in-out;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   opacity: 0;
}
.econ-10k-submittion-ff-radio-div > label .cffr-icon,
.econ-10k-submittion-ff-checkbox-div.circle-checkbox-style > label .cffr-icon {
   content: "";
   display: inline-block;
   width: 22px;
   min-width: 22px;
   height: 22px;
   border-radius: 50px;
   border: 1px solid #C4C4C4;
   transition: all .3s ease-in-out;
   margin-right: 9px;
   position: relative;
}
.econ-10k-submittion-ff-radio-div > label,
.econ-10k-submittion-ff-checkbox-div.circle-checkbox-style > label {
   display: flex;
   align-items: center;
   color: #313131;
}
.econ-10k-submittion-ff-radio-div input.econ-10k-submittion-ff-radio,
.econ-10k-submittion-ffield-div.citizen-type-condition:not(.active),
.econ-10k-submittion-ff-checkbox-div.circle-checkbox-style input.econ-10k-submittion-ff-checkbox {
   display: none;
}
.econ-10k-submittion-ff-radio-div input.econ-10k-submittion-ff-radio:checked + label .cffr-icon,
.econ-10k-submittion-ff-checkbox-div.circle-checkbox-style input.econ-10k-submittion-ff-checkbox:checked + label .cffr-icon {
   border: 1px solid #0075ff;
}
.econ-10k-submittion-ff-radio-div input.econ-10k-submittion-ff-radio:checked + label .cffr-icon:before,
.econ-10k-submittion-ff-checkbox-div.circle-checkbox-style input.econ-10k-submittion-ff-checkbox:checked + label .cffr-icon:before {
   opacity: 1;
}
.econ-10k-submittion-ffield-div.disabled-ff {
   filter: grayscale(1);
   opacity: 0.6;
   pointer-events: none;
}
.econ-10k-submittion-ffield-div.disabled-ff input {
   background-color: #DEE2E6;
}
.econ-10k-submittion-ffield-div.two-thirds-ffield {
   width: calc(60% - 6px);
   padding-right: 4px;
}
.econ-10k-submittion-ffield-div.one-thirds-ffield {
   width: calc(40% - 6px);
   padding-left: 4px;
   justify-content: flex-end;
   padding-bottom: 8px;
}
.econ-10k-submittion-ffield-div.econ-10k-submittion-ff-checkbox-div.econ-10k-tnc-checkbox input.econ-10k-submittion-ff-checkbox {
   width: 18px;
   min-width: 18px;
   height: 18px;
   margin-top: 2px;
   min-height: 1px;
}
.econ-10k-submittion-ffield-div.econ-10k-submittion-ff-checkbox-div.econ-10k-tnc-checkbox label {
   width: calc(100% - 25px);
   font-size: 13px;
   color: #313131;
   line-height: 1.45;
}
.econ-10k-submittion-ffield-div.econ-10k-submittion-ff-checkbox-div.econ-10k-tnc-checkbox {
   display: flex;
   flex-direction: row;
   gap: 7px;
   align-items: flex-start;
}
.econ-10k-submittion-fsubmit-div {
   display: flex;
   align-items: center;
   gap: 20px;
   padding-bottom: 20px;
}
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-submit-btn,
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-back-btn {
   min-height: 42px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   padding: 5px 16px;
   border-radius: 7px;
   font-weight: 600;
   font-size: 14px;
   text-decoration: none;
}
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-back-btn {
   min-width: 92px;
   border: 1.5px solid #15B1D7;
   color: #15B1D7;
   background-color: white;
}
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-submit-btn {
   width: 100%;
   border: 1.5px solid #15B1D7;
   color: white;
   background-color: #15B1D7;
}
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-back-btn:hover, 
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-back-btn:focus {
   border: 1.5px solid #15B1D7;
   color: white;
   background-color: #15B1D7;
}
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-submit-btn:hover,
.econ-10k-submittion-fsubmit-div .econ-10k-submittion-submit-btn:focus {
   border: 1.5px solid #15B1D7;
   color: #15B1D7;
   background-color: white;
}
.econ-10k-submittion-form-sec input[type=number]::-webkit-outer-spin-button,
.econ-10k-submittion-form-sec input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}
.econ-10k-submittion-form-sec input[type=number] {
   -moz-appearance: textfield;
}
body #page .econ-10k-submittion-ffield-div.error_cek_ff > label {
   color: #c60000;
   font-weight: 600;
}
body #page .econ-10k-submittion-ffield-div.error_cek_ff .error_cek_inner_ff {
   border-color: #c60000;
}
.econ-10k-submittion-small-header > p {
   margin-bottom: 0;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 7px;
}

.econ-10k-submittion-ffield-div.econ-10k-ff-locked {
   pointer-events: none;
}
.econ-10k-submittion-ffield-div.econ-10k-ff-locked > label {
   color: #808080;
}
.econ-10k-submittion-ffield-div.econ-10k-ff-locked input {
   background: url(../../../../../themes/astra-child/assets/images/lock.png) no-repeat;
   background-size: 16px 16px;
   background-position: calc(100% - 8px) 50%;
   padding-right: 32px;
   background-color: #DEE2E6;
   color: #808080;
}
.general_error.cek-force-hide {
   height: 0;
   max-height: 0;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
   overflow: hidden;
   opacity: 0;
   pointer-events: none;
}
.econ-10k-submittion-form-sec.error_cek_grandsec .econ-10k-submittion-description.econ-10k-if-error-message > p {
   color: red;
   font-weight: 600;
   position: relative;
   padding-left: 23px;
}
.econ-10k-submittion-form-sec.error_cek_grandsec .econ-10k-submittion-description.econ-10k-if-error-message > p:before,
.cek-general-error .cek-general-error-inner:before {
   /* content: '\e016';
   color: #b81c23;
   font-family: WooCommerce; */

   content: "";
   background-image: url(https://www.sgm.org.my/wp-content/uploads/2025/09/info-icon.png);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   width: 13px;
   height: 13px;
   display: inline-block;
   position: absolute;
   left: 0;
   top: 5px;
}
body .secl_title_with_cecf a.secl_cek_popup_btn {
   font-family: 'noto_sanssemibold' !important;
   text-decoration: underline !important;
   font-size: 13px;
   text-transform: none;
   display: inline-flex;
   align-items: center;
   gap: 5px;
   font-weight: 600;
}
body .secl_title_with_cecf a.secl_cek_popup_btn:not(:hover) {
   color: #15B1D7;
}
.se_contribution_selected_div.secs_active .secl_amount_sec {
   min-width: 270px;
}
.se_contribution_list_div.secs_active .secl_cek_popup_btn {
   pointer-events: none;
   opacity: 0;
}
.se_contribution_list_div:not(.secs_active) .secl_title.secl_title_with_cecf {
   z-index: 2;
   position: relative;
}
.cek-general-error {
   /* margin-top: 25px; */
   margin-bottom: 10px;
   padding: 15px 22px;
   border-radius: 15px;
   position: relative;
   background: #F8F8F8;
   border: 1px solid #e5e5e5;
   text-align: left;
}
.cek-general-error .cek-general-error-inner {
   margin-bottom: 0;
   padding-left: 23px;
   position: relative;
   font-size: 13px;
   line-height: 23px;
   color: #c70000;
}
body .secl_title_with_cecf a.secl_cek_popup_btn .secl_cek_pub_icon {
   width: 16px;
   height: 16px;
   display: block;
   -webkit-mask-image: url(https://sgm.iconcept-staging.com/wp-content/uploads/2025/09/cek-pending.png);
   -webkit-mask-position: center;
   -webkit-mask-size: contain;
   -webkit-mask-repeat: no-repeat;
   mask-image: url(https://sgm.iconcept-staging.com/wp-content/uploads/2025/09/cek-pending.png);
   mask-position: center;
   mask-size: contain;
   mask-repeat: no-repeat;
   background-color: #c70000;
}
body .econ-10k-submittion-form-grandsec.cek_error_clear ~ .secl_title_with_cecf a.secl_cek_popup_btn .secl_cek_pub_icon {
   -webkit-mask-image: url(https://sgm.iconcept-staging.com/wp-content/uploads/2025/09/cek-tick.png);
   mask-image: url(https://sgm.iconcept-staging.com/wp-content/uploads/2025/09/cek-tick.png);
   background-color: #0ec60e;
}
body .secl_title_with_cecf > p {
   display: inline-flex;
   flex-direction: column;
}



/* 'member_econ_ */



/* Max Width 1199px */
@media (max-width: 1199px) {
   
}
/* Max Width 1199px */
/* Max Width 991px */
@media (max-width: 991px) {
   
}
/* Max Width 991px */
/* Max Width 767px */
@media (max-width: 767px) {
   .econ-10k-submittion-sub-header .econ-10k-submittion-sub-head-title {
      font-size: 20px;
   }
   .econ-10k-submittion-header .econ-10k-submittion-head-title {
      font-size: 16px;
   }
   .econ-10k-submittion-header .econ-10k-submittion-head-close {
      width: 24px;
      height: 24px;
      right: 15px;
   }
   body .econ-10k-submittion-header {
      width: calc(100% + 40px);
      padding: 10px 50px 10px 20px;
      margin-left: -20px;
      margin-right: -20px;
      min-height: 50px;
   }
   .econ-10k-submittion-form-div {
      padding-left: 20px;
      padding-right: 20px;
      gap: 0 10px;
   }
   .econ-10k-submittion-header,
   .econ-10k-submittion-description {
      margin-bottom: 15px;
   }
   .econ-10k-submittion-ffield-div {
      gap: 8px;
   }
   .econ-10k-submittion-ffield-div input.econ-10k-submittion-ffield, 
   .econ-10k-submittion-fselect-div select.econ-10k-submittion-fselect {
      padding: 5px 15px;
      min-height: 40px;
   }
   .econ-10k-submittion-ff-radio-div > label .cffr-icon, 
   .econ-10k-submittion-ff-checkbox-div.circle-checkbox-style > label .cffr-icon {
      width: 20px;
      min-width: 20px;
      height: 20px;
      margin-right: 8px;
   }
   .econ-10k-submittion-fsubmit-div .econ-10k-submittion-submit-btn, 
   .econ-10k-submittion-fsubmit-div .econ-10k-submittion-back-btn {
      padding: 5px 15px;
      min-height: 40px;
   }
   .econ-10k-submittion-fsubmit-div .econ-10k-submittion-back-btn {
      min-width: 90px;
   }
   .econ-10k-submittion-fsubmit-div {
      gap: 10px;
      padding-bottom: 16px;
   }
}
/* Max Width 767px */
/* Max Width 576px */
@media (max-width: 576px) {
   .econ-10k-submittion-form-wrapper {
      padding: 0;
   }
   .econ-10k-submittion-form-div {
      border-radius: 0;
   }
}
/* Max Width 576px */