/*!**************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/assets/css/style.scss ***!
  \**************************************************************************************************************************************************************/
.mxghosf_loading {
  width: 100%;
  display: flex;
  justify-content: center;
}
.mxghosf_loading:before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIj4KICA8Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNWI2NDYwIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1kYXNoYXJyYXk9IjMxLjQgMzEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDI1IDI1IiB0bz0iMzYwIDI1IDI1IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgPC9jaXJjbGU+Cjwvc3ZnPgo=);
  background-position: center;
  background-size: contain;
}

#mxghosf_app {
  margin-top: 20px;
}
#mxghosf_app h3 {
  margin-top: 50px;
  margin-bottom: 40px;
}

.mx_buy_service_wrapper .button-small {
  text-transform: uppercase;
  color: #fff;
}
.mx_buy_service_wrapper select {
  text-align: center;
}
.mx_buy_service_wrapper select.mx-select-hut {
  text-align: left;
}
.mx_buy_service_wrapper input, .mx_buy_service_wrapper select {
  height: 50px;
  width: 100%;
  background: #fff;
  border: 1px solid #5b6460;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333;
  border-radius: 0;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 5px;
}
.mx_buy_service_wrapper tfoot th {
  padding: 20px 10px;
}

.mx_buy_service_tip_wrapper table {
  margin-top: 25px;
}
.mx_buy_service_tip_wrapper .mx_buy_service_default_tips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .mx_buy_service_tip_wrapper .mx_buy_service_default_tips {
    justify-content: center;
  }
}
.mx_buy_service_tip_wrapper .mx_buy_service_default_tips label {
  padding: 20px;
  border: 1px solid #e6e3e3;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mx_buy_service_tip_wrapper .mx_buy_service_default_tips label:has(input:checked) {
  background-color: #e2ffe2;
}
@media (max-width: 768px) {
  .mx_buy_service_tip_wrapper .mx_buy_service_default_tips label {
    width: 48%;
  }
}

.mx_buy_service_custom_tip input {
  height: 50px;
  width: 100%;
  background: #fff;
  border: 1px solid #5b6460;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333;
  border-radius: 0;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 5px 10px;
  max-width: 200px;
  margin: auto;
}

.mx_buy_service_confirm_order {
  display: flex;
  justify-content: center;
}
.mx_buy_service_confirm_order .button-small {
  text-transform: uppercase;
  color: #fff;
  width: 150px;
}

.page-template-template-buy-service main {
  margin-top: 0;
}
.page-template-template-buy-service footer {
  background-color: #5b6460;
  padding: 50px 20px;
}
.page-template-template-buy-service footer .footer-social {
  justify-content: center;
}

.mx-buy-service-separator {
  margin-top: 50px;
}

.mx_buy_service_confirm_order_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.76);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mx_buy_service_confirm_order_popup .mx_buy_service_confirm_order_popup_window {
  background: #fff;
  padding: 20px;
  overflow-y: auto;
  max-height: 100%;
}
.mx_buy_service_confirm_order_popup .mx_buy_service_confirm_order_close_popup {
  margin-top: 20px;
  text-align: right;
  display: block;
}
.mx_buy_service_confirm_order_popup .mx_buy_service_confirm_order_close_popup_pay_button_wrapper {
  display: flex;
  justify-content: center;
}

.form-group select.mx-input-error {
  border-color: red !important;
}