:root {
  --white-smoke: #f0f0f0;
  --cadet-blue: #00a3b5;
  --gainsboro: #e2e2e2;
  --white: #fff;
  --red: red;
  --midnight-blue: #003170;
  --orange: #ffb700;
  --orange-red: #f5410a;
  --medium-sea-green: #008147;
  --black-1: #3a3a3a;
  --black: #141b24;
  --tomato: #fb6739;
  --color-field: #4a3aff;
  --maroon-2: #481100;
  --gold: #e9db30;
  --dark-orange: darkorange;
  --gold-2: #ffd000;
  --black-2: #00000063;
  --yellow-green: #a7d237;
  --yellow-green-2: #89af24;
  --sea-green: #007c44;
  --dark-green: #00552f;
  --midnight-blue-2: #1b3048;
  --midnight-blue-3: #0d2036;
  --floral-white: #fef8ec;
  --goldenrod: #fcb900;
  --maroon: #701a00;
  --blanched-almond: #fec;
  --dark-turquoise: #00bdc3;
  --kopisendi: #c7a752;
  --oren1: #ff6f00;
  --oren2: #eb4700;
  --aaaaa: #3bd2c0;
  --bg-blur-color: #47474733;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

.fb-disclaimer {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-fb-dis {
  color: #888;
  text-align: justify;
  margin-bottom: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.legal-text {
  opacity: .85;
  color: var(--white-smoke);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  text-decoration: none;
}

.legal-text.legat-hover {
  color: var(--white-smoke);
}

.legal-text.legat-hover:hover {
  color: var(--cadet-blue);
}

.div-block-77 {
  background-color: #969696;
  width: 1px;
  margin-left: 5px;
  margin-right: 5px;
}

.dv-bottom-link {
  justify-content: center;
  width: 100%;
  padding: 2px 2px 2px 10px;
  display: flex;
}

.dv-bg-dis {
  width: 100%;
  padding: 5px 5px 20px;
}

.dv-copyright {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 600px;
  margin-bottom: 40px;
  padding: 10px 0;
  display: flex;
}

.container-bottom {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 500px;
  padding: 20px 10px 40px;
  display: flex;
}

.dv-bgautotahun {
  justify-content: center;
  width: 100%;
  padding: 5px 2px;
  display: flex;
}

.bisnez-details {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.bg-contactus {
  background-color: #151515;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.contact-font {
  color: var(--gainsboro);
  text-align: justify;
  margin-bottom: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.gobal_styles {
  display: none;
}

.bg-img-testi {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.bgi-workingtime {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bgi-workingtime.tengah {
  justify-content: flex-start;
}

.div-block-85 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.text-121212 {
  color: #888;
  text-align: justify;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.icon-5 {
  color: #888;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-biz-title {
  color: #888;
  text-align: justify;
  padding-bottom: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.bg-btn-icon-bottom {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  display: flex;
}

.section-footer {
  background-color: #000;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.icon-2 {
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.tukar-text {
  text-decoration: none;
}

.bg-sp {
  z-index: 2147483647;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  max-width: 350px;
  display: flex;
  position: fixed;
  inset: 10px 20px auto auto;
}

.text-sp {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 70px;
  padding-left: 8px;
  padding-right: 10px;
  display: flex;
}

.d_sp-content {
  align-items: center;
  width: 100%;
  padding: 6px;
  display: flex;
}

.sp-data-cust {
  font-weight: 700;
}

.custom-social-proof {
  background-color: #ffeea5;
  border-radius: 6px;
  justify-content: flex-start;
  width: 90%;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
  box-shadow: 0 2px 7px #00000080;
}

.bg-sp-text {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.img-icon-sp {
  margin-right: 10px;
}

.social-c {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.sp_close-x {
  justify-content: center;
  align-items: flex-start;
  width: 20px;
  padding-top: 6px;
  padding-right: 2px;
  display: flex;
}

.h-red {
  color: var(--red);
}

.icon_sold {
  color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon_sold.whiteicon {
  color: var(--white);
}

.d_icon-sold {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.reviewstartext-flex-2 {
  color: #3a3a3a;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.reviewstartext-flex-2.white {
  color: var(--white);
}

.total-sold-pakej {
  color: #3a3a3a;
  padding-right: 4px;
  font-weight: 700;
}

.rating-sold-pakej {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
}

.section_order {
  background-color: #f3f3f3;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-form {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.t-4 {
  color: #c8c8c8;
  width: 80%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.space_2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.bg_form_1 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.d_order-form {
  text-align: center;
  width: 100%;
  max-width: 475px;
  margin-left: auto;
  margin-right: auto;
}

.d_text_tiitle_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.input-wrapper {
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 1px;
  display: flex;
  position: relative;
}

.text-title-order-form {
  color: #252525;
  text-align: left;
  border-radius: 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.form-input {
  color: #525152;
  background-color: #fff;
  border: 1.8px solid #8ab7ff;
  border-radius: 6px;
  width: 100%;
  height: 60px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

.form-input:focus {
  border-color: #1875f0;
  box-shadow: 0 0 4px #1875f0;
}

.form-input::placeholder {
  color: #d5d5d5;
}

.button-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-label {
  color: #0e1012;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.ms-input-outer {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.form_label_small {
  color: #a7a7a7;
  -webkit-text-stroke-color: #747474;
  font-size: 12px;
  line-height: 14px;
}

.user-input {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.ms-input-wrap {
  padding: 0;
  display: flex;
  position: relative;
}

.link-5 {
  color: #117c6f94;
  text-decoration: none;
}

.link-5:hover {
  color: #2fc4b2;
}

.link-block {
  border: 2px solid var(--gainsboro);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-block.popular-pakej {
  border-color: var(--orange);
}

.t-t-popular {
  color: #fff;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.t-off-price-after {
  color: #dd3400;
  padding-left: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.price-off-layer2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.d-layer {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.input-radio-wrap {
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  min-height: 3em;
  margin-bottom: 1em;
  display: flex;
  position: relative;
}

.t-off-price-before {
  color: #a7a7a7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  text-decoration: line-through;
}

.c-content-off {
  z-index: 99;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  min-height: 70px;
  max-height: 100px;
  display: flex;
  position: relative;
}

.col-left {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.icon-truck {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.col-right {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 70%;
  display: flex;
}

.bg-icon-truck {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.d-tongle-1 {
  z-index: 999;
  background-color: #ff4500;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25px;
  padding: 5px;
  display: none;
  position: relative;
  top: -21px;
}

.sub-title-pakej {
  color: #787878;
  text-align: left;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.sub-title-pakej.populartextbold {
  color: #323232;
  font-size: 16px;
  font-weight: 700;
}

.radio-button {
  box-shadow: none;
  cursor: pointer;
  border: 1.2px solid #bdc0d8;
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: all .2s;
  overflow: hidden;
}

.radio-button.w--redirected-checked {
  border-width: 7px;
  border-color: #4a3aff;
}

.radio-button.w--redirected-focus {
  box-shadow: 0 0 3px 1px #4a3aff33;
}

.title-pakej {
  color: #222;
  text-align: left;
  padding-bottom: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.title-pakej.text-bold-popular {
  font-weight: 700;
}

.free-shipping2 {
  background-color: #00bdc3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 14px;
  display: flex;
}

.bg-radio-btn {
  width: 100%;
}

.bg-radio-btn.popular {
  background-color: #f8ff6e;
  border-radius: 10px;
}

.kupon-1-2 {
  background-color: #ff00041a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 14px;
  margin-left: 5px;
  display: flex;
}

.text-off-rm {
  color: red;
  font-size: 8px;
  font-weight: 600;
  line-height: 8px;
}

.text-free-ship {
  color: #fff;
  margin-left: 3px;
  font-size: 8px;
  font-style: italic;
  font-weight: 600;
  line-height: 8px;
}

.d-title-pakej {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.radio-tri {
  color: #0000;
  border: 2px solid #e6e6e6;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  line-height: 1px;
  transition: border-width .2s, border-color .2s;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 1px 6px 1px #13124212;
}

.radio-tri.ms-table-list {
  box-shadow: none;
}

.radio-btn {
  justify-content: flex-start;
  align-items: center;
  min-height: 100px;
  max-height: 114px;
  margin-bottom: 0;
  margin-left: 0;
  padding: 10px 8px 10px 10px;
  display: flex;
  position: relative;
}

.line {
  background-color: #e2e2e2;
  border-radius: 10px;
  width: 95%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 8px;
  padding-top: 0;
}

.o-s-table {
  background-color: #fff;
  border: 1.5px dashed #d0d0d0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.d_grand-total {
  border: 1px solid #d2d2d2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin-top: 8px;
  padding: 8px 5px;
  display: flex;
}

.t_grand-total {
  color: #434343;
  text-align: left;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}

.t_grand-total.lefttext {
  font-size: 18px;
}

.d_table-os {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  height: 28px;
  padding-bottom: 0;
  display: flex;
}

.t_title-os {
  color: #686868;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.t_title-os.title-os {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
}

.t_title-os.red-t-color {
  color: var(--orange-red);
}

.order-btn {
  background-color: #0063e1;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 1px 3px #0000002e;
}

.order-btn:hover {
  background-color: #0063b9;
  background-image: linear-gradient(144deg, #f5410a, #fb6739);
}

.order-btn.w--current {
  flex-flow: column;
  width: 100%;
  height: 70px;
  margin-bottom: 0;
  padding: 10px;
}

.t_title-osummary {
  color: #393939;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-89 {
  width: 100%;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.d-layer-tag {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.tnc {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.d_order-total {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.infopay-t {
  color: var(--medium-sea-green);
  text-align: left;
  justify-content: flex-end;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.d_order-total-2 {
  justify-content: space-between;
  width: 95%;
  padding-top: 4px;
}

.html-img-pakej {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.d_bg-link-pakej {
  flex-flow: column;
  order: -1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 10px 14px;
  display: none;
}

.d_bg-title-borang-tempahan {
  flex-flow: column;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.d_bg-text-borang-title {
  background-color: var(--black-1);
  border-radius: 20px 20px 4px 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
}

.text-title {
  color: #fff;
  text-align: center;
  border-radius: 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
}

.section_big {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-tip {
  text-align: center;
  margin-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.bantuan-wasap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  padding: 21px 20px;
  display: flex;
}

.sub-orderberjaya-t {
  color: #005fbd;
  text-align: center;
  margin-bottom: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.icon_star {
  color: #fcb900;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.d_icon-star {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.bg-btnbuy-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 8px;
  display: flex;
}

.cta-button-2 {
  background-color: var(--orange-red);
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 70px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.cta-button-2:hover {
  background-color: #0063b9;
  background-image: linear-gradient(144deg, #f5410a, #fb6739);
}

.cta-button-2.w--current {
  flex-flow: column;
  width: 100%;
  height: 70px;
  margin-bottom: 0;
  padding: 10px;
}

.cta-button-2.link-block {
  background-color: var(--orange-red);
  width: 80%;
}

.text-block-btn-2 {
  color: var(--white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.container-title-off {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  display: none;
}

.t-title-off {
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 43px;
  font-weight: 800;
  line-height: 42px;
}

.d-text-title-pilihpakej {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.t-title-off-copy {
  color: var(--black);
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.h-oren {
  color: var(--orange-red);
}

.d-top-pakej {
  background-color: var(--tomato);
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.d-top-pakej.flash-animation {
  width: 110px;
  padding-left: 3px;
  padding-right: 3px;
  position: absolute;
  top: -10px;
}

.t-top-pakej {
  color: var(--white);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.wa-button {
  background-color: #0063e1;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 1px 3px #0000002e;
}

.wa-button:hover {
  background-color: #0063b9;
  background-image: linear-gradient(144deg, #f5410a, #fb6739);
}

.wa-button.w--current {
  flex-flow: column;
  width: 100%;
  height: 70px;
  margin-bottom: 0;
  padding: 10px;
}

.text-block-btn-wa {
  color: var(--white);
  text-align: center;
  padding-bottom: 2px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
}

.t-sub-btn-wa {
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.bg-icon-arrow {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.d-c-btn-kliksini-wa {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-cod {
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 5px 10px;
  display: flex;
  position: static;
}

.toggle-arrow-open {
  color: var(--white);
  width: 16px;
  height: 16px;
  margin-bottom: -4px;
  margin-left: 60px;
  font-size: 14px;
  transition: transform .3s;
  display: flex;
}

.text-discrition {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.text-discrition.t-cod-d {
  color: #5c5c5c;
  text-align: left;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-text-payment {
  width: 90%;
  margin-top: 10px;
  padding: 0 10px 10px;
}

.info-payment {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.info-payment.i-cod, .info-payment.i-fpx {
  display: flex;
}

.radio-trigger {
  box-shadow: none;
  color: #f0f0f000;
  border: 2.5px solid #e6e6e6;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 44px;
  padding-right: 32px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  transition: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.radio-trigger:hover {
  border-color: #bfbaff;
}

.flex-block-2 {
  border: 2px dashed var(--medium-sea-green);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 10px;
}

.t_cod {
  color: #0d009b;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.html-img-payment {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-1 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.container-tq {
  padding: 10px;
}

.t-12 {
  text-align: center;
  margin-bottom: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
}

.tick-green {
  width: 60px;
  height: 60px;
}

.main-content {
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  padding-bottom: 40px;
}

.d-text-tq {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 10px 20px;
  display: flex;
}

.d_container-tq {
  width: 100%;
  padding: 20px 10px;
}

.t-orderberjaya {
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 36px;
}

.jazakallah {
  flex-direction: column;
  align-items: center;
  padding: 15px 20px;
  display: flex;
}

.html-img-jazakallah {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.t-jaza {
  color: #9f9f9f;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.o-s-table-2 {
  border: 1.5px dashed #d0d0d0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 10px;
  display: flex;
}

.shortcut-pakej {
  vertical-align: baseline;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-pakej {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.d-text {
  flex-flow: column;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-text, .div-text-data {
  width: 100%;
}

.text-2 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.t_title-pp {
  color: #686868;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.t_title-pd {
  color: #686868;
  text-align: left;
  padding-left: 4px;
  padding-right: 4px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.d_table-pd {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  padding-top: 2px;
  padding-bottom: 3px;
  display: flex;
}

.tracking-tq {
  border: 3px dashed red;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 10px;
  display: flex;
}

.t-tracking {
  color: #e00;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}

.clr-h-dark {
  color: #960000;
}

.html-img-rider {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.d-order-berjaya {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
}

.div-title {
  background-color: #3e3e3e;
  border-radius: 6px 6px 2px 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 10px;
  display: flex;
}

.t-t-tq-page {
  color: #fff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.sub-orderberjaya-t2 {
  color: var(--medium-sea-green);
  text-align: center;
  margin-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
}

.sub-orderberjaya-t2.shake-animation {
  font-weight: 700;
}

.status-payment {
  border: 1.5px dashed #d0d0d0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 2px;
  display: flex;
}

.div_status-bayaran {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.text-111 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.section-footer-tq {
  background-color: #000;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-tq {
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.divpayment {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.radio_button_field {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #545454;
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
}

.radio_button-icon {
  width: 25px;
  height: 25px;
  margin-top: 0;
}

.radio_button-icon.w--redirected-checked {
  border: 7.5px solid var(--color-field);
  box-shadow: 0 2px 5px #0000;
}

.radio_button-label {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.flex-block {
  flex-flow: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.divcod {
  width: 100%;
  padding-bottom: 10px;
}

.divnotis {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 6px;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: flex;
}

.space_4 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

.space_4.poskodd {
  height: 15px;
}

.logo-payment {
  width: 130px;
}

.divonlinebanking {
  width: 100%;
  padding-bottom: 10px;
}

.trigger-text {
  grid-column-gap: .5em;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  font-size: .7em;
  line-height: 2em;
  display: flex;
}

.lock-icon {
  justify-content: center;
  align-items: center;
  width: 1.6em;
  height: 1.6em;
  margin-bottom: .2em;
  display: flex;
}

.h-black {
  color: #141b24;
}

.bg-icon-date {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.div-block-87 {
  border: 4px dashed #f5410a;
  border-radius: 20px;
  width: 100%;
  padding: 20px 15px;
}

.icon-date {
  color: #f5410a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.t-harga-jika {
  color: #b12900;
  text-align: center;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 36px;
}

.d-text-kkm {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.sec_offer-1 {
  background-color: #fef8ec;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.h-red-underline {
  color: red;
  text-decoration: underline;
}

.d-t-offer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.t-harga-offweb {
  color: #5c5c5c;
  text-align: center;
  margin-bottom: 30px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

.h-red-2 {
  color: red;
}

.t-kkm {
  color: #141b24;
  text-align: center;
  padding-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 42px;
}

.container-kkm {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.t-harga-asal {
  color: #141b24;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
}

.container-title-off-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  display: flex;
}

.t-title-offer {
  color: #141b24;
  text-align: center;
  margin-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 43px;
  font-weight: 800;
  line-height: 42px;
}

.h-red-3 {
  color: red;
}

.t-sub-title-off {
  color: #141b24;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
}

.h-oren-2 {
  color: #f5410a;
}

.d-pakej-block {
  width: 100%;
  padding-bottom: 20px;
}

.outline-pakej {
  border: 2px solid #cfcfcf;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button-order {
  background-color: #ee4d2d;
  background-image: linear-gradient(159deg, #fb6739, #da3a1a);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 80%;
  min-height: 60px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  transition: all .4s ease-out;
  display: flex;
  box-shadow: inset -1px -1px 3px #fb6739, inset 1px 1px 3px #eee6ff70, 1px 1px 2px #fb6739;
}

.button-order:hover {
  box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00, 1px 1px 2px #c63509;
}

.d-butang-order-pakej {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon-cart-plus {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 5px;
  display: flex;
}

.icon-3 {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-btn {
  color: #fff;
  padding-left: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
}

.t_progress {
  color: #fef8ec;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.progress_bar-active {
  background-color: #ededed;
  background-image: linear-gradient(90deg, #ff6f00, #ff6f00 56%, #eb4700 82%, #eb4700);
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  width: 85%;
  height: 18px;
  display: flex;
}

.bg-btn-icon-arow-btn-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 6px;
  display: flex;
}

.div-bg-prograsbar {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.text-bawah {
  color: #481100;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.text-bawah.white {
  color: var(--white-smoke);
}

.main-cta-button {
  background-color: #4caf50;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 1px 3px #0000002e;
}

.main-cta-button:hover {
  background-color: #0063b9;
  background-image: linear-gradient(144deg, #f5410a, #fb6739);
}

.main-cta-button.w--current {
  width: 90%;
  padding: 10px;
}

.d_cta {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.total-sold_all {
  color: #3a3a3a;
  padding-right: 4px;
  font-weight: 700;
  line-height: 16px;
}

.total-sold_all.white {
  color: var(--white);
}

.icon-truck-copy {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-center-rating {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  display: flex;
}

.d_bg-icon-flash {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.text-cta-off {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  text-decoration: none;
}

.cta-bg-offer {
  border: 3.5px dashed #f5410ac9;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.d_under-button-cta {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.d_icon-5star {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 20px;
  padding-right: 4px;
  display: flex;
}

.baki-item-text {
  font-weight: 600;
}

.baki-item-text.baki-item {
  color: #481100;
  background-color: #ebebeb;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 700;
}

.icon_retting_5star {
  color: #fcb900;
  justify-content: center;
  align-items: center;
  width: 50px;
  display: flex;
}

.bg-btn-icon-coupon-btn {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 7px;
  display: flex;
}

.progress_bar {
  background-color: #ededed;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 18px;
  display: flex;
  box-shadow: inset 0 2px 5px #00000024;
}

.div-bg-text-baki {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.bg-text-t-qa {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 5px;
  display: flex;
}

.container-faq {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.text-size-medium {
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
}

.text-size-medium.text-weight-bold {
  font-weight: 600;
  line-height: 23px;
}

.d-bg-c {
  width: 100%;
  max-width: 500px;
  padding: 24px;
}

.accordion-item-a-text {
  color: #666;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.faq-answer-2 {
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 22px;
}

.faq1_component {
  width: 100%;
  max-width: 500px;
  margin-bottom: 14px;
}

.faq1_answer {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.faq1_icon {
  align-self: flex-start;
  margin-left: 0;
}

.faq1_accordion {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

._1-bg-t-qa {
  align-items: center;
  width: 100%;
  display: flex;
}

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

.section-qna {
  background-color: #fef8ec;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge {
  width: 100%;
  padding-bottom: 16px;
}

.heading {
  font-family: Inter, sans-serif;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.faq1_question {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 10px 1.25rem 15px;
  display: flex;
}

.bg-loti-playbtn-merah-1 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 300px;
  padding: 5px;
  display: none;
  position: relative;
}

.sec_testi {
  background-color: #250000;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.d-video-embed {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.plyr_cover {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.html-shadows-img {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.d-bg-img-reposive {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.plyr_embed {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.plyr_cover-img {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  inset: 0%;
}

.video-block {
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.bg-loti-playbtn-oren {
  z-index: 3;
  width: 180px;
  padding: 5px;
  display: flex;
  position: relative;
}

.plyr_pause-trigger {
  display: none;
}

.block-shadows {
  border-radius: 20px;
  width: 100%;
}

.plyr_component {
  width: 100%;
  position: relative;
}

.plyr_component.is-full-screen {
  max-width: 500px;
}

.t-2 {
  color: var(--orange);
  text-align: center;
  padding-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 34px;
}

.title-video {
  color: #797979;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.d-text-testi {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.d-text-title-video {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.container-produk {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.html-img-respon-radius {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.bg-img-responsif {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bg-img-responsif.space-t-b {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bg-img-responsif.space-t-b-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.video-mp4 {
  display: none;
}

.section-top-1 {
  z-index: 99999999;
  background-color: #320d00;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  padding: 20px 5px 15px;
  display: flex;
}

.d-bg-top-bar {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  display: flex;
}

.text-bar {
  color: #fff;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.t-h-color {
  color: #fcb900;
}

.d-img-hero-animasi {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.hero-section {
  color: #fff;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.d-text-hero {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.html-embed-img-responsive {
  object-fit: fill;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.t-hero-2 {
  color: #f5410a;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-weight: 800;
  line-height: 40px;
}

.t-hero-1 {
  color: #141b24;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 38px;
  display: block;
}

.container-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.sec_list-masalah {
  background-color: #fef8ec;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-1 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 20px;
  display: flex;
}

.container-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding: 20px 10px 40px;
  display: flex;
}

.t-1 {
  color: #fef8ec;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 38px;
}

.d-text-6 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.sec_masalah-2 {
  background-color: #320d00;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sec_akhbar {
  background-color: #940303;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-akhbar {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding: 20px 10px;
  display: flex;
}

.smallfont {
  font-size: 24px;
  line-height: 28px;
}

.d-bg-for-hadis {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.html-img-respon {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.sec_dalil {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.bold-text {
  color: #000;
}

.container-dalil {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding: 20px 10px 40px;
  display: flex;
}

.text-hadis-naksud {
  color: #303030;
  text-align: center;
  padding-bottom: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 31px;
}

.text-hadis-arab {
  color: #000;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 34px;
}

.d-bg-hadis {
  background-color: #faffec;
  border: 3px dashed #628605;
  border-radius: 10px;
  width: 100%;
  padding: 20px 15px;
}

.text-hadis--sumber {
  color: #4f4f4f;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.text-hadis {
  color: #545454;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.text-hadis-riwayat {
  color: #343434;
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.kopisendi-logo {
  color: #c7a752;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.html-embed-img-layer {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.d-img-hero-anima-pro, .d-logo-kopi {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.divlogokopi {
  width: 250px;
  padding: 5px;
}

.sec_produk {
  background-color: #3b0000;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sec_bayangkan {
  background-color: #250000;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.d-text-7 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.t-a {
  color: #fcb900;
  text-align: center;
  padding-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 38px;
}

.t-b {
  color: #fef8ec;
  text-align: center;
  padding-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.t-b-black {
  color: #481100;
  text-align: center;
  padding-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 30px;
}

.masonry__grid-person {
  color: #222;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  line-height: 21px;
}

.t-a-b {
  color: #701a00;
  text-align: center;
  padding-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 38px;
}

.d-text-bahan {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.masonry__grid-signature {
  align-items: center;
  display: flex;
}

.title-bahan {
  color: #222;
  padding-left: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 26px;
}

.div-block-86 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.masonry__grid-job-title {
  color: #6b6b6b;
  letter-spacing: .125px;
  text-transform: uppercase;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
}

.t-bahan {
  color: #141b24;
  text-align: center;
  padding-bottom: 20px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 42px;
}

.h-red-4 {
  color: red;
}

.masonry__grid-quote {
  text-align: left;
  border-left-style: none;
  border-left-width: 0;
  margin-top: 18px;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 24px;
}

.katapakar__grid-block {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 5px #0000000d;
}

.sec_bagus, .sec_kkm {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fef8ec;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sec_caraguna {
  background-color: #250000;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.d-text-2 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
}

.date {
  color: #f5410a;
  padding-right: 9px;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 38px;
}

.date.date-harini {
  font-size: 30px;
  line-height: 34px;
}

.t-date-offer {
  color: #141b24;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.container-cod {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding: 40px 10px;
  display: flex;
}

.imgbglain {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sec_cod {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.t-date-offer-copy {
  color: #141b24;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.jangan-tunggu {
  border: 4px dashed red;
  border-radius: 20px;
  width: 100%;
  margin-bottom: 40px;
  padding: 15px;
}

.d-text-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.t-title-carabayar {
  color: var(--maroon-2);
  text-align: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 43px;
  font-weight: 800;
  line-height: 42px;
}

.t-title-carabayar.pbawah {
  margin-bottom: 20px;
}

.h-red4 {
  color: red;
}

.d-text-2carabayar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.d-under-btn {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
  display: flex;
}

.text-block {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
}

.space_1 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  text-decoration: none;
  display: flex;
}

@media screen and (max-width: 991px) {
  .legal-text {
    text-align: center;
    margin-bottom: 0;
  }

  .bg-btn-icon-bottom {
    width: 20px;
    height: 20px;
    margin-left: 5px;
  }

  .reviewstartext-flex-2 {
    font-size: 14px;
  }

  .order_form {
    flex: 1;
  }

  .bg-icon-truck {
    margin-left: 5px;
  }

  .radio-button {
    margin-right: 10px;
  }

  .free-shipping2 {
    width: 90px;
  }

  .bg-icon-arrow {
    margin-left: 5px;
  }

  .radio-trigger {
    font-size: 16px;
  }

  .bg-icon-date {
    margin-left: 5px;
  }

  .icon-cart-plus {
    width: 20px;
    height: 20px;
    margin-left: 5px;
  }

  .bg-btn-icon-arow-btn-2, .bg-btn-icon-coupon-btn, .bg-text-t-qa {
    margin-left: 5px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-top-1 {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .text-fb-dis {
    font-size: 10px;
    line-height: 12px;
  }

  .dv-copyright {
    flex-direction: column;
  }

  .contact-font, .text-121212, .text-biz-title {
    font-size: 10px;
    line-height: 12px;
  }

  .bg-btn-icon-bottom {
    width: 16px;
    height: 16px;
  }

  .d_sp-content {
    flex-direction: row;
    align-items: center;
  }

  .img-icon-sp, .radio-button {
    margin-right: 10px;
  }

  .div-block-text-payment {
    margin-top: 10px;
    padding: 0 0 10px;
  }

  .t-harga-jika, .t-harga-offweb, .t-kkm, .t-harga-asal {
    font-size: 40px;
    line-height: 42px;
  }

  .icon-cart-plus {
    width: 16px;
    height: 16px;
  }

  .container-faq {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .faq-answer-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .faq1_icon {
    width: 1.75rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .t-2, .t-hero-2, .t-1, .t-a, .t-b, .t-b-black, .t-a-b, .t-bahan {
    font-size: 40px;
    line-height: 42px;
  }
}

@media screen and (max-width: 479px) {
  .legal-text {
    font-size: 11px;
    line-height: 13px;
  }

  .legal-text.legat-hover {
    font-size: 10px;
    line-height: 12px;
  }

  .dv-copyright {
    padding: 10px;
  }

  .container-bottom {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bg-contactus {
    align-items: center;
  }

  .bg-img-testi {
    padding-left: 5px;
    padding-right: 5px;
  }

  .bg-btn-icon-bottom {
    width: 20px;
    height: 20px;
  }

  .bg-sp {
    align-items: center;
    max-width: 100%;
    bottom: auto;
    right: auto;
  }

  .text-sp {
    justify-content: center;
    align-items: flex-start;
    padding-left: 6px;
  }

  .custom-social-proof {
    border-radius: 5px;
    max-width: 100%;
    inset: 64px auto auto 5%;
  }

  .img-icon-sp {
    width: 16%;
  }

  .sp_close-x {
    width: 16px;
  }

  .d_icon-sold {
    width: 20px;
    height: 20px;
  }

  .total-sold-pakej.total-sold-b, .total-sold-pakej.total-sold-c {
    font-size: 12px;
  }

  .t-4 {
    width: 100%;
  }

  .space_2 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .bg_form_1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .d_text_tiitle_form {
    margin-bottom: 15px;
    padding-left: 2px;
    padding-right: 2px;
  }

  .text-title-order-form {
    text-align: center;
    font-size: 20px;
  }

  .form-input {
    width: 100%;
  }

  .user-input {
    padding-left: 2px;
    padding-right: 2px;
  }

  .t-t-popular {
    font-size: 12px;
    line-height: 12px;
  }

  .t-off-price-after {
    font-size: 18px;
    line-height: 20px;
  }

  .t-off-price-before {
    font-size: 14px;
    line-height: 16px;
  }

  .c-content-off {
    align-items: center;
    width: 100%;
  }

  .col-left {
    width: 35%;
  }

  .col-right {
    width: 65%;
  }

  .bg-icon-truck {
    margin-left: 0;
    margin-right: 0;
  }

  .sub-title-pakej {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
  }

  .radio-button {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .title-pakej {
    padding-bottom: 3px;
    font-size: 16px;
    line-height: 18px;
  }

  .free-shipping2 {
    width: 90px;
    height: 16px;
  }

  .kupon-1-2 {
    width: 70px;
    height: 16px;
    margin-left: 3px;
  }

  .text-off-rm, .text-free-ship {
    font-size: 9px;
    line-height: 9px;
  }

  .radio-btn {
    padding-left: 8px;
  }

  .t_grand-total {
    font-size: 22px;
    line-height: 24px;
  }

  .t_grand-total.lefttext {
    font-size: 18px;
  }

  .t_title-os {
    font-size: 16px;
  }

  .t_title-os.title-os {
    font-size: 18px;
  }

  .order-btn.w--current {
    width: 95%;
  }

  .t_title-osummary {
    font-size: 20px;
    line-height: 22px;
  }

  .text-title {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
  }

  .text-tip {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .bantuan-wasap {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sub-orderberjaya-t {
    font-size: 18px;
    line-height: 22px;
  }

  .d_icon-star {
    width: 20px;
    height: 20px;
  }

  .bg-btnbuy-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .cta-button-2 {
    width: 90%;
  }

  .cta-button-2.w--current, .cta-button-2.link-block {
    width: 95%;
  }

  .t-title-off {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 34px;
    line-height: 36px;
  }

  .d-text-title-pilihpakej {
    padding-left: 14px;
    padding-right: 14px;
  }

  .t-title-off-copy {
    font-size: 26px;
    line-height: 28px;
  }

  .t-top-pakej {
    font-size: 11px;
  }

  .wa-button {
    width: 100%;
  }

  .wa-button.w--current {
    width: 95%;
  }

  .text-block-btn-wa {
    margin-bottom: 4px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 20px;
    line-height: 22px;
  }

  .t-sub-btn-wa {
    font-size: 14px;
    line-height: 16px;
  }

  .bg-icon-arrow {
    width: 18px;
    height: 18px;
  }

  .div-cod {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .text-discrition {
    font-size: 12px;
    line-height: 16px;
  }

  .text-discrition.t-cod-d {
    font-size: 14px;
    line-height: 22px;
  }

  .div-block-text-payment {
    padding-top: 0;
    padding-bottom: 0;
  }

  .radio-trigger {
    text-align: left;
    white-space: nowrap;
    padding-left: 44px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 1.5;
  }

  .t_cod {
    font-size: 16px;
    line-height: 20px;
  }

  .t-orderberjaya {
    font-size: 24px;
    line-height: 28px;
  }

  .t-jaza {
    font-size: 16px;
    line-height: 18px;
  }

  .t-tracking {
    font-size: 20px;
    line-height: 26px;
  }

  .div-title {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .divpayment {
    padding-left: 2px;
    padding-right: 2px;
  }

  .radio_button_field {
    height: 65px;
  }

  .radio_button-label {
    font-size: 1rem;
  }

  .divnotis, .space_4 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .logo-payment {
    width: 80px;
  }

  .bg-icon-date {
    margin-left: 0;
    margin-right: 0;
  }

  .t-harga-jika {
    font-size: 34px;
    line-height: 39px;
  }

  .d-text-kkm, .d-t-offer {
    padding-left: 14px;
    padding-right: 14px;
  }

  .t-harga-offweb {
    font-size: 38px;
    line-height: 40px;
  }

  .t-kkm {
    font-size: 34px;
    line-height: 36px;
  }

  .t-harga-asal {
    font-size: 34px;
    line-height: 39px;
  }

  .t-title-offer {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 34px;
    line-height: 36px;
  }

  .t-sub-title-off {
    font-size: 26px;
    line-height: 28px;
  }

  .d-pakej-block {
    padding: 10px;
  }

  .button-order {
    width: 90%;
  }

  .icon-cart-plus {
    width: 20px;
    height: 20px;
  }

  .bg-btn-icon-arow-btn-2 {
    width: 25px;
    height: 25px;
  }

  .text-bawah {
    font-size: 16px;
    line-height: 20px;
  }

  .main-cta-button {
    width: 100%;
  }

  .main-cta-button.w--current, .main-cta-button.shake-animation {
    width: 95%;
  }

  .d_cta {
    overflow: hidden;
  }

  .d_bg-icon-flash {
    margin-right: 0;
  }

  .text-cta-off {
    font-size: 18px;
    line-height: 20px;
  }

  .cta-bg-offer {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .d_under-button-cta {
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .bg-btn-icon-coupon-btn {
    width: 25px;
    height: 25px;
  }

  .bg-text-t-qa {
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-medium.text-weight-bold {
    font-size: 1rem;
    line-height: 20px;
  }

  .accordion-item-a-text {
    font-size: 14px;
    line-height: 20px;
  }

  .faq-answer-2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .faq1_component {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq1_icon {
    width: 1.7rem;
    margin-left: .125rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-xxlarge {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq1_question {
    justify-content: space-between;
    align-items: center;
    padding-right: 5px;
  }

  .bg-loti-playbtn-merah-1 {
    width: 100%;
  }

  .d-video-embed {
    padding-left: 10px;
    padding-right: 10px;
  }

  .t-2 {
    font-size: 30px;
    line-height: 36px;
  }

  .title-video {
    font-size: 18px;
  }

  .d-text-testi {
    padding-left: 14px;
    padding-right: 14px;
  }

  .d-text-title-video {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-produk {
    padding-left: 0;
    padding-right: 0;
  }

  .bg-img-responsif.space-t-b {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bg-img-responsif.bottom-space-m {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .bg-img-responsif.space-t-b-15 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-top-1 {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .d-bg-top-bar {
    height: 70px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .text-bar {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
  }

  .d-img-hero-animasi {
    overflow: hidden;
  }

  .d-text-hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .t-hero-2 {
    font-size: 38px;
    line-height: 42px;
  }

  .t-hero-1 {
    font-size: 34px;
    line-height: 38px;
  }

  .container-1, .container-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .t-1 {
    font-size: 30px;
    line-height: 36px;
  }

  .d-text-6 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .container-akhbar {
    padding-left: 0;
    padding-right: 0;
  }

  .d-bg-for-hadis {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-dalil {
    padding-left: 0;
    padding-right: 0;
  }

  .text-hadis-naksud {
    font-size: 19px;
    line-height: 26px;
  }

  .text-hadis-arab {
    font-size: 36px;
    line-height: 40px;
  }

  .d-bg-hadis {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-hadis {
    font-size: 10px;
    line-height: 18px;
  }

  .text-hadis-riwayat {
    font-size: 14px;
    line-height: 20px;
  }

  .d-img-hero-anima-pro {
    overflow: hidden;
  }

  .d-logo-kopi {
    padding-left: 10px;
    padding-right: 10px;
  }

  .divlogokopi {
    width: 180px;
  }

  .d-text-7 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .t-a, .t-b {
    font-size: 34px;
    line-height: 42px;
  }

  .t-b-black {
    font-size: 34px;
    line-height: 38px;
  }

  .t-a-b {
    font-size: 34px;
    line-height: 40px;
  }

  .d-text-bahan {
    padding-left: 14px;
    padding-right: 14px;
  }

  .title-bahan {
    font-size: 20px;
    line-height: 24px;
  }

  .t-bahan {
    font-size: 34px;
    line-height: 36px;
  }

  .d-text-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .t-date-offer {
    font-size: 22px;
    line-height: 26px;
  }

  .container-cod {
    padding: 40px 15px;
  }

  .imgbglain {
    padding-left: 10px;
    padding-right: 10px;
  }

  .t-date-offer-copy {
    font-size: 20px;
    line-height: 24px;
  }

  .jangan-tunggu {
    padding: 12px 10px;
  }

  .d-text-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .t-title-carabayar {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 29px;
  }

  .d-text-2carabayar {
    padding-left: 14px;
    padding-right: 14px;
  }

  .space_1 {
    height: 10px;
    padding-left: 2px;
    padding-right: 2px;
  }
}