body.vogue_details {
  width: 100vw;
  background: url("../asset/images/bg-vogue-details.png") center/cover no-repeat;
}

.formIn {
  -webkit-animation-duration: 1.9s;
  animation-duration: 1.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: formin;
  animation-name: formin;
}

@-webkit-keyframes formin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes formin {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* navbar starts */
.nav_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 48px;
  max-width: 1920px;
  margin: 0px auto;
}
.nav_container .brand_logo img {
  width: 100%;
  height: auto;
}
.nav_container .top_nav_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  gap: 40px;
}
.nav_container .top_nav_right .menu_toogle_bttn {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
}

/* navbar ends */
/*detail voyagepage starts*/
.vogue_wrap {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vogue_wrap .border_card {
  border: 3px solid #625fa1;
  padding: 10px;
  background: transparent;
  max-width: 1090px;
  width: 100%;
}
.vogue_wrap .center_card_bg {
  background: rgba(37, 33, 62, 0.7176470588);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 74px;
}
.vogue_wrap .vogue_con {
  width: 100%;
}
.vogue_wrap .vogue_con .card_vogue_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
}
.vogue_wrap .vogue_con .card_vogue_container .card_vogue {
  border-radius: 12px;
  border: 1px solid #f5a464;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48%;
  padding: 30px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.vogue_wrap .vogue_con .card_vogue_container .card_vogue p {
  color: white;
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.vogue_wrap .vogue_con .card_vogue_container .card_vogue h3 {
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ffd67a;
  font-family: var(--latoblack);
}
.vogue_wrap .vogue_con .vogue_panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards {
  padding: 16px;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_first {
  color: #d86626;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_scnd {
  color: #cd1515;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_thrd {
  color: #ae4a47;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.vogue_wrap .vogue_con .renew_voyage_btn {
  border-radius: 12px;
  background: #b2566b;
  -webkit-box-shadow: 2px 3px 0px 0px #484265;
          box-shadow: 2px 3px 0px 0px #484265;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 390px;
  width: 100%;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffd67a;
  font-family: var(--gang_of_threeregular);
  margin-top: 40px;
  border: none;
  outline: none;
}
.vogue_wrap .vogue_con .renew_voyage_btn:hover {
  color: #ffd67a;
  background: #8c4f60;
}
.vogue_wrap .vogue_con .renew_voyage_btn p {
  margin-bottom: 0;
}
.vogue_wrap .vogue_con .leader_detail_con {
  border-radius: 20px;
  background: #efe6d9;
  padding: 26px 30px;
  margin-top: 68px;
}
.vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap .leader_detail {
  color: #000;
  font-family: var(--gang_of_threeregular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0;
}
.vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap .view_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 205px;
  width: 100%;
  height: 50px;
  padding: 8px 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 11px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  background: #8c4f60;
  -webkit-box-shadow: 2px 3px 0px 0px #dc8689;
          box-shadow: 2px 3px 0px 0px #dc8689;
  border: none;
  outline: none;
}
.vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap .view_btn:hover {
  color: #ffd67a;
  background: #b2566b;
}
.vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap .view_btn p {
  margin-bottom: 0;
  color: #ffdfe0;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*detail voyagepage ends*/
/* renew voyage page starts */
.renew_voyage_container {
  margin-bottom: 50px;
  margin-top: 130px;
}
.renew_voyage_container .border_card_renew {
  border: 3px solid #625fa1;
  padding: 10px;
  background: transparent;
  max-width: 1102px;
  width: 100%;
}
.renew_voyage_container .renew_voyage_wrapper {
  background: rgba(37, 33, 62, 0.7176470588);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 74px;
  gap: 20px;
}
.renew_voyage_container .renew_card_container .detail_card_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 22px;
  margin-bottom: 20px;
}
.renew_voyage_container .renew_card_container .detail_card_wrapper .detail_renew_card {
  border-radius: 12px;
  border: 1px solid #f5a464;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.renew_voyage_container .renew_card_container .detail_card_wrapper .detail_renew_card p {
  color: white;
  margin-bottom: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.renew_voyage_container .renew_card_container .detail_card_wrapper .detail_renew_card h3 {
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ffd67a;
  margin-bottom: 0;
  text-align: right;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-family: var(--latoblack);
}
.renew_voyage_container .renew_card_container .renew_item_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card {
  padding: 16px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_type {
  margin-bottom: 12px;
}
.renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_first {
  color: #d86626;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_scnd {
  color: #cd1515;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item__value_thrd {
  color: #23926a;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.renew_voyage_container .renew_card_container .hor_line {
  border: 1px solid #a5a4a4;
  margin: 20px 0;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 22px;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::-webkit-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::-moz-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input:-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .max_btn {
  border-radius: 12px;
  border: 1px solid #b44a47;
  font-size: 12px;
  color: #b44a47;
  width: 50px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8e6eb;
  outline: none;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .max_btn:focus {
  outline: none;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .amount_card .max_btn:hover {
  background: #b44a47;
  color: #ffd67a;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .days_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  align-items: center;
  gap: 11px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label input[type=radio] {
  position: absolute;
  opacity: 0;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label :checked ~ .date-box {
  background: #b44a47;
  color: #ffd67a;
}
.renew_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label .date-box {
  border-radius: 12px;
  border: 1px solid #b44a47;
  font-size: 12px;
  color: #b44a47;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8e6eb;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 22px;
  gap: 22px;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #6f7a9a;
  color: #f8e6eb;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .consent label,
.renew_voyage_container .renew_card_container .consent_spp_wrapper p {
  margin-bottom: 0;
  cursor: pointer;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .custom_redio {
  border-radius: 12px;
  border: 1px solid #efe6d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 8px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .consent-check {
  width: 10px;
  height: 10px;
  border-radius: 12px;
  background: transparent;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper label {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper label input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper label :checked + .custom_redio .consent-check {
  background: #ffd67a;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card .spp_input {
  outline: none;
  background: #f8e6eb;
  border: none;
  height: 40px;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card .spp_input::-webkit-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card .spp_input::-moz-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card .spp_input:-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card .spp_input::-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .consent_spp_wrapper .spp_card .spp_input::placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.renew_voyage_container .renew_card_container .btn_wrapper .renw_btn {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  border-radius: 12px;
  background: #b2566b;
  -webkit-box-shadow: 2px 3px 0px 0px #484265;
          box-shadow: 2px 3px 0px 0px #484265;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 390px;
  width: 100%;
  height: 50px;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.renew_voyage_container .renew_card_container .btn_wrapper .renw_btn:hover {
  color: #ffd67a;
  background: #8c4f60;
}
.renew_voyage_container .renew_card_container .go_top_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}
.renew_voyage_container .renew_card_container .go_top_wrap .go_top {
  text-decoration: none;
  color: #efe6d9;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.renew_voyage_container .renew_card_container .go_top_wrap .go_top:hover {
  text-decoration: none;
  cursor: pointer;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper {
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 22px;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .inp_label {
  color: #ffd67a;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell .amtt_input {
  outline: none;
  background: #f8e6eb;
  border: none;
  height: 40px;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell .amtt_input::-webkit-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell .amtt_input::-moz-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell .amtt_input:-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell .amtt_input::-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .amt_sell .amtt_input::placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs .adrss_inp {
  outline: none;
  background: #f8e6eb;
  border: none;
  height: 40px;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs .adrss_inp::-webkit-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs .adrss_inp::-moz-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs .adrss_inp:-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs .adrss_inp::-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .amt_adrss_wrapper .label_wrap .wdrw_addrs .adrss_inp::placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 22px;
  margin-top: 22px;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .inp_label {
  color: #ffd67a;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell .amtt_input {
  outline: none;
  background: #f8e6eb;
  border: none;
  height: 40px;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell .amtt_input::-webkit-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell .amtt_input::-moz-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell .amtt_input:-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell .amtt_input::-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .amt_sell .amtt_input::placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .select_opt_wrapper {
  position: relative;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .select_opt_wrapper::after {
  content: "";
  width: 20px;
  height: 20px;
  right: 11px;
  top: 19px;
  padding: 15px 0px 0px 8px;
  background: url("../asset/images/icons/select-drop-arrow.svg") center no-repeat;
  position: absolute;
  pointer-events: none;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .select_opt_wrapper .opt_select {
  -webkit-appearance: none; /* Webkit browsers */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Other browsers */
  padding: 19px;
  padding-right: 35px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  border: none;
  outline: none;
  min-width: 190px;
  width: 100%;
  color: #484265;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt .usdt_inp {
  outline: none;
  background: #f8e6eb;
  border: none;
  height: 40px;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt .usdt_inp::-webkit-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt .usdt_inp::-moz-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt .usdt_inp:-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt .usdt_inp::-ms-input-placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .selct_usdt_wrapper .label_wrap .exp_usdt .usdt_inp::placeholder {
  color: #c39ca6;
}
.renew_voyage_container .renew_card_container .note_wrap {
  margin-top: 40px;
}
.renew_voyage_container .renew_card_container .note_wrap .note_ony {
  color: #ffdfe0;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.renew_voyage_container .renew_card_container .sell_btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 22px 0 40px 0;
}
.renew_voyage_container .renew_card_container .sell_btn_wrapper .sell_btn {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  border-radius: 12px;
  background: #b2566b;
  -webkit-box-shadow: 2px 3px 0px 0px #484265;
          box-shadow: 2px 3px 0px 0px #484265;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 390px;
  width: 100%;
  height: 50px;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.renew_voyage_container .renew_card_container .sell_btn_wrapper .sell_btn:hover {
  color: #ffd67a;
  background: #8c4f60;
}

/* renew voyage page ends*/
/* topup voyage page starts */
.topup_voyage_container {
  margin-bottom: 50px;
  margin-top: 130px;
}
.topup_voyage_container .border_card_renew {
  border: 3px solid #625fa1;
  padding: 10px;
  background: transparent;
  max-width: 1102px;
  width: 100%;
}
.topup_voyage_container .renew_voyage_wrapper {
  background: rgba(37, 33, 62, 0.7176470588);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 74px;
  gap: 20px;
}
.topup_voyage_container .renew_card_container .detail_card_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 22px;
  margin-bottom: 20px;
}
.topup_voyage_container .renew_card_container .detail_card_wrapper .detail_renew_card {
  border-radius: 12px;
  border: 1px solid #f5a464;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.topup_voyage_container .renew_card_container .detail_card_wrapper .detail_renew_card p {
  color: white;
  margin-bottom: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.topup_voyage_container .renew_card_container .detail_card_wrapper .detail_renew_card h3 {
  margin-bottom: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ffd67a;
  margin-bottom: 0;
  text-align: right;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  font-family: var(--latoblack);
}
.topup_voyage_container .renew_card_container .renew_item_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card {
  padding: 16px;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_type {
  margin-bottom: 12px;
}
.topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_first {
  color: #d86626;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_scnd {
  color: #cd1515;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item__value_thrd {
  color: #23926a;
  font-family: var(--latoblack);
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin: 0;
}
.topup_voyage_container .renew_card_container .hor_line {
  border: 1px solid #a5a4a4;
  margin: 20px 0;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 22px;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::-webkit-input-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::-moz-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input:-ms-input-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::-ms-input-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .amount_input::placeholder {
  color: #c39ca6;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .max_btn {
  border-radius: 12px;
  border: 1px solid #b44a47;
  font-size: 12px;
  color: #b44a47;
  width: 50px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f8e6eb;
  outline: none;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .max_btn:focus {
  outline: none;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .amount_card .max_btn:hover {
  background: #b44a47;
  color: #ffd67a;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  align-items: center;
  gap: 11px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 12px;
  background: transparent;
  border-radius: 12px;
  border: 1px solid #a5a4a4;
  opacity: 0.3;
  cursor: not-allowed;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card .day_title {
  color: #a5a4a4;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label input[type=radio] {
  position: absolute;
  opacity: 0;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label :checked ~ .date-box {
  background: transparent;
  color: #a5a4a4;
}
.topup_voyage_container .renew_card_container .amt_day_wrapper .days_card .choose_days_wrapper label .date-box {
  border-radius: 12px;
  border: 1px solid #a5a4a4;
  font-size: 12px;
  color: #a5a4a4;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  cursor: not-allowed;
}
.topup_voyage_container .consent_spp_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 22px;
  gap: 22px;
}
.topup_voyage_container .consent_spp_wrapper .consent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #6f7a9a;
  color: #f8e6eb;
}
.topup_voyage_container .consent_spp_wrapper .consent label,
.topup_voyage_container .consent_spp_wrapper p {
  margin-bottom: 0;
  cursor: pointer;
}
.topup_voyage_container .consent_spp_wrapper .custom_redio {
  border-radius: 12px;
  border: 1px solid #efe6d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 8px 0px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.topup_voyage_container .consent_spp_wrapper .consent-check {
  width: 10px;
  height: 10px;
  border-radius: 12px;
  background: transparent;
}
.topup_voyage_container .consent_spp_wrapper label {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}
.topup_voyage_container .consent_spp_wrapper label input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.topup_voyage_container .consent_spp_wrapper label :checked + .custom_redio .consent-check {
  background: #ffd67a;
}
.topup_voyage_container .consent_spp_wrapper .spp_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding: 8px;
  padding-left: 19px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.topup_voyage_container .consent_spp_wrapper .spp_card .spp_input {
  outline: none;
  background: #f8e6eb;
  border: none;
  height: 40px;
}
.topup_voyage_container .consent_spp_wrapper .spp_card .spp_input::-webkit-input-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .consent_spp_wrapper .spp_card .spp_input::-moz-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .consent_spp_wrapper .spp_card .spp_input:-ms-input-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .consent_spp_wrapper .spp_card .spp_input::-ms-input-placeholder {
  color: #c39ca6;
}
.topup_voyage_container .consent_spp_wrapper .spp_card .spp_input::placeholder {
  color: #c39ca6;
}
.topup_voyage_container .btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.topup_voyage_container .btn_wrapper .renw_btn {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  border-radius: 12px;
  background: #b2566b;
  -webkit-box-shadow: 2px 3px 0px 0px #484265;
          box-shadow: 2px 3px 0px 0px #484265;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 390px;
  width: 100%;
  height: 50px;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.topup_voyage_container .btn_wrapper .renw_btn:hover {
  color: #ffd67a;
  background: #8c4f60;
}
.topup_voyage_container .go_top_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}
.topup_voyage_container .go_top_wrap .go_top {
  text-decoration: none;
  color: #efe6d9;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.topup_voyage_container .go_top_wrap .go_top:hover {
  text-decoration: none;
  cursor: pointer;
}

/* topup voyage page ends*/
/* profile page starts*/
.profile_voyage_container {
  margin-bottom: 50px;
  margin-top: 130px;
}
.profile_voyage_container .border_card_profile {
  border: 3px solid #625fa1;
  padding: 10px;
  background: transparent;
  max-width: 1102px;
  width: 100%;
}
.profile_voyage_container .profile_voyage_wrapper {
  background: rgba(37, 33, 62, 0.7176470588);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 74px 64px;
  gap: 20px;
}
.profile_voyage_container .profile_title {
  text-align: center;
  display: -ms-grid;
  display: grid;
  gap: 20px;
  color: #ffd67a;
  font-size: 2rem;
  font-family: var(--gang_of_threeregular);
  margin-bottom: 32px;
}
.profile_voyage_container .top_contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 28px;
}
.profile_voyage_container .top_contain .chartr_wrapper {
  border-radius: 12px;
  border: 1px solid #f5a464;
  width: 50%;
}
.profile_voyage_container .top_contain .chartr_wrapper .chartr_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
}
.profile_voyage_container .top_contain .chartr_wrapper .chartr_detail p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: white;
  margin-bottom: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.profile_voyage_container .top_contain .chartr_wrapper .chartr_detail h3 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #ffd67a;
  margin-bottom: 0;
  text-align: right;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.profile_voyage_container .top_contain .chartr_wrapper .avatar_bg {
  background: url("../asset/images/avatar-bg.svg") center/cover no-repeat;
  width: 100%;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 13px;
}
.profile_voyage_container .top_contain .chartr_wrapper .avatar_bg .avatar {
  max-width: 210px;
  width: 100%;
}
.profile_voyage_container .top_contain .refral_wrapper {
  border-radius: 12px;
  background: #484265;
  width: 50%;
  padding: 30px 20px;
}
.profile_voyage_container .top_contain .refral_wrapper .ref_qr {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 29px;
}
.profile_voyage_container .top_contain .refral_wrapper .ref_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
.profile_voyage_container .top_contain .refral_wrapper .ref_link .qr_code {
  max-width: 156.5px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile_voyage_container .top_contain .refral_wrapper .ref_link .linked_ref {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile_voyage_container .top_contain .refral_wrapper .ref_link .linked_ref .ref_title {
  margin-bottom: 0px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 14px;
}
.profile_voyage_container .top_contain .refral_wrapper .ref_link .linked_ref .ref_context {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #ffd67a;
  font-size: 25px;
  font-style: italic;
  font-weight: 500;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.profile_voyage_container .top_contain .refral_wrapper .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 19px;
}
.profile_voyage_container .top_contain .refral_wrapper .btn_wrap .copy_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 32px;
  max-width: 223px;
  width: 100%;
  align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #efe6d9;
  background: none;
  outline: none;
  color: #efe6d9;
}
.profile_voyage_container .top_contain .refral_wrapper .btn_wrap .copy_btn:hover {
  color: #000;
  background: #efe6d9;
}
.profile_voyage_container .btm_contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 28px;
}
.profile_voyage_container .btm_contain .profil_wrapper {
  border-radius: 12px;
  background: #484265;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 63px;
}
.profile_voyage_container .btm_contain .profil_wrapper .profil_head {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  margin-bottom: 20px;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name .email {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name .email::-webkit-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name .email::-moz-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name .email:-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name .email::-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .email_name .email::placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  margin-bottom: 20px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name .name_first {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name .name_first::-webkit-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name .name_first::-moz-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name .name_first:-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name .name_first::-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .first_name .name_first::placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  margin-bottom: 20px;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name .name_last {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name .name_last::-webkit-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name .name_last::-moz-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name .name_last:-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name .name_last::-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .last_name .name_last::placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .profil_wrapper .save_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 19px 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  background: #8c4f60;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffdfe0;
  text-align: center;
  font-family: "Gang of Three";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  width: 100%;
}
.profile_voyage_container .btm_contain .profil_wrapper .save_btn:hover {
  color: #ffd67a;
  background: #b2566b;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper {
  border-radius: 12px;
  background: #484265;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 63px;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .log_psd {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  margin-bottom: 20px;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd .pswd_crnt {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd .pswd_crnt::-webkit-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd .pswd_crnt::-moz-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd .pswd_crnt:-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd .pswd_crnt::-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .current_pswd .pswd_crnt::placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  margin-bottom: 20px;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd .pswd_new {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd .pswd_new::-webkit-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd .pswd_new::-moz-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd .pswd_new:-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd .pswd_new::-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .new_pswd .pswd_new::placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  margin-bottom: 20px;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd .pswd_rept {
  outline: none;
  background: #f8e6eb;
  border: none;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd .pswd_rept::-webkit-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd .pswd_rept::-moz-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd .pswd_rept:-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd .pswd_rept::-ms-input-placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .rept_pswd .pswd_rept::placeholder {
  color: #c39ca6;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .save_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 19px 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  background: #8c4f60;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffdfe0;
  text-align: center;
  font-family: "Gang of Three";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  width: 100%;
}
.profile_voyage_container .btm_contain .log_pssd_wrapper .save_btn:hover {
  color: #ffd67a;
  background: #b2566b;
}

/* profile page ends*/
/* Vault history starts*/
.vault_container {
  margin-bottom: 50px;
  margin-top: 130px;
}
.vault_container .border_bg {
  border: 3px solid #625fa1;
  padding: 10px;
  background: transparent;
  max-width: 1102px;
  width: 100%;
}
.vault_container .border_bg .bg_wrapper {
  position: relative;
  background: rgba(37, 33, 62, 0.7176470588);
  padding: 30px 74px;
  gap: 20px;
  min-height: 766px;
}
.vault_container .border_bg .bg_wrapper .vault_title {
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.vault_container .border_bg .bg_wrapper .filter_togle_btn {
  display: none;
  margin-top: 38px;
  border-radius: 12px;
  background: #b2566b;
  -webkit-box-shadow: 2px 3px 0px 0px #484265;
          box-shadow: 2px 3px 0px 0px #484265;
  max-width: 146px;
  width: 100%;
  height: 50px;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  outline: none;
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
}
.vault_container .border_bg .bg_wrapper .filter_togle_btn:hover {
  color: #ffd67a;
  background: #8c4f60;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper {
  margin-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_date_wrapper {
  position: relative;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_date_wrapper::after {
  content: "";
  width: 20px;
  height: 20px;
  right: 11px;
  top: 19px;
  padding: 15px 0px 0px 8px;
  background: url("../asset/images/icons/select-drop-arrow.svg") center no-repeat;
  position: absolute;
  pointer-events: none;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_date_wrapper .date_select {
  -webkit-appearance: none; /* Webkit browsers */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Other browsers */
  padding: 19px;
  padding-right: 35px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  border: none;
  outline: none;
  min-width: 190px;
  width: 100%;
  color: #484265;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_type_wrapper {
  position: relative;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_type_wrapper::after {
  content: "";
  width: 20px;
  height: 20px;
  right: 11px;
  top: 19px;
  padding: 15px 0px 0px 8px;
  background: url("../asset/images/icons/select-drop-arrow.svg") center no-repeat;
  position: absolute;
  pointer-events: none;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_type_wrapper .type_select {
  -webkit-appearance: none; /* Webkit browsers */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Other browsers */
  padding: 19px;
  padding-right: 35px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  border: none;
  outline: none;
  min-width: 120px;
  width: 100%;
  color: #484265;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_status_wrapper {
  position: relative;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_status_wrapper::after {
  content: "";
  width: 20px;
  height: 20px;
  right: 11px;
  top: 19px;
  padding: 15px 0px 0px 8px;
  background: url("../asset/images/icons/select-drop-arrow.svg") center no-repeat;
  position: absolute;
  pointer-events: none;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .select_status_wrapper .status_select {
  -webkit-appearance: none; /* Webkit browsers */
  -moz-appearance: none; /* Firefox */
  appearance: none; /* Other browsers */
  padding: 19px;
  padding-right: 35px;
  border-radius: 12px;
  background: #f8e6eb;
  -webkit-box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
          box-shadow: 0px 1.5px 0px 0px rgba(215, 117, 141, 0.43) inset;
  border: none;
  outline: none;
  min-width: 120px;
  width: 100%;
  color: #484265;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .filter_btn {
  border-radius: 12px;
  background: #b2566b;
  -webkit-box-shadow: 2px 3px 0px 0px #484265;
          box-shadow: 2px 3px 0px 0px #484265;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 146px;
  width: 100%;
  height: 50px;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  outline: none;
  color: #ffd67a;
  text-align: center;
  font-family: var(--gang_of_threeregular);
}
.vault_container .border_bg .bg_wrapper .filter_wrapper .filter_btn:hover {
  color: #ffd67a;
  background: #8c4f60;
}
.vault_container .border_bg .bg_wrapper .table_wrapper {
  margin-top: 30px;
}
.vault_container .border_bg .bg_wrapper .table_wrapper .table_con .thead {
  background: #6c7695;
  color: #ffd67a;
}
.vault_container .border_bg .bg_wrapper .table_wrapper .table_con .thead th {
  padding: 15px 20px;
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
}
.vault_container .border_bg .bg_wrapper .table_wrapper .table_con .tbody tr td {
  border: none;
  color: #efe6d9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding: 20px;
  border-bottom: 1px solid #a5a4a4;
}
.vault_container .border_bg .bg_wrapper .no_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 88px 0;
}
.vault_container .border_bg .bg_wrapper .pagination_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 5px;
  margin-top: 20px;
}
.vault_container .border_bg .bg_wrapper .pagination_wrapper a {
  outline: none;
  text-decoration: none;
  color: #efe6d9;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 20px;
}
.vault_container .border_bg .bg_wrapper .pagination_wrapper a.active {
  color: #ffd67a;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

/* Vault history  ends*/
/* =========mediaquery==================== */
@media (max-width: 1200px) {
  /*detail voyagepage starts*/
  /*detail voyagepage ends*/
  /* renew voyage page starts */
  .renew_voyage_container .consent_spp_wrapper .consent p {
    font-size: 14px;
  }
  /* renew voyage page ends*/
  /* topup voyage page starts*/
  .topup_voyage_container .consent_spp_wrapper .consent p {
    font-size: 14px;
  }
  /* topup voyage page ends*/
  /* profile voyage page starts*/
  /* profile voyage page ends*/
}
@media (max-width: 992px) {
  /*detail voyagepage starts*/
  .vogue_wrap .center_card_bg {
    padding: 40px 74px;
  }
  .vogue_wrap .vogue_con .card_vogue_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vogue_wrap .vogue_con .card_vogue_container .card_vogue {
    width: 100%;
  }
  .vogue_wrap .vogue_con .card_vogue_container .card_vogue h3 {
    font-size: 20px;
  }
  .vogue_wrap .vogue_con .vogue_panels {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_first {
    font-size: 25px;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_scnd {
    font-size: 25px;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_thrd {
    font-size: 25px;
  }
  .vogue_wrap .vogue_con .leader_detail_con {
    border-radius: 20px;
    background: #efe6d9;
    padding: 26px 30px;
    margin-top: 68px;
  }
  .vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  /*detail voyagepage ends*/
  /* renew voyage page starts */
  .renew_voyage_container .detail_card_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .renew_voyage_container .renew_item_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .renew_voyage_container .renew_item_wrapper .item_panel_card .item_type {
    margin-bottom: 4px !important;
  }
  .renew_voyage_container .amt_day_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .renew_voyage_container .consent_spp_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .renew_voyage_container .amt_adrss_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .renew_voyage_container .selct_usdt_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* renew voyage page ends*/
  /* topup voyage page starts*/
  .topup_voyage_container .detail_card_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .topup_voyage_container .renew_item_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .topup_voyage_container .renew_item_wrapper .item_panel_card .item_type {
    margin-bottom: 4px !important;
  }
  .topup_voyage_container .amt_day_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .topup_voyage_container .consent_spp_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* topup voyage page ends*/
  /* profile voyage page starts*/
  .profile_voyage_container .top_contain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_voyage_container .top_contain .chartr_wrapper {
    width: 100%;
  }
  .profile_voyage_container .top_contain .refral_wrapper {
    width: 100%;
  }
  .profile_voyage_container .btm_contain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  /* profile voyage page ends*/
  /* Vault history  starts*/
  .vault_container .border_bg .bg_wrapper .filter_wrapper {
    gap: 20px !important;
  }
  /* Vault history  ends*/
}
@media (max-width: 767px) {
  /*detail voyagepage starts*/
  .vogue_wrap .center_card_bg {
    padding: 20px;
  }
  .vogue_wrap .vogue_con .card_vogue_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vogue_wrap .vogue_con .card_vogue_container .card_vogue {
    width: 100%;
  }
  .vogue_wrap .vogue_con .card_vogue_container .card_vogue h3 {
    font-size: 20px;
  }
  .vogue_wrap .vogue_con .vogue_panels {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_first {
    font-size: 25px;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_scnd {
    font-size: 25px;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_thrd {
    font-size: 25px;
  }
  .vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  /*detail voyagepage ends*/
  /* renew voyage page starts */
  .renew_voyage_container .renew_voyage_wrapper {
    padding: 20px;
  }
  /* renew voyage page ends*/
  /* topup voyage page starts*/
  .topup_voyage_container .renew_voyage_wrapper {
    padding: 20px;
  }
  /* topup voyage page ends*/
  /* profile voyage page starts*/
  .profile_voyage_container .profile_voyage_wrapper {
    padding: 0px;
  }
  /* profile voyage page ends*/
  /* Vault history  starts*/
  .vault_container .border_bg .bg_wrapper {
    padding: 20px;
  }
  /* Vault history  ends*/
}
@media (max-width: 576px) {
  /*detail voyagepage starts*/
  .vogue_wrap .center_card_bg .register_title {
    font-size: 25px;
    margin-bottom: 22px;
  }
  .vogue_wrap .vogue_con .card_vogue_container .card_vogue p {
    font-size: 14px !important;
  }
  .vogue_wrap .vogue_con .card_vogue_container .card_vogue h3 {
    font-size: 16px !important;
  }
  .vogue_wrap .vogue_con .vogue_panels {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_first {
    font-size: 20px;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_scnd {
    font-size: 20px;
  }
  .vogue_wrap .vogue_con .vogue_panels .vogue_panel_cards .vogue_panel_content .pannel_value_thrd {
    font-size: 20px;
  }
  .vogue_wrap .vogue_con .leader_detail_con {
    padding: 26px 10px;
    margin-top: 25px;
  }
  .vogue_wrap .vogue_con .leader_detail_con .leader_detail_wrap .leader_detail {
    font-size: 22px;
    text-align: center;
  }
  /* renew voyage page starts */
  .renew_voyage_container .register_title {
    font-size: 25px;
    margin-bottom: 2px;
  }
  .renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_first {
    font-size: 20px !important;
  }
  .renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_scnd {
    font-size: 20px !important;
  }
  .renew_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item__value_thrd {
    font-size: 20px !important;
  }
  .renew_voyage_container .detail_card_wrapper .detail_renew_card {
    padding: 20px 10px !important;
  }
  .renew_voyage_container .detail_card_wrapper .detail_renew_card p {
    font-size: 14px !important;
  }
  .renew_voyage_container .detail_card_wrapper .detail_renew_card h3 {
    font-size: 16px !important;
  }
  .renew_voyage_container .amt_day_wrapper .day_title {
    font-size: 14px !important;
  }
  .renew_voyage_container .amt_day_wrapper .days_card .choose_days_wrapper {
    gap: 1px !important;
  }
  /* renew voyage page ends*/
  /* topup voyage page starts*/
  .topup_voyage_container .register_title {
    font-size: 25px;
    margin-bottom: 2px;
  }
  .topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_first {
    font-size: 20px !important;
  }
  .topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item_value_scnd {
    font-size: 20px !important;
  }
  .topup_voyage_container .renew_card_container .renew_item_wrapper .item_panel_card .item__value_thrd {
    font-size: 20px !important;
  }
  .topup_voyage_container .detail_card_wrapper .detail_renew_card {
    padding: 20px 10px !important;
  }
  .topup_voyage_container .detail_card_wrapper .detail_renew_card p {
    font-size: 14px !important;
  }
  .topup_voyage_container .detail_card_wrapper .detail_renew_card h3 {
    font-size: 16px !important;
  }
  .topup_voyage_container .amt_day_wrapper .day_title {
    font-size: 14px !important;
  }
  .topup_voyage_container .amt_day_wrapper .days_card .choose_days_wrapper {
    gap: 1px !important;
  }
  /* topup voyage page ends*/
  /* profile voyage page starts*/
  .profile_voyage_container .profile_title {
    font-size: 25px;
    margin-bottom: 2px;
  }
  .profile_voyage_container .chartr_wrapper .chartr_detail {
    padding: 20px 10px !important;
  }
  .profile_voyage_container .chartr_wrapper .chartr_detail p {
    font-size: 14px !important;
  }
  .profile_voyage_container .chartr_wrapper .chartr_detail h3 {
    font-size: 16px !important;
  }
  .profile_voyage_container .refral_wrapper .ref_qr {
    font-size: 22px !important;
    margin-bottom: 22px !important;
  }
  .profile_voyage_container .refral_wrapper .ref_link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .profile_voyage_container .refral_wrapper .ref_link .linked_ref .ref_title {
    text-align: center;
  }
  .profile_voyage_container .refral_wrapper .ref_link .linked_ref .ref_context {
    font-size: 20px !important;
  }
  .profile_voyage_container .refral_wrapper .btn_wrap {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .profile_voyage_container .btm_contain .profil_wrapper {
    padding: 30px 20px;
  }
  .profile_voyage_container .btm_contain .profil_wrapper .profil_head {
    font-size: 22px;
  }
  .profile_voyage_container .btm_contain .log_pssd_wrapper {
    padding: 30px 20px;
  }
  .profile_voyage_container .btm_contain .log_pssd_wrapper .log_psd {
    font-size: 22px;
  }
  /* profile voyage page ends*/
  /* Vault history  starts*/
  .vault_container .border_bg .bg_wrapper .filter_togle_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vault_container .border_bg .bg_wrapper .filter_wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(37, 33, 62, 0.8431372549);
    left: 0;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .vault_container .border_bg .bg_wrapper .filter_wrapper .select_date_wrapper {
    width: 100%;
  }
  .vault_container .border_bg .bg_wrapper .filter_wrapper .select_type_wrapper {
    width: 100%;
  }
  .vault_container .border_bg .bg_wrapper .filter_wrapper .select_status_wrapper {
    width: 100%;
  }
  /* Vault history  ends*/
}