.flow {
  border-radius: 5px !important;
  border: 0px solid !important;
}
@media screen and (min-width: 1600px) {
  .flow {
    width: 35% !important;
  }
}

@media screen and (max-width: 1599px) {
  .flow {
    width: 50% !important;
    overflow: auto;
  }
}

@media screen and (max-width: 1300px) {
  .flow {
    width: 75% !important;
    overflow: auto;
  }
}

@media screen and (max-width: 767px) {
  .flow {
    width: 95% !important;
    overflow: auto !important;
    height: 650px !important;
  }
}

.flow__title {
  font-size: 14px !important;
}

.individual {
  border: 1px solid #8c8c8c;
  border-radius: 5px;
  width: 95%;
  margin: auto;
}

.individual__title {
  font-size: 16px;
  font-weight: 600;
  line-height: initial;
  margin-bottom: 10px;
}

.individual__content {
  width: 92%;
  margin: auto;
  font-size: 10px;
  padding: 10px;
}

.corporate {
  border: 1px solid #8c8c8c;
  border-radius: 5px;
  width: 95%;
  margin: auto;
  margin-top: 10px;
}

.corporate__title {
  font-size: 16px;
  font-weight: 600;
  line-height: initial;
  margin-bottom: 10px;
}

.corporate__content {
  width: 90%;
  margin: auto;
  font-size: 10px;
  padding: 10px;
}

.subcription__button {
  padding: 7px !important;
  cursor: pointer !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.subcription__button span {
  font-size: 16px !important;
}

.selected_flow {
  border-radius: 50px;
  padding: 8px 20px;
  display: block;
  border: 2px solid rgba(0,0,0,.1);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  width: 95%;
  margin: auto;
  background-color: #1eb5d6 !important;
  overflow: hidden;
  position: relative;
}

.selected_flow span {
  color: #FFF;
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;
  position: relative;z-index: 1;text-shadow: -1px -1px 1px rgba(0,0,0,.25);
}

.selected_flow:before,
.selected_flow:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
}
.selected_flow:after {
    opacity: .05;
    transform: skew(-65deg, 0);
    left: 50%;
}

.selected_flow:hover {
  transform: none !important;
  background-color: #1eb5d6 !important;
}

.selected_flow:hover:before {opacity: 0;}

.not_selected_flow {
  border-radius: 50px;
  padding: 8px 20px;
  display: block;
  border: 2px solid rgba(0,0,0,.1);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  width: 95%;
  margin: auto;
}

.not_selected_flow:hover {
  background-color: #1eb5d6 !important;
  overflow: hidden;
  position: relative;
}

.not_selected_flow:hover span{
  color: #FFF !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

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

.no-display {
  display: none;
}

.close-button {
  border: none !important;
  display: inline-block !important;
  padding: 8px 16px !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: gray !important;
  background-color: inherit !important;
  text-align: center !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-size: 16px;
}

.topright {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.downloadBtn {
  -webkit-transition: color .3s cubic-bezier(.5, 0, 0, 1), background-color .3s cubic-bezier(.5, 0, 0, 1), border-color .3s cubic-bezier(.5, 0, 0, 1);
  -moz-transition: color .3s cubic-bezier(.5, 0, 0, 1), background-color .3s cubic-bezier(.5, 0, 0, 1), border-color .3s cubic-bezier(.5, 0, 0, 1);
  -o-transition: color .3s cubic-bezier(.5, 0, 0, 1), background-color .3s cubic-bezier(.5, 0, 0, 1), border-color .3s cubic-bezier(.5, 0, 0, 1);
  transition: color .3s cubic-bezier(.5, 0, 0, 1), background-color .3s cubic-bezier(.5, 0, 0, 1), border-color .3s cubic-bezier(.5, 0, 0, 1);
}

.downloadBtn {
  line-height: 20px;
  padding: 8px 20px;
  display: block;
  border: 2px solid;
  border-radius: 50px;
  font-weight: 900;
  text-align: center;
  margin: auto;
  width: 40%;
  cursor: pointer;
}

.downloadBtn:hover {background-color: #000;color: #FFF;border-color: #000;}

.float-right {
  float: left;
}

.ml-7 {
  margin-left: 7%;
}

.modal_buttons {
  width: 50%;
  margin: auto;
}

.bdgWrp {
  z-index: 25;
}

.contract_details__button--download {
  background-color: #EEE;
  border: 2px solid rgba(0,0,0,.15) !important;
  font-weight: 900;
  border-radius: 100px !important;
}

.contract_details__button--download:hover {
  background-color: #d80a30;
  color: #FFF;
  border: 2px solid rgba(0,0,0,.15) !important;
}

.modalDownloadLink {
  text-decoration: underline !important;
  color: #50b6ff !important;
  float: right !important;
  font-size: 9px !important;
}

.modalDownloadLink:hover {
  text-decoration: none !important;
}

.padding-10 {
  padding: 10px !important;
}

.cost-note {
  margin:0;
  margin-left: 20%;
  color: red;
  line-height: 1.2;
  margin-top: 5px;
}

.pull-left {
  float: left !important;
}

.txtBlue {
  color: #50b6ff;
}

.dispatch_email_reg_title {
  font-size: 1.5em;
  font-weight: bold;
}

.dispatch_sample_pdf {
  text-decoration: underline !important;
  color: #50b6ff !important;
}

.dispatch_sample_pdf:hover {
  text-decoration: none !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.nopadding {
  padding: 0 !important;
}

.news__detail {
  display:table !important;
}

.news__detail--date {
  width: 120px !important;
  padding-right: 20px !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

.news__detail--title {
  display:table-cell !important;
  line-height: initial !important;
  font-weight: 900 !important;
}

.news_detail_container {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.pstBdyWrp ul {
  list-style: initial !important;
  padding-inline-start: 40px;
}

.pstBdyWrp ol {
  padding-inline-start: 40px;
}

.news_detail_home_button {
  width: 900px !important;
  margin: auto !important;
}
  @media only screen and (max-width: 640px) {
    .news_detail_home_button {
      width: 100% !important;
    }
  }

.break-word {
  word-break: break-all;
}

.text-bold {
  font-weight: bold;
}

.application_form_confirm {
  width: 60% !important;
  height: auto !important;
  border-radius: 5px !important;
  border: 0px solid !important;
}

.application_form_confirm img {
  width: 200px;
  float: right;
  margin-top: -50px !important;
}

.application_form_confirm li {
  line-height: 1.7em !important;
}

.application_form_confirm .modal_buttons {
  width: 100% !important;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}

.application_form_confirm .modal_buttons a {
  border: 2px solid rgba(0,0,0,.1) !important;
}

.application_form_confirm .modal_buttons a:hover {
  background-color: #d80a30 !important;
}

@media screen and (max-width: 1599px) {
  .application_form_confirm {
    width: 60% !important;
  }
}

@media screen and (max-width: 767px) {
  .application_form_confirm {
    width: 90% !important;
  }

  .application_form_confirm img {
    width: 150px;
    float: none !important;
    margin-top: 0 !important;
    margin: auto !important;
  }

  .application_form_confirm ul {
    margin-bottom: 20px !important;
  }

  .application_form_confirm a {
    width: 100% !important;
  }

  .application_form_confirm a:first-of-type {
    margin-left: 0 !important;
    margin-bottom: 10px !important;
  }
}

.line-height-normal {
  line-height: normal !important;
}

.corporate_info_text {
  float: right !important;
  margin-left: 20px !important;
  margin-top: -8px !important;
}

.sumasapo-header-logo {
  width: 20em;
}

.text-right {
  text-align: right !important;
}

.remove-border {
  border: 0px !important;
}

.package-selection__wrapper {
  overflow-y: auto;
  height: 350px;
  border: 1px solid #8c8c8c;
  padding: 5px;
}

.package-selection__item {
  border: 1px solid #8c8c8c !important;
  border-radius: 5px;
  margin: 5px;
  box-shadow: 5px 5px 5px #888888;
}

.package-selection__item:nth-child(odd) {
  background: #ddedfa;
}

.package-selection__item:nth-child(odd):hover {
  background: #84beed !important;
}

.package-selection__item:nth-child(even) {
  background: #d8eeb1;
}

.package-selection__item:nth-child(even):hover {
  background: #aedc5d !important;
}

.bdyWrp.package-selection__item--wrapper {
  background: #FFF !important;
}

.package-selection__item--wrapper {
  padding : 10px 20px !important;
}

.package-selection__item--tittle {
  font-weight: bold !important;
  font-size: 12px !important;
  line-height: 2.14em !important;
  color: #222 !important;
  letter-spacing: .075em !important;
}

.package-selection__button {
  width: 50% !important;
  border-radius: 50px;
  display: block;
  border: 2px solid rgba(0,0,0,.1);
  line-height: 20px;
  font-weight: 900;
  text-align: center;
  margin: auto;
}

.package-selection__button.active,
.package-selection__button:hover {
  background-color: #1eb5d6 !important;
  overflow: hidden;
  position: relative;
}

.package-selection__button.active span,
.package-selection__button:hover span{
  color: #FFF;
}

.mr-25 {
  margin-right: 25px;
}

.package__title {
  font-weight: 900 !important;
  font-size: 18px !important;
  line-height: 1.75em !important;
}

.package__name {
  text-align: center !important;
  margin-top: -25px !important;
  position: relative !important;
}

.package__name--text {
  font-size: 30px !important;
}

.tax-note {
  display: inline !important;
  position: static !important;
  margin: 0 !important;
}

.package-selection__modal_button {
  width: 100% !important;
  margin-top: 5px !important;
  margin-bottom: 20px !important;
}

.package-selection__modal_button a {
  border: 2px solid rgba(0,0,0,.1) !important;
}

.package-selection__modal_button a:hover {
  background-color: #d80a30 !important;
}
.terms_remove--number::before {
  content: "" !important;
}

.membership-download-modal-text {
  display: flex;
  margin: 1em 0 !important;
  justify-content: center !important;
  margin-top: 0 !important;
}

.disabled-link {
  pointer-events: none;
}