@import url(https://fonts.googleapis.com/css?family=Google+Sans:100,200,300,400,500,600,700,900);
body {
  font-family: 'Google Sans', "Roboto" !important;
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

:root {
  --smoke-color: #F3F3F3;
  --gray-color-alt-1: #374957;
  --gray-color-light: #D1D3D4;
  --gray-color: #4D4D4D;
  --gray-color-2: #4B4A4B;
  --light-gray-color: #C4C8C8;
  --icon-color: #84BD00;
  --icon-color-dark: #567E00;
  --icon-color-dark-alt-1: #6A9C00;
  --icon-color-light: #94BD63;
  --red-color: #e73a3a;
  --border-radius: 0.3125rem;
  --border-radius-wide: 1rem;
  --box-shadow-medium: 0px 5px 1rem rgba(74, 74, 74, 0.1);
  --box-shadow-card: -1px 5px 5px 5px rgba(74, 74, 74, 0.4);
  --background-color-white: #FFFFFF;
  --background-color-light: #EEF4FD;
}

a {
  text-decoration: none;
}

._3NCke1SBwnFsHWhr8Gsufy.Qg1gJXsHDym7epw65YIGb ._1y-BFbtiCoNQObHTPZKjsD {
  background-color: var(--icon-color);
  border-color: var(--icon-color);
}

a[role="button-livechat"], a[role="button-livechat-up"] {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

a[role="button-livechat"] > img, a[role="button-livechat-up"] > img  {
  width: 10rem;
}

@media only screen and (max-width: 768px) {
  a[role="button-livechat-up"] {
    bottom: 3rem;
  }

  a[role="button-livechat"] > img, a[role="button-livechat-up"] > img  {
    width: 8rem;
  }
}
._2yS3dTUuXqG0KbZx0yE8qx {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-left: -1rem;
  cursor: pointer;
  font-size: .75rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
._2yS3dTUuXqG0KbZx0yE8qx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  border-radius: 5px 5px 5px 5px;
}

/* Create a custom checkbox */
._3EeUFSpCZhAPA8ZhzqHqWM {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 5px 5px 5px 5px;
}

/* On mouse-over, add a grey background color */
._2yS3dTUuXqG0KbZx0yE8qx:hover input ~ ._3EeUFSpCZhAPA8ZhzqHqWM {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
._2yS3dTUuXqG0KbZx0yE8qx input:checked ~ ._3EeUFSpCZhAPA8ZhzqHqWM {
  background-color: var(--icon-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
._3EeUFSpCZhAPA8ZhzqHqWM:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
._2yS3dTUuXqG0KbZx0yE8qx input:checked ~ ._3EeUFSpCZhAPA8ZhzqHqWM:after {
  display: block;
}

/* Style the checkmark/indicator */
._2yS3dTUuXqG0KbZx0yE8qx ._3EeUFSpCZhAPA8ZhzqHqWM:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
._18CZYl74cEIaSfRzNIy143 {
  background-color: var( --smoke-color);
}

._18CZYl74cEIaSfRzNIy143 ._11LHA4bCm6HvF7Y1bLUJgl {
  padding: 1rem;
}

._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf h1 {
  text-align: center;
  padding: 1rem;
  color: var(--gray-color-2)
}

._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf p {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf>p {
  margin-bottom: 3rem;
}

._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf ul li {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._18CZYl74cEIaSfRzNIy143 ._2mHJYroErLp9210kvsfyvQ {
  margin-top: 1rem;
  cursor: pointer;
}

._18CZYl74cEIaSfRzNIy143 ._2mHJYroErLp9210kvsfyvQ .nLKwVgW0F4ugyGdCEXdfd {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._18CZYl74cEIaSfRzNIy143 ._2mHJYroErLp9210kvsfyvQ ._22EkqUcELOtTxnP4s15YEQ {
  font-weight: bold;
  color: #a29999;
}

._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf {
  padding: 2rem;
}

._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf ._3JXXhJaZIgXV5uBWCXCNMB {
  font-weight: bolder;
  color: black;
}

@media only screen and (max-width: 768px) {
  ._18CZYl74cEIaSfRzNIy143 ._2M1wE2X1dW_9W_m44tvvwf {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem
  }
}
._1_HFRUOfQNhLfZkDpI-h5Q {
  background-color: var( --smoke-color);
}

._1_HFRUOfQNhLfZkDpI-h5Q ._2HOG6PinSWlnx7jg4MFbzn {
  padding: 1rem;
}

._1_HFRUOfQNhLfZkDpI-h5Q ._3KLeb3f23VwiFatRAM44L {
  padding: 1rem;
}

._1_HFRUOfQNhLfZkDpI-h5Q ._2HOG6PinSWlnx7jg4MFbzn h3 {
  color: var(--gray-color-2);
  font-size: 2.5rem;
  text-align: center;
  font-weight: lighter;
  padding: 3rem;
}

._1_HFRUOfQNhLfZkDpI-h5Q ._3KLeb3f23VwiFatRAM44L h3 {
  color: var(--gray-color-2);
  font-size: 2.5rem;
  text-align: center;
  text-decoration: underline;
  font-weight: lighter;
  text-decoration-color: #ec3d3d;
  padding: 3rem;
}

._1_HFRUOfQNhLfZkDpI-h5Q .Lbbwe4vq1SmdknzvFueyx {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

._1_HFRUOfQNhLfZkDpI-h5Q .Lbbwe4vq1SmdknzvFueyx p {
  text-align: justify;
  padding-bottom: 2rem;
}

._1_HFRUOfQNhLfZkDpI-h5Q .Lbbwe4vq1SmdknzvFueyx ._3Oj_alwJmixQBp-B3Ja4UZ {
  text-align: center;
  margin: 0 auto;
  background-color: var(--icon-color);
  border: 0;
}

._1_HFRUOfQNhLfZkDpI-h5Q .Lbbwe4vq1SmdknzvFueyx ._3Oj_alwJmixQBp-B3Ja4UZ:hover {
  background-color: var(--icon-color-dark);
}

._1_HFRUOfQNhLfZkDpI-h5Q ._2kBdR0xZ8jAk_kvnZ7lr-8 {
  margin-top: 2rem;
  padding: 0;
}

._1_HFRUOfQNhLfZkDpI-h5Q ._2kBdR0xZ8jAk_kvnZ7lr-8>img {
  width: 100%;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  ._1_HFRUOfQNhLfZkDpI-h5Q .Lbbwe4vq1SmdknzvFueyx {
    width: 100%;
  }
}
._2bICmFCCwFDkbcNkQhJ2_K {
  background-color: var( --smoke-color);
}

._2bICmFCCwFDkbcNkQhJ2_K ._3wCydB9lsCDVey3tAcHSOn {
  padding: 1rem;
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS h1 {
  text-align: center;
  padding: 1rem;
  color: var(--gray-color-2)
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS p {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS>p {
  margin-bottom: 3rem;
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS ul li {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS a {
  /* text-align: justify; */
  font-weight: bold;
  color: black;
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS strong {
  /* text-align: justify; */
  font-weight: bold;
  color: black;
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS u {
  /* text-align: justify; */
  /* font-weight: bold; */
  color: blue;
}

._2bICmFCCwFDkbcNkQhJ2_K ._2_bzX8qBHHr4anTLYdb-83 {
  margin-top: 1rem;
  cursor: pointer;
}

._2bICmFCCwFDkbcNkQhJ2_K ._2_bzX8qBHHr4anTLYdb-83 ._2wVBFJGMgtw_pApZIphLUm {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._2bICmFCCwFDkbcNkQhJ2_K ._2_bzX8qBHHr4anTLYdb-83 .K7sGZ5tDNPN_Cm-iuxaAt {
  font-weight: bold;
  color: #a29999;
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS {
  padding: 2rem;
}

._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS .Kcjh8AXeZbwMbHYUm3I3f {
  font-weight: bolder;
  color: black;
}

@media only screen and (max-width: 768px) {
  ._2bICmFCCwFDkbcNkQhJ2_K .CKVCCSDGwgpZNqZqtz4nS {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem
  }
}
._2TVEQEter3Ai_0aErgICRa {
  padding: 1rem;
}

._3nfaD-dd5-8s7J7JAI2NmH {
  border: 2px solid var(--gray-color-light);
  border-radius: 10px;
  margin-bottom: 2rem;
}

._22Jp9js1RJRSXkT3FSlQ-q {
  display: none;
}

._3mQ8Q09Au1nxuzH5G8I4WP {
  /* position: relative; */
  background-image: url('/static/assets/background_kalkulator_zakat.png');
  background-size: cover;
  height: 120px;
  width: 100%;
  border-radius: var(--border-radius-wide);
  text-align: center;
}

._1t4AZpaihciCTQU_Py3lPM {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

._3mQ8Q09Au1nxuzH5G8I4WP img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  background-color: white;
}

._2TVEQEter3Ai_0aErgICRa h3 {
  color: var(--icon-color);
  font-size: 1.3rem;
}

._2TVEQEter3Ai_0aErgICRa p {
  font-size: .9rem;
  color: #858585;
}

._3_UWrSxGXYiMn2C4PjkNyA {
  padding: 1rem;
  font-size: .9rem;
}

._3_UWrSxGXYiMn2C4PjkNyA>h3 {
  border-bottom: 2px solid var(--icon-color);
  margin-bottom: 1rem;
  color: var(--icon-color);
  font-size: 1.3rem;
  font-weight: bolder;
}

._3_UWrSxGXYiMn2C4PjkNyA>div {
  padding: 0;
}

._3_UWrSxGXYiMn2C4PjkNyA>div>div>div:last-child {
  color: #858585;
  text-align: right;
}

._3VWwXZmOZT-wG52s9F3D1q {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

._3VWwXZmOZT-wG52s9F3D1q::before {
  content: '';
  border-top: 1px solid #858585;
  width: 88%;
  margin: 0 auto;
  margin-bottom: .5rem;
}

._2VuU6KmSn1YnJ2j-UdubMR {
  border: 2px solid red;
}

.dUWEQTBLfk9lYEXyTEZSr>._3Wt8HAvPZXV2MSORvVfu_X {
  font-size: 0.7rem;
}

.dUWEQTBLfk9lYEXyTEZSr>h3 {
  color: #333;
  font-weight: bold;
}

._2NVyAHUcEjue8OKolqX9JT {
  margin-top: 7.5rem;
}

._3WG_IhTBEA75FmEB8ztih- {
  float: right;
  background-color: var(--icon-color);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.25s;
}

._3WG_IhTBEA75FmEB8ztih-:not([disabled]):hover {
  background-color: var(--icon-color-dark);
}

@media only screen and (max-width: 768px) {
  ._3nfaD-dd5-8s7J7JAI2NmH {
    display: none;
  }

  ._2NVyAHUcEjue8OKolqX9JT{
   display: none;
  }
  ._22Jp9js1RJRSXkT3FSlQ-q {
    box-shadow: 0 -5px 25px -5px #333;
    margin: auto 0;
    z-index: 100;
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 2rem;
    display: block;
    margin-top: 2rem;
  }
  .dUWEQTBLfk9lYEXyTEZSr {
    margin-bottom: -1.5rem;
  }
  .dUWEQTBLfk9lYEXyTEZSr input {
    margin-bottom: -1rem;
  }
  .dUWEQTBLfk9lYEXyTEZSr label {
    margin-top: 1rem;
  }
  /* .billFieldConatainer{
    background-color: red;
  } */
}
._3rsvFiCpOAerhtW56mnpPn {
  display: none;
}

@media only screen and (max-width: 768px) {
  ._32hoBF3QAeoQKbl_NH58e- {
    padding: 0rem;
  }
}
._2a__73sSexzUMjrk0iF36T {
    top:1rem;
    bottom: 2rem;
    margin-bottom: 2rem;
    display: block;
    border:none;
}

._2a__73sSexzUMjrk0iF36T._3v-DLGjUoJyo-sJUwjHBBO {
    background-color: transparent;
}

._17a69oGBMkBqOy9ElhAkcC {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--gray-color);
    font-size: 1.3rem;
}

.dxaBG_qvHyX2VRIH53o7d {
    font-weight: lighter;
    color: #808080;
} 

._2acSuhoOHZI59WjQ_l_Bjo {
    margin-bottom: 1em;
    font-weight: lighter;
    color: var(--gray-color-light);
    font-size: smaller;
}

._3cJMT8YT3FXd91tZFI3OD2 > h5 {
    color: var(--gray-color-2);
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 1rem;
}

._3cJMT8YT3FXd91tZFI3OD2 > h6 {
    color: var(--gray-color-2);
    font-size: smaller;
    font-weight: lighter;
}

._3cJMT8YT3FXd91tZFI3OD2 > h6 > span {
    font-weight: bold;
}

._3cJMT8YT3FXd91tZFI3OD2 div:last-of-type {
    display: flex;
    justify-content: space-between;
}

.zBFQxiwRJ-kdRTnoJEXAH {
    width: 100%;
    background-color: var(--gray-color-light);
    position: relative;
    border-radius: 5px 5px 5px 5px;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

._38ON45O6O5_XRLhEys-XmU {
    margin-top: 2rem;
}

._38ON45O6O5_XRLhEys-XmU > a{
background-color: var(--icon-color);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.25s;
}

._38ON45O6O5_XRLhEys-XmU > a:hover {
  background-color: var(--icon-color-dark);
  text-decoration: none;
}

._1njusuJc-cBgJDeEhK2EL2 {
    width: 100%;
    background-color: var(--icon-color);
    border: 0px;
    margin-top: 1rem;
}

._1njusuJc-cBgJDeEhK2EL2:hover {
    background-color: var(--icon-color-dark);
}

._1njusuJc-cBgJDeEhK2EL2 > span {
    font-size: .6rem;
    font-weight: bold;
}

._2khjIjEzca2yMQvxXDjSKn {
    padding-right: 2.5px;
}

._1Nnr_SmUKYTO9a97FN1Qch {
    padding-left: 2.5px;
}

._1Nnr_SmUKYTO9a97FN1Qch > ._2xvO2eYQYczrE1ouXFdUDh {
    width: 100%;
    background-color: #fa7300;
    border: 0px;
    margin-top: 1rem;
}

._1Nnr_SmUKYTO9a97FN1Qch > ._2xvO2eYQYczrE1ouXFdUDh:disabled, ._1njusuJc-cBgJDeEhK2EL2:disabled {
    background-color: #808088;
}

._1Nnr_SmUKYTO9a97FN1Qch > ._2xvO2eYQYczrE1ouXFdUDh:not(:disabled):hover {
    background-color: #7d3900;
}

._1Nnr_SmUKYTO9a97FN1Qch > ._2xvO2eYQYczrE1ouXFdUDh > span {
    font-size: .6rem;
    font-weight: bold;
}


input[type=checkbox]+label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
}

input[type=checkbox] {
display: none;
}

input[type=checkbox]+label:before {
content: "\2714";
border: 0.1em solid #858585;
border-radius: 0.2em;
display: inline-block;
width: 1.4em;
height: 1.4em;
padding-left: 0.2em;
padding-bottom: 1em;
vertical-align: bottom;
color: transparent;
transition: .2s;
margin-right: .5rem;
}

input[type=checkbox]+label:active:before {
transform: scale(0);
}

input[type=checkbox]:checked+label:before {
background-color: var(--icon-color);
border-color: var(--icon-color);
color: #fff;
}

input[type=checkbox]:disabled+label:before {
transform: scale(1);
border-color: #aaa;
}

input[type=checkbox]:checked:disabled+label:before {
transform: scale(1);
background-color: #bfb;
border-color: #bfb;
}

._2Q-E6gviK9-LpuACXl_Ps- > a {
    color: black;
    font-weight: bold;
}

._3RfR2TleLWMd0v7kr5QUpI {
    margin-top: 1rem;
}


._2jic3Z0Ufy0crDZwf-ykcK input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  ._2jic3Z0Ufy0crDZwf-ykcK>div {
    margin-bottom: 0;
  }

.yzo5JDzsKvF7LCTNj3pqV {
    display: flex;
}

.yzo5JDzsKvF7LCTNj3pqV > button {
    background-color: var(--gray-color-light);
    border: none;
    margin-right: 1rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yzo5JDzsKvF7LCTNj3pqV > button:focus, .yzo5JDzsKvF7LCTNj3pqV > button:active, .yzo5JDzsKvF7LCTNj3pqV > button:visited {
    box-shadow: none;
    border: none;
}

.yzo5JDzsKvF7LCTNj3pqV > button:hover {
    background-color: var(--icon-color-light);
}

.yzo5JDzsKvF7LCTNj3pqV > ._4NCkR4e7cdXaAc1cul0iz {
    background-color: var(--icon-color-light);
}

._2nyd0fisjfP_KUwhF19rCz {
    margin-bottom: .6rem;
}

._3jMudE6YIuM-ZdgHDiAACf {
    position: relative;
    right: 0;
    border-radius: 15px 15px 15px 15px;
  }

._2nyd0fisjfP_KUwhF19rCz::placeholder {
    color: #E6E6E6;
}

._2jic3Z0Ufy0crDZwf-ykcK {
    margin-top: 0.5rem;
    position: relative;
}

._3xJzttdCIgom8KzzacbzgF {
    display: none;
}

._2RlB-sWWNJKGw_DxEyko94 > div {
    padding-top: 0;
}

._18j1svEt8ujXlRnvxx2RSa { 
    display: flex;
    align-items: center;
}

._18j1svEt8ujXlRnvxx2RSa img {
    width: 1rem;
    height: 100%;
    margin-left: .5rem;
}

._18j1svEt8ujXlRnvxx2RSa img:hover {
    cursor: pointer;
}

._18j1svEt8ujXlRnvxx2RSa img._4NCkR4e7cdXaAc1cul0iz {
    display: block;
}

._18j1svEt8ujXlRnvxx2RSa img._3SFCdTi5cFKWxtiIcUE52Q {
    display: none;
}

.hmN9wps0Wqz4HDrTqFbY8 {
    margin-left: -1.5rem;
}

.hmN9wps0Wqz4HDrTqFbY8._4NCkR4e7cdXaAc1cul0iz {
    display: flex;
}

.hmN9wps0Wqz4HDrTqFbY8._3SFCdTi5cFKWxtiIcUE52Q {
    display: none;
}

@media only screen and (max-width: 768px) {
    .yzo5JDzsKvF7LCTNj3pqV { 
        width: 100%;
    }
    .yzo5JDzsKvF7LCTNj3pqV > button {
        padding: 0;
        min-width: unset;
        width: 5rem;
    }

    ._3cJMT8YT3FXd91tZFI3OD2 > h5 {
        font-size: 1.5rem;
    }
    ._17a69oGBMkBqOy9ElhAkcC {
        font-size: 1rem;
    }
    ._2jic3Z0Ufy0crDZwf-ykcK {
        display: none;
    }

    ._3xJzttdCIgom8KzzacbzgF {
        display: block;
    }

    ._3V4iYLV5e_NdALAddwhMMj {
        margin: 0;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        background-color: white;
        left: 0;
    }

    .OglGBOjHmvbkYgEeyhlux {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        margin: 0;
    }

    ._1Nnr_SmUKYTO9a97FN1Qch {
        padding: 0;
        display: flex;
        justify-content: center;
    }

    ._2khjIjEzca2yMQvxXDjSKn {
        padding: 0;
        display: flex;
        justify-content: center
    }

    .OglGBOjHmvbkYgEeyhlux button {
        max-width: 10rem;
    }

    ._3V4iYLV5e_NdALAddwhMMj button {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    ._1PmJ3tw0ION4lTIYZvCHql {
        padding: 1rem;
    }

    ._2RlB-sWWNJKGw_DxEyko94 > div {
        padding: 0;
        margin-top: 1rem;
    }
    
}
 ._26m44KkP9ZP00XK5cAtvx7 {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 2rem 12rem;
   background-color: #F7F7F7;
 }

 ._26m44KkP9ZP00XK5cAtvx7>div:last-child {
   margin-top: 2rem;
 }

 ._26m44KkP9ZP00XK5cAtvx7 iframe {
   width: 560px;
   height: 315px;
   margin-right: 2rem;
 }

 @media only screen and (max-width: 768px) {
  ._26m44KkP9ZP00XK5cAtvx7 {
    width: 100%;
    display: block;
    padding: 1rem;
  }

  ._26m44KkP9ZP00XK5cAtvx7 iframe {
    width: 100%;
    height: 200px;
    margin-right: unset;
    margin-bottom: 1rem;
  }
}
._2Tq6VJhtGHNj0I_cSRBEyF {
  border: none;
  width: 100%;
}

._2Tq6VJhtGHNj0I_cSRBEyF ._26e2LveRwIq7W_VRLXMpkZ {
  font-size: x-large;
  text-align: center;
  font-weight: bold;
}

._2Tq6VJhtGHNj0I_cSRBEyF ._2ev_H4ZOqldqKZFdD7x1bi > h6 {
  font-weight: bold;
}

._2Tq6VJhtGHNj0I_cSRBEyF ._2ev_H4ZOqldqKZFdD7x1bi {
  margin-bottom: 1.5rem;
}

._28YFtGNvd057zuPqk_7bXi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._28YFtGNvd057zuPqk_7bXi > p {
  margin-bottom: 0;
}

._28YFtGNvd057zuPqk_7bXi > img {
  width: 1rem;
  height: 100%;
  transform: rotate(-90deg);
  transition: transform .3s ease-in-out;
}

._28YFtGNvd057zuPqk_7bXi.BkSGSomPR0U7ir5R179Qc > img {
  transform: rotate(0);
}

._2Tq6VJhtGHNj0I_cSRBEyF::after {
  content: '';
  border-bottom: 2px solid #E7E7E7;
  width: 98%;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  ._2Tq6VJhtGHNj0I_cSRBEyF > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.NKJsWl66WufqBtnky0g9O {
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.NKJsWl66WufqBtnky0g9O > div {
  padding: 0 2.5rem;
  margin: 0;
  max-width: none;
}

._2PzYEit9ZX6Z4DNVvSoxas {
  border-radius: 15px 15px 15px 15px;
}

._2sCG2J6TjljjqvNzCFDXy7 {
  margin-bottom: 5rem;
}

._1Vl2y3hHWPmXWmGd_FZNpU {
  padding: 1rem;
}

._1fSOpaFsBqWIBOkohONiMY, ._3OoxtEuidBSbqZ0RvO-HDz {
  margin-top: 0.5rem;
}

._3OoxtEuidBSbqZ0RvO-HDz {
  display: none;
}

._3rDlXbgYXKmsRuR7_u7jPP input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._3rDlXbgYXKmsRuR7_u7jPP>div {
  margin-bottom: 0;
}

._2C2pNroV4jWj1T0YRlfzjO {
  margin-top: 1rem;
  cursor: pointer;
}

._2C2pNroV4jWj1T0YRlfzjO .kpcp8_qxoNPpWlcpPOMYk {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._2C2pNroV4jWj1T0YRlfzjO .t7-IcwuZmqhjMebjnoEEV {
  font-weight: bold;
  color: #a29999;
}

._1f-W5ZfxbdFmPf1NKxsfno {
  display: none;
}

._3oS6re3VbD2NZIv8DuiCwR {
  display: block;
}

._1UQSLJlttc8k-wR-ieukGj {
  background-color: white;
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

._1UQSLJlttc8k-wR-ieukGj p {
  font-size: 1rem;
}

._29iRRMEktx1I-mxKbYgZ27 {
  width: 100%;
}

._29iRRMEktx1I-mxKbYgZ27 > img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  ._29iRRMEktx1I-mxKbYgZ27 > img {
    padding: 1rem;
    border-radius: 2rem;
  }
  .NKJsWl66WufqBtnky0g9O {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .NKJsWl66WufqBtnky0g9O>div {
    padding: 0rem;
  }
  .NKJsWl66WufqBtnky0g9O .dc4fmRt8jxdU9czMF8M3G>div {
    margin-bottom: 1rem;
  }
  ._1f-W5ZfxbdFmPf1NKxsfno {
    display: block;
  }
  ._3oS6re3VbD2NZIv8DuiCwR {
    display: none;
  }
  ._2C2pNroV4jWj1T0YRlfzjO {
    font-size: .7rem;
    margin-top: 0;
  }
  ._2C2pNroV4jWj1T0YRlfzjO .kpcp8_qxoNPpWlcpPOMYk {
    text-align: center;
    width: 33%;
  }
  ._2C2pNroV4jWj1T0YRlfzjO .t7-IcwuZmqhjMebjnoEEV {
    text-align: center;
    width: 33%;
  }
  ._2C2pNroV4jWj1T0YRlfzjO .kpcp8_qxoNPpWlcpPOMYk>a {
    padding: 0;
    padding-top: .6rem
  }
  ._2C2pNroV4jWj1T0YRlfzjO .t7-IcwuZmqhjMebjnoEEV {
    text-align: center;
    width: 33%;
  }
  ._2C2pNroV4jWj1T0YRlfzjO .t7-IcwuZmqhjMebjnoEEV>a {
    padding: 0;
    padding-top: .6rem
  }
}
._2eoHoFwEE-l5HZy6rf_6QG {
  height: auto;
  background-image: url('/static/assets/background_kalkulator_zakat.png');
  background-size: cover;
  padding-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  ._2eoHoFwEE-l5HZy6rf_6QG {
    display: none;
  }
}
._1_2OjgOvg90GjtUc53eqfx {
  background-color: var(--background-color-white);
  border: 0;
  border-radius: var(--border-radius-wide);
  box-shadow: var(--box-shadow-medium);
  display: flex;
  justify-content: space-between;
  width: auto;
  height: auto;
  font-size: small;
}

._1_2OjgOvg90GjtUc53eqfx > div:first-child > h3 {
  color: var(--icon-color);
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}

._1_2OjgOvg90GjtUc53eqfx > div:first-child {
  border-radius: var(--border-radius-wide);
  width: 25rem;
}

._1_2OjgOvg90GjtUc53eqfx form ._2YdprBWsZ1CZ-NqmlVnHDY > input {
  border: 1px solid var(--gray-color-light) !important;
  border-radius: var(--border-radius);
  padding-left: 3rem;
  font-size: small;
  margin-left: 5px;
}

._1_2OjgOvg90GjtUc53eqfx form ._2YdprBWsZ1CZ-NqmlVnHDY.wl6av0uErxbD5IgEiQeW0 > input {
  /* padding-left: unset; */
  padding-left: 10px;
}

._1_2OjgOvg90GjtUc53eqfx form > div > select {
  border: 1px solid var(--gray-color-light);
  background-color: var(--icon-color);
  color: white;
}

._1_2OjgOvg90GjtUc53eqfx form > div {
  display: block;
  position: relative;
  width: 100%;
}

._1_2OjgOvg90GjtUc53eqfx form ._2YdprBWsZ1CZ-NqmlVnHDY {
  display: flex;
  position: relative;
  left: -20px;
  width: 93%;
}

._1_2OjgOvg90GjtUc53eqfx form ._2YdprBWsZ1CZ-NqmlVnHDY.wl6av0uErxbD5IgEiQeW0 {
  left: 20px;
  width: 90%;
}

._1_2OjgOvg90GjtUc53eqfx form ._2YdprBWsZ1CZ-NqmlVnHDY > span {
  position: relative;
  left: 2.4rem;
  background-color: #e6e6e6;
  padding: 5px 10px;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

._1_2OjgOvg90GjtUc53eqfx .OItwUjlT4tCt-XzAFbzlu {
  text-align: center;
  width: 83%;
  background-color: white;
  color: var(--icon-color);
  border: 1px solid var(--icon-color);
  font-size: 14px;
  margin-left: 15px;
}

._1_2OjgOvg90GjtUc53eqfx .OItwUjlT4tCt-XzAFbzlu:hover {
  background-color: var(--icon-color-dark);
  color: white;
  border: 1px solid var(--icon-color);
}

._1_2OjgOvg90GjtUc53eqfx .OItwUjlT4tCt-XzAFbzlu .x6VZ8hugK0oxJ_DJdZtkn > span > img,
._1_2OjgOvg90GjtUc53eqfx ._1ryGHio851Xf3cqz2I7bGH > span > img {
  width: 20px;
}

._1_2OjgOvg90GjtUc53eqfx ._2kQX3Df9yxI7XLo42dz7tl {
  margin-left: 15px;
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK > ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK > ul > li {
  width: 50%;
  text-align: center;
  cursor: pointer;
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK ul > li:first-child > a {
  border-top-left-radius: var(--border-radius-wide);
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK ul > li:last-child > a {
  border-top-right-radius: var(--border-radius-wide);
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK > ul > li > a {
  color: var(--icon-color);
  background-color: #e6f6e1;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid rgba(74, 74, 74, 0.5);
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK > ul > li > a:hover {
  color: var(--icon-color);
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK > ul > li > a._3llOPZDkiC8Y3XHnaMSedg {
  background-color: white;
  border-bottom: 5px solid #84bd00;
}

._1_2OjgOvg90GjtUc53eqfx .EmnnTSvQCSom3a_vaP0cK > ul > li > a img {
  width: 25px;
}

._1_2OjgOvg90GjtUc53eqfx ._3X9COUay_VdBwOUNh73BRm h3 {
  color: var(--icon-color);
  text-align: center;
  font-size: 1.3rem;
}

._1_2OjgOvg90GjtUc53eqfx .pTjhUkJy23NuR_HN-jEUZ {
  padding: 1rem;
  max-width: 550px;
  margin: 0 auto;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb {
  padding: 1rem;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb > h6,
._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb div > p {
  text-align: left;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb div > p {
  margin: 0;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb > button {
  width: 80%;
  margin-top: 1rem;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb > h3 {
  text-align: left;
  color: #333333;
  font-size: 2rem;
  font-weight: bold;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb > a {
  text-align: right;
  color: #ff99cc;
  cursor: pointer;
}

._1_2OjgOvg90GjtUc53eqfx ._3-V6Sl3ORfsxe1XDFqJNcb > a:hover {
  color: var(--icon-color);
}

._1CieR6jQJMGnzpvNf6nCGe {
  display: none;
}

.MZ8X-3rBRu_DsvObys8ev {
  display: block;
  color: var(--icon-color);
}

._3vk-KHJQGoFZs5Xv8-3JRH {
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
}

._3vk-KHJQGoFZs5Xv8-3JRH._3V-VE2uhbWdMkq87Ttu9BQ {
  display: none !important;
}

._3vk-KHJQGoFZs5Xv8-3JRH > button {
  width: 100%;
}

.W79GlzbsNEGLjXsutu_Y9 {
  display: none;
}

._1_2OjgOvg90GjtUc53eqfx ._3KH0M1FlRuDghTA9vzv1sO {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
  margin-top: -1rem;
  font-size: small;
}

._1_2OjgOvg90GjtUc53eqfx ._1ENAZGACy0N0gsYLnqFdoj {
  display: flex;
  gap: 10px;
  width: 65%;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

._1_2OjgOvg90GjtUc53eqfx ._1ENAZGACy0N0gsYLnqFdoj div {
  width: 100%;
}

._1_2OjgOvg90GjtUc53eqfx ._1ENAZGACy0N0gsYLnqFdoj span {
  font-size: 1rem;
}

._1_2OjgOvg90GjtUc53eqfx .x6VZ8hugK0oxJ_DJdZtkn {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 1px;
}

._1_2OjgOvg90GjtUc53eqfx ._2BEwYm142SO9hDw6DS8jo5 {
  color: red;
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

._1_2OjgOvg90GjtUc53eqfx ._3AOsBJ1rWNkxVsyE9o6Qvw {
  grid-column: 1/3;
  display: flex;
  gap: 10px;
  margin-top: 1.5rem;
  justify-content: center;
  align-items: center;
  transition: all 2s;
  margin-top: -10px;
  height: 20%;
}

._1_2OjgOvg90GjtUc53eqfx ._1XDPmoNwzO-OGsWsMZvUMl {
  grid-column: 1/3;
  display: flex;
  gap: 10px;
  margin-top: 6px;
  margin-bottom: 5px;
  justify-content: center;
  align-items: center;
  transition: all 2s;
}

._1_2OjgOvg90GjtUc53eqfx ._36MV98W9Sg73W5XPg7RVLT {
  grid-column: 1/3;
  display: flex;
  z-index: 12;
  margin-top: -10px;
  margin-bottom: -10px;
  justify-content: center;
  align-items: center;
  transition: all 2s;
}

@media only screen and (max-width: 768px) {
  ._1_2OjgOvg90GjtUc53eqfx .pTjhUkJy23NuR_HN-jEUZ {
    padding: 1rem;
    width: 100%;
    height: calc(100vh - 200px);
    overflow-y: auto;
    margin: 0 auto;
  }

  .W79GlzbsNEGLjXsutu_Y9 {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  ._1_2OjgOvg90GjtUc53eqfx > div._1Y52nijI4J7EMKZAYbOTmD {
    display: none;
    transition: ease-in 0.4s;
  }

  ._1_2OjgOvg90GjtUc53eqfx > div {
    background-color: white;
    position: fixed;
    bottom: 40px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    box-shadow: 2px 5px 2rem rgba(74, 74, 74, 0.1);
    transition: ease-out 1s;
  }

  ._1_2OjgOvg90GjtUc53eqfx .x6VZ8hugK0oxJ_DJdZtkn {
    display: block;
  }

  ._1_2OjgOvg90GjtUc53eqfx ._3AOsBJ1rWNkxVsyE9o6Qvw {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    transition: all 2s;
    font-size: small;
  }

  ._1_2OjgOvg90GjtUc53eqfx ._1ENAZGACy0N0gsYLnqFdoj {
    display: flex;
    width: 90%;
  }

  ._1_2OjgOvg90GjtUc53eqfx ._3Ea-ZVxiPs4G3t5q0-vihh {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    border-radius: 10px;
  }

  ._1_2OjgOvg90GjtUc53eqfx ._1nYXWQBtkjMo2fo4ZUajZg {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
}

._1_2OjgOvg90GjtUc53eqfx ._3Ea-ZVxiPs4G3t5q0-vihh {
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  background: white;
  border-radius: 10px;
}

._1_2OjgOvg90GjtUc53eqfx ._1nYXWQBtkjMo2fo4ZUajZg {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

._2PWt0evOwrv4wLYN4yUfkf {
    border-radius: 15px 15px 15px 15px;
    position: sticky;
    position: -webkit-sticky;
    top: 2rem;
    bottom: 2rem;
    margin-bottom: 2rem;
    display: block;
}

._3iaFtv7nUFrOrs5NWLCCw6 {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--gray-color);
    font-size: 1.3rem;
}

._1TPSAlXH2jWUQwTV8DMQ_H {
    margin-bottom: 1em;
    font-weight: lighter;
    color: var(--gray-color-light);
    font-size: smaller;
}

.mqAdmUh8N1IWBqNBSAy52 {
    display: flex;
    justify-content: flex-start;
}

.mqAdmUh8N1IWBqNBSAy52 > div {
    padding: 1rem 1rem 1rem 0;
}

.mqAdmUh8N1IWBqNBSAy52 > div h5 {
    font-size: smaller;
    padding-top: .5rem;
    padding-bottom: 0;
    text-align: justify;
    font-weight: bolder;
}

.mqAdmUh8N1IWBqNBSAy52 > div h6 {
    font-size: smaller;
    padding-top: 0;
    font-weight: lighter;
}

.mqAdmUh8N1IWBqNBSAy52 > div img {
    width: 50px;
    height: 50px;
}

._1Wd8vHDEteWL37bLt55Ud6 > h5 {
    color: var(--gray-color-2);
    font-weight: bold;
    margin-bottom: 1rem;
}

._1Wd8vHDEteWL37bLt55Ud6 > h6 {
    color: var(--gray-color-2);
    font-size: smaller;
    font-weight: lighter;
}

._1Wd8vHDEteWL37bLt55Ud6 > h6 > span {
    font-weight: bold;
}

._1Wd8vHDEteWL37bLt55Ud6 div:last-of-type {
    display: flex;
    justify-content: space-between;
}

._2rtiuq3WFdSJ7K0JR5WEFo {
    width: 100%;
    background-color: var(--gray-color-light);
    position: relative;
    border-radius: 5px 5px 5px 5px;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

._2rtiuq3WFdSJ7K0JR5WEFo > div {
    border-radius: 5px 5px 5px 5px;
    background-color: var(--icon-color);
}

.MSvV9gk8yHSWeon9PIiwf {
    width: 100%;
    background-color: var(--icon-color);
    border: 0px;
    margin-top: 1rem;
}

.MSvV9gk8yHSWeon9PIiwf:hover {
    background-color: var(--icon-color-dark);
}

.MSvV9gk8yHSWeon9PIiwf > span {
    font-size: .6rem;
    font-weight: bold;
}

._3m1xVaJE_3AcSsppJL-h_c {
    padding-right: 2.5px;
}

._2yjtepaZeykV5KvKaYe3QX {
    padding-left: 2.5px;
}

.hjhUKXP-DPo-H4HskladZ {
    width: 100%;
    background-color: #fa7300;
    border: 0px;
    margin-top: 1rem;
}

.hjhUKXP-DPo-H4HskladZ:hover {
    background-color: #7d3900;
}

.hjhUKXP-DPo-H4HskladZ > span {
    font-size: .6rem;
    font-weight: bold;
}

.VtDMu9lMyH8MBSW4TAZQk {
    display: flex;
    justify-content: space-between;
}

.VtDMu9lMyH8MBSW4TAZQk div {
    width: 100%;
}

.VtDMu9lMyH8MBSW4TAZQk span {
    margin-left: .2rem;
    font-size: 1rem;
}

._30E6sgKGohezt28r4KkvYk {
    text-align: center;
    margin-top: 1rem;
    font-weight: bold;
}

._16XTdOqwUnMIjmY04M_-Dg {
    width: 100%;
    background-color: white;
    border-radius: 0;
    border: none;
}

._16XTdOqwUnMIjmY04M_-Dg:active {
    background-color: inherit !important;
    color: initial !important;
}

._16XTdOqwUnMIjmY04M_-Dg:visited {
   box-shadow: none;
}

._16XTdOqwUnMIjmY04M_-Dg:hover {
    background-color: white
}

._16XTdOqwUnMIjmY04M_-Dg > div {
    display: flex;
    justify-content: space-around;
}

._16XTdOqwUnMIjmY04M_-Dg > div > img {
    width: 25px;
}

._16XTdOqwUnMIjmY04M_-Dg.LY63iLtooX69kaG4j7k88 {
    color: #3B5998;
    /* border-right: 1px solid #4CAF50; */
}

._16XTdOqwUnMIjmY04M_-Dg.LY63iLtooX69kaG4j7k88:hover {
    color: #1d2c4c;
    font-weight: bold;
}

._16XTdOqwUnMIjmY04M_-Dg._1WR2I7MEmQwpbbT36-5g28 {
    color: #4CAF50;
}

._16XTdOqwUnMIjmY04M_-Dg._1WR2I7MEmQwpbbT36-5g28:hover {
    color: #255728;
    font-weight: bold;
}

.RxVf50CyG-hySk59zhFib {
    margin-top: 1rem;
}

._1vnK155Bb2owpGB1V9AFrB {
    width: 100%;
    /* margin-top: 12px; */
    color: #28a745;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    flex-direction: column;
    /* gap: 5px; */

}

._1vnK155Bb2owpGB1V9AFrB > * {
    /* fill:#28a745; */
    color:#28a745;
    width: 25px;
    height: 25px;
}

._1vnK155Bb2owpGB1V9AFrB:hover {
    color: #255728;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
    ._3m1xVaJE_3AcSsppJL-h_c {
        padding-left: 2.5px;
    }

    ._2yjtepaZeykV5KvKaYe3QX {
        padding-right: 2.5px;
    }
}


._2uMvQv_Ml_16fdM6FevPs7 {
  border-radius: 15px 15px 15px 15px;
  position: sticky;
  position: -webkit-sticky;
  top: 2rem;
  bottom: 2rem;
  margin-bottom: 2rem;
  display: block;
}

._3ocvtNJJwE6_PpFbIAvAyx {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--gray-color);
  font-size: 1.3rem;
}

.pmyWd0v5hJXIqNrgu0Wmf {
  margin-bottom: 1em;
  font-weight: lighter;
  color: var(--gray-color-light);
  font-size: smaller;
}

.uvIeL4PI01wpkbtHajBlA {
  display: flex;
  justify-content: flex-start;
}

.uvIeL4PI01wpkbtHajBlA > div {
  padding: 1rem 1rem 1rem 0;
}

.uvIeL4PI01wpkbtHajBlA > div h5 {
  font-size: smaller;
  padding-top: .5rem;
  padding-bottom: 0;
  text-align: justify;
  font-weight: bolder;
}

.uvIeL4PI01wpkbtHajBlA > div h6 {
  font-size: smaller;
  padding-top: 0;
  font-weight: lighter;
}

.uvIeL4PI01wpkbtHajBlA > div img {
  width: 50px;
  height: 50px;
}

._1zxJgQgjU4oCSFMCl5gvLU > h5 {
  color: var(--gray-color-2);
  font-weight: bold;
  margin-bottom: 1rem;
}

._1zxJgQgjU4oCSFMCl5gvLU > h6 {
  color: var(--gray-color-2);
  font-size: smaller;
  font-weight: lighter;
}

._1zxJgQgjU4oCSFMCl5gvLU > h6 > span {
  font-weight: bold;
}

._1zxJgQgjU4oCSFMCl5gvLU div:last-of-type {
  display: flex;
  justify-content: space-between;
}

._3ZhuoRMzq-0lOrcpPtIj- {
  width: 100%;
  background-color: var(--gray-color-light);
  position: relative;
  border-radius: 5px 5px 5px 5px;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

._3ZhuoRMzq-0lOrcpPtIj- > div {
  border-radius: 5px 5px 5px 5px;
  background-color: var(--icon-color);
}

._26-cnzjQ9ZmAHEXEo6aE0U {
  width: 100%;
  background-color: var(--icon-color);
  border: 0px;
  margin-top: 1rem;
}

._26-cnzjQ9ZmAHEXEo6aE0U:hover {
  background-color: var(--icon-color-dark);
}

._26-cnzjQ9ZmAHEXEo6aE0U > span {
  font-size: .6rem;
  font-weight: bold;
}

._1RQjhsMdJ5U2BjkxkkmYru {
  padding-right: 2.5px;
}

._19nVPQsP1-Armw5Px8zcmJ {
  padding-left: 2.5px;
}

._2nthyFPVTnxubD-4c3tlnd {
  width: 100%;
  background-color: #fa7300;
  border: 0px;
  margin-top: 1rem;
}

._2nthyFPVTnxubD-4c3tlnd:hover {
  background-color: #7d3900;
}

._2nthyFPVTnxubD-4c3tlnd > span {
  font-size: .6rem;
  font-weight: bold;
}

.ukwNcNTDKU41Ke8ods4UC {
  display: flex;
  justify-content: space-between;
}

.ukwNcNTDKU41Ke8ods4UC div {
  width: 100%;
}

.ukwNcNTDKU41Ke8ods4UC span {
  margin-left: .2rem;
  font-size: 1rem;
}

.gJ6TZlCIDf0yYkoIYAUP6 {
  text-align: center;
  margin-top: 1rem;
  font-weight: bold;
}

.CZzUxvWD8dMuMu7ZgsE1i {
  width: 100%;
  background-color: white;
  border-radius: 0;
  border: none;
}

.CZzUxvWD8dMuMu7ZgsE1i:active {
  background-color: inherit !important;
  color: initial !important;
}

.CZzUxvWD8dMuMu7ZgsE1i:visited {
 box-shadow: none;
}

.CZzUxvWD8dMuMu7ZgsE1i:hover {
  background-color: white
}

.CZzUxvWD8dMuMu7ZgsE1i > div {
  display: flex;
  justify-content: space-around;
}

.CZzUxvWD8dMuMu7ZgsE1i > div > img {
  width: 25px;
}

.CZzUxvWD8dMuMu7ZgsE1i._3pY9qKtVZmOqw2BNXLBj1R {
  color: #3B5998;
  border-right: 1px solid #4CAF50;
}

.CZzUxvWD8dMuMu7ZgsE1i._3pY9qKtVZmOqw2BNXLBj1R:hover {
  color: #1d2c4c;
  font-weight: bold;
}

.CZzUxvWD8dMuMu7ZgsE1i._86pCQvBghVtYlmWnJLuoI {
  color: #4CAF50;
}

.CZzUxvWD8dMuMu7ZgsE1i._86pCQvBghVtYlmWnJLuoI:hover {
  color: #255728;
  font-weight: bold;
}

._1-e3PhZkIFTzrCfNqJPLqs {
  margin-top: 1rem;
}

._1oOBmo4ZsFj5Zg6eHDlsmJ {
  width: 100%;
  margin-top: 1rem;
  background-color: #4CAF50;
  border: none;
}

._1oOBmo4ZsFj5Zg6eHDlsmJ:hover {
  background-color: #255728;
}

@media only screen and (max-width: 768px) {
  ._1RQjhsMdJ5U2BjkxkkmYru {
      padding-left: 2.5px;
  }

  ._19nVPQsP1-Armw5Px8zcmJ {
      padding-right: 2.5px;
  }
}
._2V08ztQdsEjVEP4WxdAeCI {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 800px;
  max-width: none;
  max-height: 600px;
  overflow-y: auto;
  pointer-events: unset;
}

._2V08ztQdsEjVEP4WxdAeCI::-webkit-scrollbar {
  width: 7px;
  height: 0.5rem;
}

._2V08ztQdsEjVEP4WxdAeCI::-webkit-scrollbar-thumb {
  border-radius: 25px;
  background: var(--icon-color);
  position: absolute;
}

._2V08ztQdsEjVEP4WxdAeCI::-webkit-scrollbar-track {
  box-shadow: inset var(--box-shadow-medium);
  background-color: var(--gray-color-2);
  border-radius: 25px;
}

._1xpFFM2CAc73Hgoxp0vQ-d {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

._1xpFFM2CAc73Hgoxp0vQ-d p {
  margin-bottom: .5rem;
  margin-top: 0;
  color: var(--gray-color)
}

._1xpFFM2CAc73Hgoxp0vQ-d h6, ._1xpFFM2CAc73Hgoxp0vQ-d h4{
  margin-bottom: .1rem;
  width: 80%;
}

._1xpFFM2CAc73Hgoxp0vQ-d img {
  height: 100px;
  margin-right: 1rem;
}

.YHvjpxOCI6legMoQ9zH9r {
  background-color: var(--icon-color-dark);
  float: right;
  border: none;
}

.YHvjpxOCI6legMoQ9zH9r:not(:disabled):hover {
  background-color: var(--icon-color-dark-alt-1);
}

._2C7fpB3m4f0H-mmepFAyyN {
  position: absolute;
  width: 16px;
  right: 1rem;
  top: 1rem;
  fill: var(--light-gray-color);
}

._2C7fpB3m4f0H-mmepFAyyN:hover {
  cursor: pointer;
}

._2U7_SHNsdHrViBYm_XCu15 {
  float: right;
  background-color: var(--icon-color-light);
  margin-top: 1rem;
  border: none;
}

._2U7_SHNsdHrViBYm_XCu15:not(:disabled):hover {
  background-color: var(--icon-color-dark);
}

._2rZDTAecJoQ5n5zoi5Xa68 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

._2rZDTAecJoQ5n5zoi5Xa68 > div {
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.LW3gTGPGbo1N3NV4n5IAj {
  margin-bottom: 3rem;
}

.LW3gTGPGbo1N3NV4n5IAj input::placeholder {
  color: var(--gray-color-light)
}

.LW3gTGPGbo1N3NV4n5IAj input._32xp2_-CTe7DHeivZlYzVI {
  border: 1px solid red;
  animation: v5ywbzFAZ0_g93LEYmXxn 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

.LW3gTGPGbo1N3NV4n5IAj input._32xp2_-CTe7DHeivZlYzVI:focus {
  box-shadow: none;
}

.LW3gTGPGbo1N3NV4n5IAj input {
  margin-bottom: .75rem;
}

._3TC8gIaO5A5JuUw-d51pJo {
  position: sticky;
  background-color: white;
  top: 0;
  padding-bottom: .5rem;
  padding-top: 1rem;
  margin-top: 0rem;
  z-index: 5;
}

._2OQCe8CHA9qU9eb9RmA-Sz {
  padding-top: 0;
  background-color: white;
}

._2OQCe8CHA9qU9eb9RmA-Sz p {
  margin-bottom: .5rem;
}

.KFrbFYSaATmbpJ9p-akL5 {
  color: red;
  font-size: smaller;
}

@keyframes v5ywbzFAZ0_g93LEYmXxn {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@media only screen and (max-width: 768px) {
  ._2V08ztQdsEjVEP4WxdAeCI {
    width: 100%;
    max-width: 95%;
    transform: translate(-52%, -50%) !important;
  }

  ._2OQCe8CHA9qU9eb9RmA-Sz ._1xpFFM2CAc73Hgoxp0vQ-d h4 {
    font-size: 1rem;
    font-weight: 600;
  }

  ._2OQCe8CHA9qU9eb9RmA-Sz ._1xpFFM2CAc73Hgoxp0vQ-d p {
    font-size: .75rem;
  }

  ._2OQCe8CHA9qU9eb9RmA-Sz p  {
    font-size: 1rem;
  }

  ._2OQCe8CHA9qU9eb9RmA-Sz h4 {
    font-size: 1.25rem;
    font-weight: 700;
  }

  ._2C7fpB3m4f0H-mmepFAyyN {
    right: -.5rem;
    top: 10px;
  }
}
._3jS2YtRXJRv1WHCs-A6lAQ {
  padding: .2rem .5rem;
  border: 2px solid var(--icon-color);
  border-radius: 10px;
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.Cwex4gITkWa8MMpwL_-oq {
  width: 8px;
  margin-left: .5rem;
  fill: var(--red-color);
}

.Cwex4gITkWa8MMpwL_-oq:hover {
  cursor: pointer;
}
._1qrcUs3MYBUW6QRT6mgkeb {
  background-color: var(--smoke-color);
  width: 100%;
  border-top: 5px solid var(--gray-color-light);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 1.5rem 1.5rem 0 1.5rem;
}

._8sivJWWVj6Hs5FVRpanQA {
  border-radius: 15px 15px 15px 15px;
}

._3xXGERTjXGCRt5HeP9RFfd {
  margin-bottom: 5rem;
}

.VtGLEUt2mfgjcjZokRWfh {
  padding: 1rem;
}

._3wyEL_CRjKK8MouXQGh4IN {
  margin-top: 0.5rem;
}

._3wyEL_CRjKK8MouXQGh4IN input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._3wyEL_CRjKK8MouXQGh4IN>div {
  margin-bottom: 0;
}

._37_Hmy_R_TM63JZC0OB02q {
  margin-top: 1rem;
  cursor: pointer;
}

._37_Hmy_R_TM63JZC0OB02q ._2i0Zj4m3koguKM9eRtpF8g {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._37_Hmy_R_TM63JZC0OB02q ._4Kr5uWJqGdWm6tVjPZZan {
  font-weight: bold;
  color: #a29999;
}

.uwXTC6E5GmtNGJgkWmVFy {
  display: none;
}

._2B0Wk37Rc4uwgVFcbhS_KZ {
  display: block;
}

@media only screen and (max-width: 768px) {
  ._1qrcUs3MYBUW6QRT6mgkeb {
    padding: 1rem;
  }
  ._1qrcUs3MYBUW6QRT6mgkeb>div {
    padding: 0rem;
  }
  ._1qrcUs3MYBUW6QRT6mgkeb ._2FiM7sL4CH86KzGZUrImf3>div {
    margin-bottom: 1rem;
  }
  .uwXTC6E5GmtNGJgkWmVFy {
    display: block;
  }
  ._2B0Wk37Rc4uwgVFcbhS_KZ {
    display: none;
  }
  ._37_Hmy_R_TM63JZC0OB02q {
    font-size: .7rem;
    margin-top: 0;
  }
  ._37_Hmy_R_TM63JZC0OB02q ._2i0Zj4m3koguKM9eRtpF8g {
    text-align: center;
    width: 33%;
  }
  ._37_Hmy_R_TM63JZC0OB02q ._4Kr5uWJqGdWm6tVjPZZan {
    text-align: center;
    width: 33%;
  }
  ._37_Hmy_R_TM63JZC0OB02q ._2i0Zj4m3koguKM9eRtpF8g>a {
    padding: 0;
    padding-top: .6rem
  }
  ._37_Hmy_R_TM63JZC0OB02q ._4Kr5uWJqGdWm6tVjPZZan {
    text-align: center;
    width: 33%;
  }
  ._37_Hmy_R_TM63JZC0OB02q ._4Kr5uWJqGdWm6tVjPZZan>a {
    padding: 0;
    padding-top: .6rem
  }
}
._2JXuHFOPNdq3NWFbKInyLy {
  margin-bottom: 1rem;
}

._3aeBm0I00d_VAyStvRdlaj {
  width: 2rem;
  margin: 0 auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

._3XfUeeIZnb1hKp6I-4kCJ7 {
  color:var(--icon-color);
 text-transform: capitalize;
}
._3HP-wKdstxhJEp6psrLU0v {
  background-color: var(--background-color-white);
  border: 0;
  border-radius: var(--border-radius-wide);
  box-shadow: var(--box-shadow-medium);
  display: flex;
  justify-content: space-between;
  width: auto;
  height: auto;
}

._3HP-wKdstxhJEp6psrLU0v > div > div:first-child {
  border-radius: var(--border-radius-wide);
  width: 25rem;
  padding: 1rem;
}

._3HP-wKdstxhJEp6psrLU0v form ._3Afm8LD0NtVAzNLOKJxwIL > input {
  border: 1px solid var(--gray-color-light);
  border-radius: var(--border-radius);
  padding-left: 3rem;
}

._3HP-wKdstxhJEp6psrLU0v form ._3Afm8LD0NtVAzNLOKJxwIL.Txbn6ZEE8xWmZLC7SG1at > input {
  padding-left: unset;
}

._3HP-wKdstxhJEp6psrLU0v form > div {
  display: block;
  position: relative;
}

._3HP-wKdstxhJEp6psrLU0v form ._3Afm8LD0NtVAzNLOKJxwIL {
  display: flex;
  position: relative;
  left: -20px;
}

._3HP-wKdstxhJEp6psrLU0v form ._3Afm8LD0NtVAzNLOKJxwIL.Txbn6ZEE8xWmZLC7SG1at {
  left: 20px;
  width: 90%;
}

._3HP-wKdstxhJEp6psrLU0v form ._3Afm8LD0NtVAzNLOKJxwIL > span {
  position: relative;
  left: 2.4rem;
  background-color: #E6E6E6;
  padding: 5px 10px;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

._3HP-wKdstxhJEp6psrLU0v form ._35FItjxCk-XCPdZWJ9HLI3 {
  width: 100%;
}

._3HP-wKdstxhJEp6psrLU0v form ._2C2kYjYX5IHVCNPyaQ1i1v {
  width: 100%;
  background-color: #fa7300;
  border: 0px;
  margin-left: 1rem;
}

._3HP-wKdstxhJEp6psrLU0v form ._2C2kYjYX5IHVCNPyaQ1i1v:hover {
  background-color: #7d3900;
}

._3HP-wKdstxhJEp6psrLU0v form ._2C2kYjYX5IHVCNPyaQ1i1v:disabled:hover {
  background-color: #fa7300;
}

._3HP-wKdstxhJEp6psrLU0v ._1KTcQ6pI7Gs26AQ6qapBQG {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

._2a8qE-9QZ3kxQJdN2P3cCs {
  display: none;
}

.MeLByhdptBUxqp9k5q3b8 {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
}

._1OcFBTWo_Q53VZnlNnv5W3 {
  display: flex;
  width: 90%;
}

._1OcFBTWo_Q53VZnlNnv5W3 div {
  width: 100%;
}

._1OcFBTWo_Q53VZnlNnv5W3 span {
  font-size: 1rem;
}

@media only screen and (max-width: 768px) {
  ._2a8qE-9QZ3kxQJdN2P3cCs {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
  }

  ._3HP-wKdstxhJEp6psrLU0v > div._3OPt9JtTSyx5jIQkHeGn_C {
    display: none;
    transition: ease-in 0.4s;
  }

  ._3HP-wKdstxhJEp6psrLU0v > div {
    background-color: white;
    position: fixed;
    bottom: 40px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    box-shadow: 2px 5px 2rem rgba(74, 74, 74, 0.1);
    transition: ease-out 1s;
    border-top: 1px solid rgba(74, 74, 74, 0.5);
    border-top-left-radius: var(--border-radius-wide);
    border-top-right-radius: var(--border-radius-wide);
  }
}
.cW8Z5o2cfY_2MSXL-5oGw {
  min-height: 600px;
  width: 100%;
  /* background-image: url('/static/banners/zakat.png'); */
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

._11U8WSsu_zR4AffMOlRjDw {
  height: auto;
}

.MJoem94H1kOpPmp9q3S_D > img{
  min-height: 600px;
  width: 100%;
  background-size: cover;
}

.cW8Z5o2cfY_2MSXL-5oGw>._3OzakuaXIbWykcyf1_-LZG {
  color: white;
}

._1HBTcD21xtS5c8BA_a3Jpp {
  position: relative;
  padding: 1rem 12rem;
}

._1W7PNNXfJUarcR5ERx-zeX {
  width: 100%;
  border: 1.5px solid var(--icon-color);
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.75);
  position: relative;
  margin: 0 auto;
  z-index: 999;
}

._1W7PNNXfJUarcR5ERx-zeX ul>li {
  width: 33%;
  text-align: center;
  position: relative;
}

._1W7PNNXfJUarcR5ERx-zeX ul>li:not(:last-of-type)::after {
  content: "";
  height: 80%;
  width: 2px;
  position: absolute;
  right: 0;
  top: 10%;
  background-color: var(--icon-color);
}

._1W7PNNXfJUarcR5ERx-zeX ul>li>a {
  font-size: 1.5rem;
  font-weight: bolder;
  color: #B3B3B3;
}

._1W7PNNXfJUarcR5ERx-zeX ul>li>a:hover {
  cursor: pointer;
  color: var(--icon-color)
}

._1W7PNNXfJUarcR5ERx-zeX ul>li>a._116BNfovfBUdUU_6EqvRwk {
  color: var(--icon-color)
}

._3VA7WCuTjqJWtol6E7p9NN {
  background-color: #F3F3F3;
  padding: 2rem;
}

._2vuSxpPIx6jQl3zpDjwP39 {
  position: relative;
  width: 100%;
  margin-top: 3rem;
}

._2vuSxpPIx6jQl3zpDjwP39 h3 {
  text-decoration: underline;
  text-decoration-color: var(--icon-color);
  text-underline-position: under;
  margin-bottom: 2rem;
}

._2vuSxpPIx6jQl3zpDjwP39 p {
  color: #4D4D4D;
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  ._1HBTcD21xtS5c8BA_a3Jpp {
    padding: 1.5rem;
  }

  ._1HBTcD21xtS5c8BA_a3Jpp h1 {
    font-size: 28px;
  }

  ._1HBTcD21xtS5c8BA_a3Jpp h2 {
    font-size: 24px;
  }

  ._1HBTcD21xtS5c8BA_a3Jpp h3 {
    font-size: 20px;
  }

  ._1HBTcD21xtS5c8BA_a3Jpp p, ._1HBTcD21xtS5c8BA_a3Jpp li {
    font-size: 16px;
  }

  ._1W7PNNXfJUarcR5ERx-zeX ul>li>a {
    font-size: 16px;
  }
  ._1W7PNNXfJUarcR5ERx-zeX ul {
    align-items: center;
  }
 
  .cW8Z5o2cfY_2MSXL-5oGw>._3OzakuaXIbWykcyf1_-LZG {
    padding: 2rem;
  }
  .MJoem94H1kOpPmp9q3S_D > img{
    height: 200px;
    min-height: unset !important;
  }
  
  ._3VA7WCuTjqJWtol6E7p9NN {
    padding: 0;
  }
}
._3obWk6enpqULZTQ6aB5N44 {
  background-color: #F7F7F7;
  padding: 2rem 12rem;
}

.HfW3fFlSxkrxQLUG1-XYZ {
  position: relative;
  padding: 2rem 1.5rem;
  background-color: #E0EBC5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--border-radius-wide);
  margin-bottom: 1rem;
  width: 100%;
}

.WmhQdOUv3vnZlFYAhMUB0 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.HfW3fFlSxkrxQLUG1-XYZ>h1 {
  color: var(--icon-color-dark);
}

.HfW3fFlSxkrxQLUG1-XYZ>img {
  position: absolute;
  width: 150px;
  right: 40px;
  top: -30px;
}

.JuKs-aILN4hx4vT1KMMEs {
  text-align: center;
  margin: 0 auto;
  padding-top: 2rem;
}

._3NRfEQrXoHFeIFCj_x2mSE {
  background-color: var(--icon-color);
  border: 0;
  width: 20rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  ._3obWk6enpqULZTQ6aB5N44 {
    padding: .5rem;
  }

  .HfW3fFlSxkrxQLUG1-XYZ {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
  }

  .HfW3fFlSxkrxQLUG1-XYZ>h1 {
    font-size: 18px;
  }
  .HfW3fFlSxkrxQLUG1-XYZ>img {
    position: absolute;
    width: 70px;
    right: 40px;
    top: -25px;
  }
}
._1gNxUPv4lx63us3XEIXvdP > span {
  color: var(--icon-color);
}

._11Vucp_bkqAyNhEfl8In8o {
  padding-left: 0;
  padding-right: 0;
}

._2v9SqhMCCX2x-JlPDBb1za > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.AKRFFTtNXV3EFKBQ-2gbt > div {
  margin-top: 10%;
}

.AKRFFTtNXV3EFKBQ-2gbt > div > * {
  margin-top: 0.5rem;
}

.AKRFFTtNXV3EFKBQ-2gbt p {
  margin-top: 2rem;
  text-align: left;
}

._2v9SqhMCCX2x-JlPDBb1za, .AKRFFTtNXV3EFKBQ-2gbt {
  box-shadow: 0px 0px 0px 0px rgba(74, 74, 74, 0.3);
  border-radius: var(--border-radius-wide);
  border: 0px;
  min-height: 500px;
  text-align: center;
}

._11Vucp_bkqAyNhEfl8In8o h5, ._11Vucp_bkqAyNhEfl8In8o h6, ._11Vucp_bkqAyNhEfl8In8o p {
  color: #6D6E70;
}

._2v9SqhMCCX2x-JlPDBb1za > div > * {
  margin-bottom: 2rem;
}

._255M1-63wSeCete0wGxpxO {
  background:#E1ECC6;
  padding:0.8rem;
  width: 300px;
  border-radius:5px;
  position:relative;
  float: left;
  box-shadow: 0 0 0 rgba(0,0,0,0.5);
  color: var(--icon-color);
}

._255M1-63wSeCete0wGxpxO > p {
  margin-bottom: unset;
}

._255M1-63wSeCete0wGxpxO:after{
  content:"";
  position:absolute;
  top: -10%;
  left: 73%;
  background: #E1ECC6;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform:rotate(45deg);
  display:block;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  z-index:-10;
}
._255M1-63wSeCete0wGxpxO:before{
  content:"";
  position:absolute;
  top: -10%;
  left: 86%;
  background: #E1ECC6;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform:rotate(45deg);
  display:block;
  width: 24px;
  height: 24px;
  z-index:10;
}

._2bIkMsHExo3H572GAtrpmz {
  width: 80px;
  height: 30px;
  border-radius: var(--border-radius);
  background-color: #FF4958;
  color: white;
  border: 0px;
}

.AKRFFTtNXV3EFKBQ-2gbt .EuT_l_0sccGWJwQIcMosZ {
  border-radius: var(--border-radius);
  background-color: #ff6e7a;
  color: white;
  border: 0px;
  padding: 5px 15px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  display: flex;
  align-items: center;
}

.AKRFFTtNXV3EFKBQ-2gbt .EuT_l_0sccGWJwQIcMosZ img {
  width: 20px;
  height: auto;
  margin-right: 8px;
}

.EuT_l_0sccGWJwQIcMosZ:hover {
  background-color: #FF4958;
  text-decoration: none;
  color: white;
}

._2bIkMsHExo3H572GAtrpmz:hover {
  background-color: #a3000d;
}

._1BE3lk8l2vd1EpkhKqbtE5 {
  position: relative;
  display: flex;
  justify-content: space-evenly;
}

.AKRFFTtNXV3EFKBQ-2gbt img {
  height: 80px;
}

._3JESI1zYYfRrejPxw4Ujwi {
  background-color: var(--icon-color);
  width: 200px;
  border: 0;
  color: white;
  padding: 5px;
  border-radius: var(--border-radius);
}

._3JESI1zYYfRrejPxw4Ujwi:hover {
  background-color: var(--icon-color-dark);
}

._3ClC3JKUiVPd3QVFP1dGPy {
  display: none;
}

._1I8KeeasYM9UhzArRxT2wh {
  display: block;
  color: var(--icon-color);
}

.AKRFFTtNXV3EFKBQ-2gbt ._2tDrsTz6mLtvIM0ZyUkRzI {
  width: 300px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .AKRFFTtNXV3EFKBQ-2gbt {
    margin-top: 2rem;
  }
}
._3XEsHcyCza2MrCoBctjJK {
  background-color: var(--smoke-color);
}

._3XEsHcyCza2MrCoBctjJK ._1Yn0S_tiqplGLwy-Uxy6Nv {
  color: var(--gray-color-2);
  padding: 1rem;
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i h1 {
  text-align: center;
  padding: 1rem;
  color: var(--gray-color-2)
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i p {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i>p {
  margin-bottom: 3rem;
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i ul li {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i strong {
  /* text-align: justify; */
  font-weight: bold;
  color: black;
}

._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G {
  margin-top: 1rem;
  white-space: nowrap;
  cursor: pointer;
  border-bottom: 3px solid #84BD01;
}

._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G ._3M6iCND3Qrjh3S60QFyD2k {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G ._2EVfco0a41Lbp1Pla_UBuX {
  font-weight: bold;
  color: #a29999;
}

._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G ._1yEjpdPR1qWIy6a3DlkS1y._3M6iCND3Qrjh3S60QFyD2k {
  background: #6e9b04;
  color: white;
}

._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G ._1yEjpdPR1qWIy6a3DlkS1y {
  padding: 10px 10px;
  border: 2px solid transparent;
  background: #b5d47a;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin-right: 2px;
  position: relative;
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i {
  padding: 2rem;
}

._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i ._1mmbw0QLiLZiLJHtMhlWcd {
  font-weight: bolder;
  color: black;
}

._3JooriFKdgHaFoxRpz0h_a {
  counter-reset: sub-counter;
  list-style: none;
  padding-left: 1.5em;
}

._10PBbbBEb_hHg4Wi4oD40M {
  counter-reset: sub-counter;
  list-style: none;
  padding-left: 0em;
}

._3JooriFKdgHaFoxRpz0h_a li {
  counter-increment: sub-counter;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2em;
}

._10PBbbBEb_hHg4Wi4oD40M li {
  counter-increment: sub-counter;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.5em;
}

._3JooriFKdgHaFoxRpz0h_a li::before {
  position: absolute;
  left: 0;
  font-weight: bold;
}

._10PBbbBEb_hHg4Wi4oD40M li::before {
  position: absolute;
  left: 0;
  font-weight: bold;
}

._2tPYiJARHLhqw_hpk8LYQM li::before {
  content: "1." counter(sub-counter);
}

._1HTZd71tpBjMF8HV43nZol li::before {
  content: "2." counter(sub-counter);
}

._26X7hl1DB_-CzI6hc8KGlc li::before {
  content: "3." counter(sub-counter);
}

._1ljyOSKFuGH7CUsi0LmDbW li::before {
  content: "4." counter(sub-counter);
}

._10PBbbBEb_hHg4Wi4oD40M li {
  counter-increment: sub-counter;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 2.75em;
}

.uQ4RX9wVmxlW3m4bJRnik li::before {
  content: "4.1." counter(sub-counter);
}

._2Tuf-690PBAjJTtgny0THw li::before {
  content: "4.2." counter(sub-counter);

}

._3XEsHcyCza2MrCoBctjJK ._1RT0_O13qHTkLMFRwZazVr a {
  float: right;
  background-color: var(--icon-color-light);
  color: white;
  padding: 0.4rem 1rem;
  width: 8rem;
  border-radius: var(--border-radius);
  text-align: center;
}

._3XEsHcyCza2MrCoBctjJK ._1RT0_O13qHTkLMFRwZazVr a:hover {
  text-decoration: none;
  background-color: var(--icon-color-dark);
}

@media only screen and (max-width: 768px) {
  ._3XEsHcyCza2MrCoBctjJK .Ypn3NLpLBeFAxnNsGZJ0i {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem
  }
}

@media only screen and (max-width: 600px) {
  ._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  ._3XEsHcyCza2MrCoBctjJK ._1snZzqAf2SkihQjjeWT2_G ._1h-n9s_oXnaqQXgfz8ohit {
    padding: 3px 3px;
    font-size: 14px;
  }
}

._3s9xf6aBTxeqt7NlDnjwHx {
  background-color: var( --smoke-color);
}

._3s9xf6aBTxeqt7NlDnjwHx ._2Bepqt7iBJU5989QUa_8x1 {
  padding: 1rem;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy h1 {
  text-align: center;
  padding: 1rem;
  color: var(--gray-color-2)
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy p {
  text-align: justify;
  font-weight: lighter;
  color: var(--gray-color-2)
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy>p {
  margin-bottom: 3rem;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy ul li {
  text-align: justify;
  font-weight: lighter;
  color: var(--black-color-2)
}

._3s9xf6aBTxeqt7NlDnjwHx ._1fz6Itoa6nTMGw5cms0RCL {
  margin-top: 1rem;
  cursor: pointer;
}

._3s9xf6aBTxeqt7NlDnjwHx ._1fz6Itoa6nTMGw5cms0RCL ._1Lk9tmN7wHHOqA7paS0w98 {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._3s9xf6aBTxeqt7NlDnjwHx ._1fz6Itoa6nTMGw5cms0RCL ._3u3mQkOJekWqtVW6whUb5g {
  font-weight: bold;
  color: #a29999;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy {
  padding: 2rem;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy ._3m-yICi0sO5TqrH4WqUEB_ {
  font-weight: bold;
  color: black;
  padding-bottom: 0;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy strong {
  font-weight: bold;
  color: black;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy ._3fgeeTxhRgiG9CqV-YFIGQ {
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10px;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy ._2CgXksvPLCYwj29bdY299J {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid black;
  padding: 20px;
  width: 250px;
  height: 120px;
  text-align: center;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy ._2wvcusYeyk9euVOJ93cHFZ {
  font-size: 28px;
  font-weight: bold;
}

._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy ._2HbHLt6vmDfsB3I9Fgct1S {
  font-size: 18px;
  margin-top: 5px;
}


@media only screen and (max-width: 768px) {
  ._3s9xf6aBTxeqt7NlDnjwHx ._4Hq5xFOnC6w6ICCDzCKjy {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5rem
  }
}
._1yM7c3Aj1GODY6gmBwTFNy {
  display: flex;
  width: 100%;
}

._1yM7c3Aj1GODY6gmBwTFNy>div {
  width: 100%;
}

._1yM7c3Aj1GODY6gmBwTFNy>div:first-child img {
  width: 100%;
}
.quG3F40hsrlzltHMHQT-i {
  background-color: #DAEBB3;
  padding-top: 2rem;
}

._25Fzyblh-0lCXC78l4PNSS>div {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /* background-color: #f00; */
}

._2xaK30KtY1TyteZH5vhqPM {
  background-image: url('/static/assets/background_kalkulator_zakat.png');
}

._1ZTt2oo5cVQJZQao7Raq4E {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.OwYkmcBCP3McVoBgkvzEk {
  margin-top: 2rem;
}

@media only screen and (max-width: 768px) {
  ._2xaK30KtY1TyteZH5vhqPM {
    display: none;
  }
  ._25Fzyblh-0lCXC78l4PNSS {
    height: 250px;
  }
  .quG3F40hsrlzltHMHQT-i {
    padding-top: 0;
  }
  .quG3F40hsrlzltHMHQT-i h1 {
    margin-top: 0;
  }

  .quG3F40hsrlzltHMHQT-i > div {
    padding-left: 0;
  }


  .quG3F40hsrlzltHMHQT-i > div > div:first-of-type {
    padding-left: 2rem;
  }

  .OwYkmcBCP3McVoBgkvzEk {
    margin-top: 0rem;
  }

  .OwYkmcBCP3McVoBgkvzEk > div {
    padding: 0;
  }

  .OwYkmcBCP3McVoBgkvzEk > div > div {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 15px;
    padding-right: 15px;
  }
}
._3wLszNp0mRSepYz-nGxEYK>div {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /* background-color: #f00; */
}

.BPnMHz_AGeaM09vfj0u-C {
  background-image: url('/static/assets/background_kalkulator_zakat.png');
}

._3CY-VUZBzjuTXLNmf4cKX7 {
  background-color: #DAEBB3;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media only screen and (max-width: 768px) {
  .BPnMHz_AGeaM09vfj0u-C {
    display: none;
  }

  ._3CY-VUZBzjuTXLNmf4cKX7 {
    padding-top: 0;
  }

  ._3CY-VUZBzjuTXLNmf4cKX7 h1 {
    margin-top: 0;
  }

  ._3wLszNp0mRSepYz-nGxEYK {
    height: 250px;
  }
}
._1o1FVSguxFQluC4R8j64hw {
    padding: 0 12rem;
    font-size: 2rem;
    font-weight: bold;
    color: white;
}

._1o1FVSguxFQluC4R8j64hw._20Zc6KsKeZ_b7JFGZWp7j2 {
    color: #515152;
}

._232tsQueAhZGPpA6GYgdvf {
    padding: 2rem 0;
}

._232tsQueAhZGPpA6GYgdvf._3mkx76yhwU4Srhyw-lVC_T {
    background-color: #F4F4F4;
}

._3mI7nSc2Es6rPGTyhTpYTz {
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: var(--border-radius-wide);
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 0.5rem;
    border: 2px solid #F4F4F4;
}

._3mI7nSc2Es6rPGTyhTpYTz._3mkx76yhwU4Srhyw-lVC_T {
    background-color: white;
    border: 3px solid #CCCCCC;
}

._3mI7nSc2Es6rPGTyhTpYTz>img {
    position: absolute;
    margin: 0 auto;
    max-width: 100px;
    max-height: 100px;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

._3mI7nSc2Es6rPGTyhTpYTz>h6 {
    color: #515152;
    position: absolute;
    bottom: 5px;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    ._232tsQueAhZGPpA6GYgdvf>h1 {
        font-size: 14px;
        text-align: left;
        padding: unset;
    }
    ._232tsQueAhZGPpA6GYgdvf {
        padding: 1rem
    }
    ._232tsQueAhZGPpA6GYgdvf>div {
        padding: 1rem;
        justify-content: unset;
        overflow-x: scroll;
        width: 100%;
    }
    ._232tsQueAhZGPpA6GYgdvf>div>a {
        margin-right: 1rem;
    }
}
 .ne9BpgJwYrzso4cOgGsD4 {
   height: auto;
   padding-bottom: 300px;
   background-color: var(--icon-color);
 }

 .qa6UbM8yEwoEnktnKgSM- {
   padding: 0 12rem;
   font-size: 2rem;
   font-weight: bold;
   color: white;
 }

 .qa6UbM8yEwoEnktnKgSM-.hQt5sgvuOg8MYhLqVONBN {
   color: #515152;
 }

 .ZNRrWpVnR59TqyUCwCraC {
   margin-top: -290px;
 }

 ._3CqgxtYZl58b2Dgdqj1EUq {
   position: relative;
   top: -1rem;
   z-index: -99;
   margin: 0 auto;
   margin-top: -290px;
   padding: 1rem;
   width: 80%;
   height: 100%;
   height: 350px;
   border: 0.8px solid #f5f5f5;
   -webkit-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.75);
   box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.75);
 }

 ._1DognlPO6FdzTD8MJqprz8 {
   background-color: var(--smoke-color);
   position: relative;
   top: -1rem;
   margin-bottom: -1rem;
 }

 ._1DognlPO6FdzTD8MJqprz8>h1 {
   padding: 3rem 12rem;
   padding-bottom: 0;
 }

 ._3KmSBM3UpzKYd9Q6f-oJyO {
   display: flex;
   justify-content: space-around;
   padding: 1rem 12rem;
 }

 ._3KmSBM3UpzKYd9Q6f-oJyO>div {
   margin-right: 2rem;
 }

 ._1ErhVmJUrkFsUw-mUs-OwK {
   width: 150px;
   height: 150px;
   background-color: #84BD00;
   border-radius: var(--border-radius-wide);
   text-align: center;
   position: relative;
   cursor: pointer;
 }

 ._1ErhVmJUrkFsUw-mUs-OwK>img {
   position: absolute;
   margin: 0 auto;
   max-width: 100px;
   max-height: 100px;
   margin: 0;
   position: absolute;
   top: 40%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 ._1ErhVmJUrkFsUw-mUs-OwK>h5 {
   color: white;
   position: absolute;
   bottom: 5px;
   width: 100%;
 }

 .Vzl8v1_EkNEFtIiXJEVft {
   padding: 0;
 }

 .Vzl8v1_EkNEFtIiXJEVft>img {
   width: 100%;
   cursor: pointer;
 }

 ._3FfyuyROuTbFH_KDdjcFxq {
   padding-top: 0rem;
 }

 ._2FB1qTgkkKhRbEdqPuRmBR {
   padding-top: 2rem;
 }

 .JXFeflM6jvDyTgsN_luE8 {
   color: var(--icon-color);
 }

 ._HukL8ZfR3AetF7wSB6ye {
   display: block;
 }

 ._1ZOnQ8-hls-PVnN74rrlFB {
   display: none;
 }

 ._1gT2YSd-3NMV6b5QY8w3Kh {
   margin-top: 1rem;
   margin-left: 1rem;
   display: flex;
   align-items: center;
 }

 ._1gT2YSd-3NMV6b5QY8w3Kh>img {
   width: 18px;
   margin-right: 0.2rem;
 }

 ._1gT2YSd-3NMV6b5QY8w3Kh>span {
   color: var(--icon-color);
   font-size: 12px;
 }

 ._1gT2YSd-3NMV6b5QY8w3Kh:hover {
   cursor: pointer;
 }

 @media only screen and (max-width: 768px) {
   ._3FfyuyROuTbFH_KDdjcFxq {
     padding-top: 1rem;
     position: unset;
   }

   ._HukL8ZfR3AetF7wSB6ye {
     display: none;
   }

   ._1ZOnQ8-hls-PVnN74rrlFB {
     display: block;
   }
 }

 @media only screen and (max-width: 768px) {
   .ne9BpgJwYrzso4cOgGsD4 {
     height: auto;
     background-color: white;
   }

   ._3CqgxtYZl58b2Dgdqj1EUq {
     display: none;
   }

   ._1DognlPO6FdzTD8MJqprz8 {
     background-color: white;
   }

   ._3KmSBM3UpzKYd9Q6f-oJyO {
     justify-content: unset;
     padding: 1rem;
     width: auto;
     overflow-y: scroll;
   }

   ._1DognlPO6FdzTD8MJqprz8>h1 {
     color: black !important;
     padding: 1rem;
     font-size: 18px;
     margin-top: 30px;
     padding-bottom: 0;
   }

   .Vzl8v1_EkNEFtIiXJEVft {
     padding: 1rem;
   }

   .Vzl8v1_EkNEFtIiXJEVft>img {
     height: 150px;
     margin-bottom: 1rem;
     border-radius: var(--border-radius-wide);
   }
 }

._2BMcn1A-OKr3GNdecld6Vd {
  padding: 1rem;
}

.zmORaMoOtpFJ-9Dm9YULq {
  border: 2px solid var(--gray-color-light);
  border-radius: 10px;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

._3OBj22MHBaCLetgz-kw5TG {
  display: none;
}

._39w_YCci0Jm8UViK_lQ7_v {
  /* position: relative; */
  background-image: url('/static/assets/background_kalkulator_zakat.png');
  background-size: cover;
  height: 120px;
  width: 100%;
  border-radius: var(--border-radius-wide);
  text-align: center;
}

._3IMgEhxGP52aYpx0sryh8e {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

._39w_YCci0Jm8UViK_lQ7_v img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  background-color: white;
}

._2BMcn1A-OKr3GNdecld6Vd h3 {
  color: var(--icon-color);
  font-size: 1.3rem;
}

._2BMcn1A-OKr3GNdecld6Vd p {
  font-size: .9rem;
  color: #858585;
}

._15T77eV4zjJdM1Qk-4QoCD {
  padding: 1rem;
  font-size: .9rem;
}

._15T77eV4zjJdM1Qk-4QoCD>h3 {
  border-bottom: 2px solid var(--icon-color);
  margin-bottom: 1rem;
  color: var(--icon-color);
  font-size: 1.3rem;
  font-weight: bolder;
}

._15T77eV4zjJdM1Qk-4QoCD>div {
  padding: 0;
}

._15T77eV4zjJdM1Qk-4QoCD>div>div>div:last-child {
  color: #858585;
  text-align: right;
}

._1epzTtQQd01ytIjidAIEDv {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

._1epzTtQQd01ytIjidAIEDv::before {
  content: '';
  border-top: 1px solid #858585;
  width: 88%;
  margin: 0 auto;
  margin-bottom: .5rem;
}

._1rzbcTwSGx08m8Zx_hCFU2 {
  border: 2px solid red;
}

._1cUn7t-TUez2KF7Pcbgywl>._3fnbd3fk3ujCDUGQxFC1RD {
  font-size: 0.7rem;
}

._1cUn7t-TUez2KF7Pcbgywl>h3 {
  color: #333;
  font-weight: bold;
}

._1cVRd05OsdGvNFlnrDdP1v {
  background-color: var(--icon-color);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  transition: background-color 0.25s;
  height: 4rem;
  margin-top: 4rem;
}

._1cVRd05OsdGvNFlnrDdP1v:not([disabled]):hover {
  background-color: var(--icon-color-dark);
}

._1Exs7OkIYjTQRDihM8Y-99 {
  background-color: var(--icon-color);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  transition: background-color 0.25s;
  display: none;
}

._1Exs7OkIYjTQRDihM8Y-99:not([disabled]):hover {
  background-color: var(--icon-color-dark);
}

@media only screen and (max-width: 768px) {
  .zmORaMoOtpFJ-9Dm9YULq {
    display: none;
  }
  ._3OBj22MHBaCLetgz-kw5TG {
    box-shadow: 0 -5px 25px -5px #333;
    margin: auto 0;
    z-index: 100;
    position: sticky;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 2rem;
    display: block;
    margin-top: 2rem;
  }
  ._1cUn7t-TUez2KF7Pcbgywl {
    margin-bottom: -1.5rem;
  }
  ._1cUn7t-TUez2KF7Pcbgywl input {
    margin-bottom: -1rem;
  }
  ._1cUn7t-TUez2KF7Pcbgywl label {
    margin-top: 1rem;
  }
  ._1cVRd05OsdGvNFlnrDdP1v {
    margin-top: 1rem;
    margin-bottom: 0;
    height: auto;
  }
  ._1Exs7OkIYjTQRDihM8Y-99 {
    display: block;
  }
  ._15T77eV4zjJdM1Qk-4QoCD {
    margin-bottom: -2rem;
  }
}
._1clZmaNg_4YVrZAAv0DYaW h3 {
  color: var(--icon-color);
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

._2zd88WBt5tHHs10G61qxyw {
  margin-bottom: 1rem;
  margin-top: -1rem;
  border: 2px solid var(--gray-color-light);
  border-radius: 5px;
  padding: .5rem;
}

._2zd88WBt5tHHs10G61qxyw label:nth-child(2) span {
  padding-left: 3rem;
}

._2zd88WBt5tHHs10G61qxyw label {
  padding: 0.2rem;
}

._2zd88WBt5tHHs10G61qxyw div:nth-child(2) label {
  padding-left: 3rem;
}

._2zd88WBt5tHHs10G61qxyw div:nth-child(3) label {
  color: red;
  cursor: pointer;
}

._3IRgCkvs5WSpgFT2-LaV3q {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  border: 2px solid var(--gray-color-light);
  border-radius: 10px;
  padding: 0.5rem;
}

input[type=checkbox]+label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox]+label:before {
  content: "\2714";
  border: 0.1em solid #858585;
  border-radius: 0.2em;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  padding-left: 0.2em;
  padding-bottom: 1em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

input[type=checkbox]+label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked+label:before {
  background-color: var(--icon-color);
  border-color: var(--icon-color);
  color: #fff;
}

input[type=checkbox]:disabled+label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled+label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.vgzEVVatv0EBEtwRf4ib8 {
  width: 100%;
  height: auto;
}

._300pAKVM8eWJ593O9vSg_i>h6 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9rem;
  padding-top: .5rem;
}

._1vqXlkvhzFf3E0YAkCzIba {
  color: var(--icon-color);
  padding-top: .5rem;
}

._1KYgCzYRQ8UtdjKZmwIJHu {
  display: flex;
  color: #858585;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

._1KYgCzYRQ8UtdjKZmwIJHu>img {
  width: 20px;
  height: 100%;
  margin-right: 1rem;
}

._1KYgCzYRQ8UtdjKZmwIJHu>h6 {
  margin-top: 5px;
  margin-bottom: 0;
}

._1ZMOu1BrFe-K_u37DketDE {
  border: 2px solid var(--gray-color-light);
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  padding: 0.5rem;
  margin-left: -15px;
  margin-right: -15px;
}

._1CPRrOAUBsR9YGUorksQEB {
  margin-top: 2rem;
}

._2bkD7IF2jzulO1X9eEfwsD {
  font-size: .75rem;
}

._1TXP686K1m6mAjRsTKh3L5 {
  width: 60%;
}

@media only screen and (max-width: 768px) {
  ._1KYgCzYRQ8UtdjKZmwIJHu>h6 {
    display: none;
  }
  ._1clZmaNg_4YVrZAAv0DYaW h3 {
    margin-top: 0;
  }
  ._2zd88WBt5tHHs10G61qxyw>div {
    margin: 0;
    padding: 0;
  }
  ._2zd88WBt5tHHs10G61qxyw label:nth-child(2) span {
    margin-left: -2.5rem;
    font-weight: bold;
    font-size: small;
  }
  ._2zd88WBt5tHHs10G61qxyw>div:nth-child(2) {
    display: none;
  }
  ._2zd88WBt5tHHs10G61qxyw>div:nth-child(3) {
    font-size: x-small;
    text-align: right;
    padding-top: .5rem;
  }
  ._3IRgCkvs5WSpgFT2-LaV3q>div {
    padding-left: .2rem;
  }
  ._3IRgCkvs5WSpgFT2-LaV3q>div:nth-child(2) {
    padding-left: .75rem;
  }
  ._3IRgCkvs5WSpgFT2-LaV3q>div:nth-child(3) {
    padding: 0;
    margin: 0;
    padding-right: 1rem;
  }
  ._300pAKVM8eWJ593O9vSg_i>h6 {
    font-size: small;
    font-weight: bold;
  }
  ._1vqXlkvhzFf3E0YAkCzIba {
    font-size: x-small;
    padding-top: 0;
  }
  ._2bkD7IF2jzulO1X9eEfwsD li {
    font-size: .75rem;
  }
  ._1TXP686K1m6mAjRsTKh3L5 {
    width: 100%;
  }
}
.LjROK8WwaFMI8Zz4pRz66 {
  margin-bottom: 1rem;
  border: 2px solid var(--gray-color-light);
  border-radius: 5px;
  padding: 1rem;
}

.rI932_g3QwERrvu3NstD- {
  font-size: 0.7rem;
  padding-left: 1rem;
}

._1aKKANYBEMmV77RGTt9nse{
  padding-top: 1rem;
}

._1aKKANYBEMmV77RGTt9nse>h3 {
  color: var(--icon-color);
  font-weight: bold;
  font-size: 1.3rem;
  padding-left: 1rem;
}

@media only screen and (max-width: 768px) {
  ._1aKKANYBEMmV77RGTt9nse>h3 {
    padding-top: 0;
  }
  .LjROK8WwaFMI8Zz4pRz66 div {
    margin-bottom: -.75rem;
  }
  .LjROK8WwaFMI8Zz4pRz66 div>input {
    font-size: x-small;
  }
  .LjROK8WwaFMI8Zz4pRz66 div:last-child {
    margin-bottom: .25rem;
  }
  .LjROK8WwaFMI8Zz4pRz66 label {
    margin-bottom: 1rem;
  }
}
._32KPLwb7hLc5M8N89fZUgR h3 {
  color: var(--icon-color);
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 !important;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
}

.eECJEdZ_ASGOGAHuzm66e {
  margin-bottom: .5rem;
}

._33lEqAKdtGottyPlfhRJc {
  display: flex;
  align-items: center;
}

._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"] {
  position: absolute;
  opacity: 0;
}

._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"]+label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"]:checked+label:before {
  background-color: var(--icon-color);
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"]:focus+label:before {
  outline: none;
  border-color: var(--icon-color);
}

._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"]:disabled+label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"]+label:empty:before {
  margin-right: 0;
}

._2TMaborQjgYMs-nXeO9ih9 h5 {
  color: var(--icon-color);
  font-size: 1rem;
  font-weight: bold;
}

._2TMaborQjgYMs-nXeO9ih9 {
  background-color: #E6F6E1;
  padding: 1rem 2rem;
  overflow: auto;
}

._2TMaborQjgYMs-nXeO9ih9>ul {
  list-style: none;
  display: flex;
  padding-left: 0;
}

._2TMaborQjgYMs-nXeO9ih9>ul>li {
  display: flex;
  width: 150px;
  align-items: center;
  justify-content: start;
}

._2TMaborQjgYMs-nXeO9ih9>ul>li>h6 {
  margin-bottom: 0;
  margin-left: .5rem;
}

._1x3qLj0HU8rg2W9i2jtHra {
  float: right;
  background-color: var(--icon-color);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.25s;
}

._1x3qLj0HU8rg2W9i2jtHra:not([disabled]):hover {
  background-color: var(--icon-color-dark);
}

@media only screen and (max-width: 768px) {
  ._32KPLwb7hLc5M8N89fZUgR h3 {
    margin-bottom: .5rem;
  }
  .eECJEdZ_ASGOGAHuzm66e {
    margin-bottom: 0.2rem;
  }
  ._2ezUUF9k2yfxMtSsrCfvcv input[type="radio"]+label {
    font-size: small;
  }
}
._2jXO6BqcvDAmDGGmT_Ff6n {
  display: grid;
  grid-template-columns: 200px 175px 175px;
  grid-template-areas:
    'main item1 item1'
    'main item2 item2';
  grid-gap: 0px;
  background-color: white;
  padding: 10px;
  height: 450px;
  width: 550px;
  padding: 0;
  border-radius: var(--border-radius-wide);
}

._2jXO6BqcvDAmDGGmT_Ff6n img {
  height: 100%;
  width: 100%;
}

._2jXO6BqcvDAmDGGmT_Ff6n .YvKorIypfavFs_WGxh_x-{
  width: 100%;
}

._2jXO6BqcvDAmDGGmT_Ff6n > * {
  cursor: pointer;
}

._2jXO6BqcvDAmDGGmT_Ff6n .YvKorIypfavFs_WGxh_x- > img{
  width: 100%;
  width: 225px;
}

._2jXO6BqcvDAmDGGmT_Ff6n > .HzVE4NY5Tf_BQDRS-HMd0 {
  position: relative;
  grid-area: main;
  width: 100%;
}

._2jXO6BqcvDAmDGGmT_Ff6n > .YvKorIypfavFs_WGxh_x- {
  grid-area: item1;
}

._2jXO6BqcvDAmDGGmT_Ff6n > .FAk-FtAXqvRocZUtAUHLp {
  grid-area: item2;
}

._2jXO6BqcvDAmDGGmT_Ff6n > .HzVE4NY5Tf_BQDRS-HMd0 h3 {
  position: absolute;
  z-index: 99;
  top: 3rem;
  color: white;
  font-weight: bold;
  font-size: 2.5rem;
  text-align: center;
  left: 0px;
  width: 100%;
}
._1MHSRcPraSCcf2bMd6nlxj {
  background-color: #DAEBB3;
  padding-top: 2rem;
}

._1BlnV_17orMebamNBi60KY>div {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /* background-color: #f00; */
}

.nigigB9uOmv7zBOZG6Guw {
  background-image: url('/static/assets/background_kalkulator_zakat.png');
}

@media only screen and (max-width: 768px) {
  .nigigB9uOmv7zBOZG6Guw {
    display: none;
  }
  ._1BlnV_17orMebamNBi60KY {
    height: 250px;
  }
  ._1MHSRcPraSCcf2bMd6nlxj {
    padding-top: 0;
  }
  ._1MHSRcPraSCcf2bMd6nlxj h1 {
    margin-top: 0;
  }
}
._3ILB5wp-ilVL09LjA-uFj8 {
  background-color: var(--icon-color) !important;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

._2iM0ZHPSS2OoiJH_BrKk7X {
  background-color: #e73a3a !important;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

._2R6mH0Gy285J2PlwkZN8xK {
  color: var(--light-gray-color);
  font-size: 1.5rem;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  ._6-z5RBnK8AFaI8OAcJ3FO {
    padding-bottom: .5rem;
  }
}
._3GDu_e5LhzS5j7cY_zX4Du {
  margin-top: 1rem;
  cursor: pointer;
}

._3GDu_e5LhzS5j7cY_zX4Du ._3TVQLvQIQh5mr64m72YZPA {
  border-bottom: 5px solid var(--icon-color);
  font-weight: bold;
}

._3GDu_e5LhzS5j7cY_zX4Du ._3vyLDKTrAsTUclGk9JN-pc {
  font-weight: bold;
  color: #a29999;
}

._1DEtigGIRTtiSvE1uzeC45 {
  background-color: var(--icon-color);
}

@media only screen and (max-width: 768px) {
  ._3GDu_e5LhzS5j7cY_zX4Du ._3TVQLvQIQh5mr64m72YZPA {
    width: 50%;
  }
  ._3GDu_e5LhzS5j7cY_zX4Du ._3vyLDKTrAsTUclGk9JN-pc {
    width: 50%;
  }
}
.pKCtNc40ikszShgkWZNwF {
  color: var(--icon-color);
  text-align: center;
  font-weight: bolder;
  font-size: 1.5rem;
}

._30k_NGvACDAflzMnCrIZW7 {
  float: right;
  background-color: var(--icon-color);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.25s;
}

._30k_NGvACDAflzMnCrIZW7:not([disabled]):hover {
  background-color: var(--icon-color-dark);
}

._365WlJEs1oLmXdPft-7IgU {
  float: right;
  background-color: var(--gray-color-light);
  border: 0;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  color: var(--background-color-light);
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  padding: 0.5rem 1.25rem;
  transition: background-color 0.25s;
}

._30k_NGvACDAflzMnCrIZW7:not([disabled]):hover {
  background-color: var(--icon-color-dark);
}
.Jep8Jati0_Av82a7olPL7._7S6E3moY9SgFHFl5pjJNf > button {
  background-color: var(--icon-color) !important;
    border-color: var(--icon-color) !important;
    color: white !important;
}

.Jep8Jati0_Av82a7olPL7 > button {
  color: var(--icon-color) !important;
}

.Jep8Jati0_Av82a7olPL7 > button > span {
  color: var(--icon-color) !important;
}


._1dKy87apCMyMyGpBOeUEDO > button > span {
  color: var(--icon-color) !important;
}

._1dKy87apCMyMyGpBOeUEDO._20nwIg9tvYYcrWMjZzldXK > button > span {
  color: #6c757d !important;
}
._3F-3LG6nqxiEP91RUE2KhC {
    background-color: var(--background-color-white);
    width: 100%;
    padding: 2rem 12rem;
}

._1YoJmwmROcSvwJ3B9DSRCT>div>h6>span {
    font-weight: bolder;
}

._1YoJmwmROcSvwJ3B9DSRCT {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    ._1YoJmwmROcSvwJ3B9DSRCT {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem;
    }
}
.Ser_9LlXmpiNCuj5nrVqt {
  background-color: #DAEBB3;
  padding-top: 2rem;
}

.F4v7s3spj94DYUGMSMX2M>div {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /* background-color: #f00; */
}

._3nKQx9z9NyWS9mibjKrs3I {
  background-image: url('/static/assets/background_kalkulator_zakat.png');
}

@media only screen and (max-width: 768px) {
  ._3nKQx9z9NyWS9mibjKrs3I {
    display: none;
  }
  .F4v7s3spj94DYUGMSMX2M {
    height: 250px;
  }
  .Ser_9LlXmpiNCuj5nrVqt {
    padding-top: 0;
  }
  .Ser_9LlXmpiNCuj5nrVqt h1 {
    margin-top: 0;
  }
}