.status-tag {
  color: white;
  font-weight: 600;
  font-size: 0.6rem;
  border-radius: 4px;
  padding: 0.15rem 0.5rem;
  margin-bottom: 0.25rem;
  user-select: none;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 18px;
}

.status-tag.upcoming {
  background-color: #22863a;
}
.status-tag.cancelled_refunded {
  background-color: #7073b5;
}
.status-tag.on_hold {
  background-color: #d80027;
}
.status-tag.completed {
  background-color: #f9ac90;
}
.status-tag.locked {
  background-color: #8037ff;
}

.go-dollars_section {
  background: url(../image/Rectangle\ 34626464.png) no-repeat;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.account_bar_open {
  display: none;
}

.account_side_block {
  gap: 20px;
}
.account_side_bar {
  width: calc(25% - 10px);
}

.account_side_bar .account-card {
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgb(155 153 223 / 0.3);
  padding-bottom: 15px;
}
.account_side_bar .my_account_block {
  padding: 10px;
  border-bottom: 1px solid #d5d1e6;
}

.go-dollars_section .section-header {
  color: #5a44d4;
  font-weight: 600;
}

.account_side_bar .account-icon-circle {
  width: 62px;
  height: 62px;
  background: #ddd6fe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5a44d4;
  font-size: 24px;
}

.account_side_bar .account-name {
  font-weight: 600;
  font-size: 28px;
  line-height: normal;
}
.account_side_bar .account_text_block {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.go-dollars_section .go-dollars-btn {
  color: #7c3aed;
  font-weight: 600;
  font-size: 0.9rem;
}
.go-dollars_section .go-dollars-btn:hover {
  text-decoration: none;
  color: #5a44d4;
}

.account_side_bar .menu-item {
  color: #4b4b4b;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.account_side_bar .menu-item svg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.account_side_bar .menu-item.menu_active {
  background: linear-gradient(180deg, #fff 0%, #eee4ff 100%);
  border-bottom: 2px solid #8037ff !important;
}
.account_side_bar .menu-item.menu_active svg path {
  fill: #8037ff;
}

.account_side_bar .need-help-section {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgb(155 153 223 / 0.15);
  padding: 15px 15px 0;
}
.account_side_bar figure {
  width: calc(112px - 4px);
}
.account_side_bar figure .need-help-image {
  height: 100%;
}
.account_side_bar .need_help_text_block {
  width: calc(100% - 116px);
  padding-bottom: 15px;
}
.account_side_bar .need_help_text_block h4 {
  font-family: "Reckless Neue";
  font-weight: 600;
  line-height: normal;
  font-size: 20px;
}
.account_side_bar .need_help_text_block .need-help-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  margin-bottom: 15px;
}

.account_side_bar .logout-section {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgb(0 0 0 / 0.05);
  padding: 15px;
  margin-top: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #4b4b4b;
  transition: background-color 0.2s, color 0.2s;
  user-select: none;
}
.account_side_bar .logout-section svg {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.go-dollars_section .go-dollars_balance_block {
  width: calc(75% - 10px);
  height: 100%;
}
.go-dollars_section .card-custom {
  border-radius: 12px;
  border: 1px solid #e3e0f0;
  background-color: #fff;
  padding: 20px;
}
.go-dollars_section .card-custom.card_custom_row {
  min-height: 300px;
}

.go-dollars_section .card-custom h5 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600 !important;
  margin-bottom: 15px !important;
}

.go-dollars_section .avatar-circle,
.go-dollars_section .avatar-circle svg {
  width: 81px;
  height: 81px;
}
.go-dollars_section .account_text_deatil h6 {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 10px;
}
.go-dollars_section .account_text_deatil p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.go-dollars_section .balance-box {
  border: 1px solid #e3e0f0;
  border-radius: 10px;
  padding: 10px 15px;
  gap: 6px;
}
.go-dollars_section .balance-box img {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}

.go-dollars_section .balance-amount {
  font-size: 32px;
  font-weight: 500;
}
.go-dollars_section .balance-amount_block p {
  max-width: 157px;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  color: #000;
}

.go-dollars_section .btn-purple {
  background: linear-gradient(90deg, #9b6af1, #7b61ff);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 25px;
  font-weight: 600;
}
.go-dollars_section .btn-purple:hover {
  background: linear-gradient(90deg, #7b61ff, #9b6af1);
}
.go-dollars_section .help-box {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e3e0f0;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.go-dollars_section .help-box img {
  width: 37px;
  height: 37px;
  flex-shrink: 0;
}
.go-dollars_section .help-box span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.go-dollars_section .help-box strong {
  font-weight: 600;
  text-decoration: underline;
}

#help-box .modal-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}
#help-box .modal-title span strong {
  font-weight: 500;
}
#help-box .modal-title img {
  width: 37px;
  height: 37px;
  flex-shrink: 0;
}

#help-box .modal-body p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}

@media (max-width: 1399px) {
  .account_side_bar .need_help_text_block .purple_btn {
    min-width: 130px;
    font-size: 12px;
  }
}

@media (max-width: 1200px) {
  .account_side_bar {
    width: calc(30% - 10px);
  }
  .go-dollars_section .go-dollars_balance_block {
    width: calc(70% - 10px);
  }
}

@media (max-width: 991px) {
  .go-dollars_section {
    min-height: 800px;
  }
  
  .account_side_block {
	  flex-direction: column;
  }
  
  .account_bar_open {
    display: block;
    margin-bottom: 15px;
  }
  .account_bar_open svg {
    background: #fff;
    border-radius: 4px;
    width: 35px;
    height: 35px;
  }

  .account_side_bar.account_side_bar_mobile {
	  width: 100%;
    /*position: fixed;
    z-index: 300;
    inset: 0px;
    height: 100dvh;
    backdrop-filter: blur(2px);
    transform: translateX(-100%);
    transition: transform 0.4s ease;*/
  }
  /*
  .account_side_bar.account_side_bar_mobile.active {
    transform: translateX(0%);
  }
  .account_side_bar .account_side_row {
    width: 100%;
    max-width: 25rem;
    overflow-y: auto;
    height: 100%;
    padding: 12px;
    background: linear-gradient(0deg, #e3e0f0 0%, #e3e0f0 100%), #fff;
  }
*/

  .go-dollars_section .go-dollars_balance_block {
    width: 100%;
    height: 100%;
  }
  .go-dollars_section .card-custom.card_custom_row {
    padding: 50px 0;
  }
}

@media (max-width: 767px) {
  .go-dollars_section .card-custom h5 {
    font-size: 24px;
  }
}

@media (max-width: 575px) {
  .go-dollars_section .account_text_deatil h6 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .go-dollars_section .balance-amount {
    font-size: 28px;
  }
  .go-dollars_section .balance-box img {
    width: 80px;
    height: 80px;
  }
}

@media (max-width: 374px) {
  .card-custom .purple_btn {
    font-size: 12px;
  }
}

/* go-dollars-page 2 */

.card_list_box {
  padding: 20px;
  background: #fff;
  border-radius: 15px;
}

.card_title_dropdown .header-title {
  gap: 10px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.card_title_dropdown .header-title svg {
  width: 28px;
  height: 28px;
}

.card_title_dropdown .filters {
  display: flex;
  gap: 12px;
}
.card_title_dropdown .filters select {
  background: #e6e5f9;
  border-radius: 5px;
  border: none;
  padding: 8px 10px;
  color: #000;
  width: 150px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M5.35156 8.05542L5.90516 7.5L10.6768 12.2561L15.4484 7.5L16.002 8.05542L10.6768 13.3633L5.35156 8.05542Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 20px;
}
.card_title_dropdown .filters select:focus {
  outline: none;
  box-shadow: 0 0 0 2px #6c63ff;
  background: white;
}

.card_list_box thead tr {
  border-radius: 8px;
}
.card_list_box thead tr th {
  background: #e3e0f0;
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.card_list_box thead tr th:first-child {
  border-radius: 5px 0 0 5px;
}
.card_list_box thead tr th:last-child {
  border-radius: 0 5px 5px 0;
}

.card_list_box tbody tr td {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.card_list_box .common_badge {
  border-radius: 5px;
  border: 0.5px solid #c6c1ce;
  width: 110px;
  padding: 3px 5px;
}
.card_list_box .status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.card_list_box .status-completed .status-dot {
  background: #27a57b;
}
.card_list_box .status-pending .status-dot {
  background: #5d68ff;
}
.card_list_box .status-failed .status-dot {
  background: #ef2d2d;
}

.pagination {
  margin-top: 25px;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  font-weight: 600;
}
.pagination button {
  background: transparent;
  border: 1px solid #aca8bf;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 5px;
  transition: all 0.2s ease;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.pagination button:hover:not(:disabled) {
  background: #eceaff;
  border-color: #6c63ff;
  color: #4d47cc;
}
.pagination .page-number {
  border-radius: 5px;
  background: linear-gradient(270deg, #ad4bfc -0.65%, #8037ff 39.96%);
  color: white;
  border-radius: 8px;
  padding: 6px 12px;
  width: 37px;
}
.pagination button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.card_list_box .text-nowrap {
  white-space: nowrap;
  border: 0;
}
.card_list_box .text-nowrap input[type="checkbox"] {
  display: none;
}
.card_list_box .text-nowrap label {
  position: relative;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  padding-left: 30px;
}
.card_list_box .text-nowrap label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #c9c4e3;
  border-radius: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
}

.card_list_box .text-nowrap input[type="checkbox"]:checked + label::before {
  background-color: #7a33ff;
}
.card_list_box .text-nowrap input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 0px;
  width: 20px;
  height: 21px;
  border: 2px solid white;
  border-radius: 3px;
}

/* End go-dollars-page 2 */

/* ========================================================= */

/* ========== My Subscription 1 */

.subscription_title_with_arrow h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #000;
}

.common_swiper_arrow {
  gap: 10px;
}
.common_swiper_arrow > * {
	position: unset;
	height: 33px;
	width: 33px;
	background: #8037ff;
	border-radius: 100%;
	border: 1px solid #8037ff;
	margin: 0;
	transition: 0.4s;
	padding: 5px;
}
.common_swiper_arrow > div svg path {
  fill: #ffffff;
}
.common_swiper_arrow > *:hover {
  background: #fff;
}
.common_swiper_arrow > *:hover svg path {
	fill: #8037ff;
}

.swiper.mysubscription {
  display: none;
}
.swiper.mysubscription.swiper-initialized {
  display: block;
}

.mysubscription .subscription_slide figure img {
  cursor: pointer;
}

.subscription_icon_with_title svg {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}
.subscription_icon_with_title h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #000;
}

.my_subscription_section .header-bar-yonda-go {
  background-color: #ede9f6;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #2a2a2a;
  user-select: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.yonda_profile_block {
  gap: 15px;
}

.yonda_profile_block .card-yonda_block {
  width: calc(30% - 7.5px);
}

.yonda_profile_block .card-yonda {
  position: relative;
}
.yonda_profile_block .card-yonda figure img {
  width: 100%;
  border-radius: 5px;
}

.yonda_profile_block .card-name-account-wrp {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.yonda_profile_block .card-name-account-wrp .name {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #000;
}
.yonda_profile_block .card-name-account-wrp .account-id {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
}

.yonda_profile_block .account_credit_block {
  width: calc(70% - 7.5px);
  padding: 22px 18px;
  border: 1px solid #d5d1e6;
  border-radius: 10px;
}
.yonda_profile_block .account_credit_block .message-card figure {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.yonda_profile_block .account_credit_block .message-card figure img {
  width: 100%;
}

.yonda_profile_block .message-header {
  color: #aca8bf;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: normal;
}
.yonda_profile_block .message-body {
  color: #606060;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.yonda_profile_block .account-credit-wrapper {
  gap: 12px;
}
.yonda_profile_block .account_credit_row {
	flex-grow: 1;
/*   width: calc(75% - 6px); */
  background-color: #ede9f6;
  border-radius: 0.375rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #2a2a2a;
  user-select: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 13px 17px;
}
.yonda_profile_block .upgrade_plan_btn_wrp {
/*   width: calc(25% - 6px); */
}
.yonda_profile_block .upgrade_plan_btn_wrp button.purple_btn {
  min-width: 100%;
  min-height: 100%;
}

.border_block {
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #d5d1e6;
}

.upgrade_price_plan_block {
  margin-top: 30px;
}
.upgrade_price_plan_block h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 30px;
}

.upgrade_price_plan_block .subscription_choose {
  width: fit-content;
  border: 2px solid #7d3eed;
}

.upgrade_price_card_block {
  gap: 43px;
  margin-top: 20px;
}
.upgrade_price_card_block .upgrade_price_card_row {
  width: calc(33.33% - 28.66px);
  gap: 11px;
}

.upgrade_price_card_content {
  gap: 11px;
}
.upgrade_price_card_img_wrp {
  position: relative;
}
.upgrade_price_card_img_wrp img {
  width: 100%;
  vertical-align: middle;
}
.upgrade_price_card_img_wrp span {
  padding: 3px 10px;
  border-radius: 6px;
  border: 2px solid #fff;
  background: linear-gradient(270deg, #ad4bfc -0.65%, #8037ff 39.96%), #fff;
  color: #fff;
  position: absolute;
  left: 16.914px;
  top: -10px;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.upgrade_price_card_input label {
  position: relative;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  padding-left: 25px;
  font-weight: 500;
}
.upgrade_price_card_input label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #c9c4e3;
  border-radius: 3px;
  margin-right: 10px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
}

.upgrade_price_card_input input[type="checkbox"] {
  display: none;
}
.upgrade_price_card_input input[type="checkbox"]:checked + label::before {
  background-color: #7a33ff;
}
.upgrade_price_card_input input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 4px;
  width: 14px;
  height: 15px;
  border: 2px solid white;
  border-radius: 2px;
}

.upgrade_card_point div span svg {
  width: 16px;
  height: 16px;
}
.upgrade_card_point div p {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.upgrade_view_more_btn_wrp button {
  border: 0;
  border-radius: 5px;
  background: #dedff2;
  padding: 2px 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

#view_more .modal-body {
  gap: 11px;
}
#view_more .modal-body .modal_upgrade_img_input-block {
  width: calc(45% - 5.5px);
}
#view_more .modal-body .upgrade_card_point {
  width: calc((55% - 5.5px));
}

#view_more .upgrade_card_point div span svg {
  width: 18px;
  height: 18px;
}
#view_more .upgrade_card_point div p {
  font-size: 14px;
}

@media (max-width: 1399px) {
  .yonda_profile_block .account_credit_block,
  .yonda_profile_block .account_credit_row {
    padding: 10px 10px;
  }

  .yonda_profile_block .upgrade_plan_btn_wrp {
/*     width: calc(30% - 6px); */
  }
  .yonda_profile_block .account_credit_row {
/*     width: calc(70% - 6px); */
  }
}

@media (max-width: 991px) {
  .yonda_profile_block .account_credit_row {
    font-size: 14px;
  }
  .yonda_profile_block .upgrade_plan_btn_wrp button.purple_btn {
    font-size: 12px;
    padding: 0 10px;
  }

  .upgrade_price_card_block {
    gap: 20px;
  }
  .upgrade_price_card_block .upgrade_price_card_row {
    width: calc(33.33% - 13.33px);
  }

  .upgrade_price_card_img_wrp span {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .yonda_profile_block {
    flex-direction: column;
  }
  .yonda_profile_block .card-yonda_block,
  .yonda_profile_block .account_credit_block {
    width: 100%;
  }

  .upgrade_price_card_block {
    gap: 10px;
  }
  .upgrade_price_card_block .upgrade_price_card_row {
    width: calc(50% - 5px);
  }
}

@media (max-width: 575px) {
  .yonda_profile_block .account_credit_row,
  .yonda_profile_block .upgrade_plan_btn_wrp {
    width: 100%;
  }

  .yonda_profile_block .upgrade_plan_btn_wrp {
    display: flex;
    justify-content: center;
  }
  .yonda_profile_block .upgrade_plan_btn_wrp button.purple_btn {
    min-height: 41px;
    min-width: auto;
    padding: 0 20px;
  }

  .upgrade_price_card_block {
    gap: 20px;
  }
  .upgrade_price_card_block .upgrade_price_card_row {
    width: 100%;
  }

  .card_title_dropdown .filters select {
    width: 122px;
    font-size: 12px;
  }

  #view_more .modal-body .modal_upgrade_img_input-block,
  #view_more .modal-body .upgrade_card_point {
    width: 100%;
  }
}

.promo-section {
  background-image: url(../image/Rectangle\ 34626470.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-position: bottom;
  margin-top: 50px;
  padding: 11px 65px 0;
  border-radius: 5px;
  display: flex;
  gap: 50px;
  justify-content: space-between;
}

.promo_text-btn {
  padding-bottom: 15px;
}
.promo-section .promo-text {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.promo-section .promo_btn_wrp {
  border-radius: 54px;
  background: #fff;
  padding: 5px 32px;
  width: fit-content;
  display: flex;
  align-items: center;
}
.promo-section .promo_btn_wrp a {
  background: linear-gradient(90deg, #8037ff 74.39%, #ad4bfc 100.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

.promo-section .promo-image {
  width: 140px;
  flex-shrink: 0;
  margin-top: -40px;
}
.promo-section .promo-image img {
  width: 100%;
}

@media (max-width: 1200px) {
  .promo-section .promo-image {
    margin-top: 0px;
  }
}

@media (max-width: 991px) {
  .promo-section {
    padding: 11px 45px 0;
  }
  .promo-section .promo-text {
    font-size: 18px;
  }
  .promo-section .promo-image {
    margin-top: -40px;
  }
}

@media (max-width: 767px) {
  .promo-section .promo-text {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .promo-section {
    padding: 10px 10px 0;
    gap: 30px;
    align-items: flex-end;
  }
  .promo_text-btn {
    padding-bottom: 10px;
  }
}

@media (max-width: 389px) {
  .promo-section {
    margin-top: 20px;
  }
  .promo-section .promo-image {
    margin-top: 0;
    width: 100px;
  }
  .promo-section .promo-text {
    font-size: 12px;
  }
  .promo-section .promo_btn_wrp {
    padding: 5px 10px;
  }
  .promo-section .promo_btn_wrp a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* ========== End My Subscription 1 */

/* =============== Member Benefits */

.year_title_block h4 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.year_title_block p {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.why-join-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding-top: 50px;
  row-gap: 50px;
  margin-bottom: 30px;
}
.why-join-block .why-join-row {
  width: calc(33.33% - 13.33px);
  position: relative;
  padding: 40px 5px 15px;
  text-align: center;
}

.why-join-row .block-back-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.why-join-row .block-back-image img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 12px;
}

.why-join-row figure {
  margin: 0;
  margin-top: -68px;
  position: relative;
}
.why-join-row figure img {
  width: 70px;
  height: 56px;
  vertical-align: middle;
  object-fit: contain;
}

.row-title-wrp {
  position: relative;
}

.row-title-wrp .why-join-row-title {
  text-align: center;
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20.8px;
}
.row-title-wrp .why-join-row-content {
  max-width: 100%;
  margin: 0 auto;
}
.row-title-wrp .why-join-row-content p {
  margin: 0;
  color: #2f2f2f;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.2px;
  text-transform: capitalize;
}
.row-title-wrp .why-join-row-content p strong {
  font-weight: 500;
}

@media screen and (max-width: 1399px) {
  .row-title-wrp .why-join-row-title {
    margin-top: 15px;
  }
}

@media screen and (max-width: 991px) {
  .why-join-block .why-join-row {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 575px) {
  .why-join-block {
    padding-top: 30px;
    row-gap: 40px;
  }
  .why-join-block .why-join-row {
    width: 100%;
  }
  .why-join-row figure {
    margin-top: -60px;
  }
  .why-join-row figure img {
    width: 54px;
    height: 54px;
  }
}

.hot_offer-section h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.hot_offer-section .swiper.hot_offer_block {
  display: none;
}
.hot_offer-section .swiper.hot_offer_block.swiper-initialized {
  display: block;
}

.hot_offer-section .hot_offer_block .swiper-wrapper {
  padding-bottom: 25px;
}

.hot_offer-section .hot_offer_block .hot_offer_row {
  position: relative;
}
.hot_offer-section .hot_offer_block .hot_offer_row .offer_text {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  background: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hot_offer-section .hot_offer_block .hot_offer_row figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.member_product_section {
  padding-top: 30px;
}

.member_product_section .com_title {
  font-size: 24px;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.member_product_section .Subscription-to-UNLOCK-text {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}

.member_product_section .swiper.member_product_slide {
  display: none;
}
.member_product_section .swiper.member_product_slide.swiper-initialized {
  display: block;
}
.member_product_section .member_product_slide .swiper-wrapper {
  padding-bottom: 50px;
}
.member_product_section .member_product_slide .banner_grid_boxIn {
  border: 1px solid #d5d1e6;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .why-join-block {
    margin-bottom: 20px;
  }
  .member_product_section {
    padding-top: 20px;
  }
}

@media (max-width: 575px) {
  .member_product_section .com_title {
    font-size: 20px;
  }
  .member_product_section .Subscription-to-UNLOCK-text {
    font-size: 14px;
  }
}

/* =============== End Member Benefits */

/* =============== Activity */

.activity-item {
  padding: 1rem 1rem 1rem 0;
  border-bottom: 1px solid #dee2e6;
}
.tag-label {
  background: #e5e7f6;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 0.35rem;
  padding: 7px 15px;
  min-width: 140px;
  display: inline-flex;
  align-items: center;
  justify-content: start;
  gap: 0.6rem;
}

.activity_text_dollars {
  overflow: auto;
  gap: 20px !important;
}
.activity_text_dollars div {
  white-space: nowrap;
}

.activity_text_dollars div p {
  color: #606060;
}
.activity-text .activity_dollars_title {
  color: #000;
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.activity-text {
  flex: 1;
  word-break: break-word;
  color: #000;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.activity-date {
  background: #e5e7f6;
  color: #000;
  border-radius: 0.35rem;
  padding: 0.3rem 0.85rem;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 145px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

@media (max-width: 767px) {
  .activity-item.align-items-center {
    align-items: start !important;
  }
  .activity_text_dollars {
    overflow: unset;
    gap: 0px !important;
    flex-direction: column !important;
  }
  .activity_text_dollars div {
    white-space: unset;
    gap: 2px;
    flex-direction: row !important;
  }
}

/* =================== End Activity */

/* =============== Booking History Page */

.booking-history-page .filters .ex_btn {
  background: #e6e5f9;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.booking-history-page .filters .btn {
  border-radius: 5px;
}

.booking-history-page
  .explore-text-with-tab
  .nav.nav-pills
  .nav-item
  .nav-link:hover
  svg
  path,
.booking-history-page
  .explore-text-with-tab
  .nav
  .nav-item
  .nav-link.active
  svg
  path {
  fill: #fff;
}

.booking-common .nav .nav-item .nav-link {
  border-radius: 5px;
  color: #000;
  border: 1px solid #e3e0f0;
}
.booking-common .nav .nav-item .nav-link.active {
  background: #e3e0f0;
}
.booking-common .nav .nav-item .nav-link:hover {
  background: #e3e0f0;
}

.booking-common .table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 500px;
}
.booking-common .table-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.booking-common .table-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(270deg, #ad4bfc -0.65%, #8037ff 39.96%), #e3e0f0;
  border-radius: 10px;
}
.booking-common .table-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(270deg, #ad4bfc -0.65%, #8037ff 39.96%), #e3e0f0;
}

.booking-common table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  min-width: 780px;
}

.booking-common th {
  padding: 13px 12px;
  background-color: #ede8f7;
  user-select: none;
  text-align: left;
  white-space: nowrap;
  color: #000;
  font-family: "Poppins";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.booking-common td {
  background: white;
  padding: 13px;
  vertical-align: top;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
}

.booking-common input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}

.booking-common .property-image {
  width: 100px;
  height: 75px;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
  flex-shrink: 0;
}
.booking-common .property-info {
  display: flex;
  gap: 0.75rem;
  min-width: 220px;
  white-space: normal;
  line-height: 1.2;
}

.booking-common .property-location {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 0.15rem 0;
  user-select: text;
}
.booking-common .property-name {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  user-select: text;
}
.booking-common .property-name.car-name {
  font-weight: 400;
}
.booking-common .property-name.car-name span {
  font-weight: 500;
}

.booking-common .guests {
  min-width: 100px;
  white-space: normal;
}
.booking-common .operated-by {
  min-width: 150px;
  white-space: wrap;
}
.booking-common .cruise-line-ship {
  min-width: 117px;
  white-space: wrap;
}
.booking-common .package-rate {
  min-width: 142px;
  white-space: wrap;
}
.booking-common .pick-up-drop-off {
  min-width: 245px;
  white-space: wrap;
}
.booking-common .add-ons-facility {
  min-width: 210px;
  white-space: wrap;
}
.booking-common .car-facility {
  min-width: 150px;
  white-space: wrap;
}

.booking-common .car_svg-text_block .car_svg_row {
  width: max-content;
  color: #000;
  font-family: "Poppins";
  font-size: 12px;
  font-style: normal;
}
.booking-common .car_svg-text_block .car_svg_row svg {
  width: 18px;
  height: 18px;
}

.booking-common .room-type {
  min-width: 350px;
  white-space: normal;
  line-height: 1.25;
  color: #000;
}
.booking-common .room-type.cabin-type {
  min-width: 250px;
}

.booking-common .room-title {
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.booking-common .room-description {
  color: #000;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.2;
}

.booking-common .rate {
  font-weight: 500;
  color: #000;
  margin-left: 15px;
  font-size: 14px;
}

.booking-common .cancel-policy {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  line-height: 1.1;
  padding: 5px;
  background: linear-gradient(90deg, #8037ff 78.46%, #ad4bfc 100%);
  backdrop-filter: blur(5.212523937225342px);
  color: white;
  cursor: default;
  user-select: none;
}
.booking-common .cancel-policy svg {
  stroke: white;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.booking-common .book-date {
  min-width: 120px;
  white-space: normal;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
}
.booking-common .book-nights {
  margin-bottom: 0.3rem;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.booking-common .book-dates {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
}

.booking-common .go-dollars {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #000;
  min-width: 100px;
  white-space: nowrap;
  text-align: center;
}

.booking-common .actions {
  min-width: 110px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  white-space: nowrap;
  margin: 0px;
}

.booking-common button.action-btn, .booking-common a.action-btn {
  background-color: #e3e0f0;
  border: none;
  color: #000;
  border-radius: 4px;
  padding: 6.042px 5px;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  transition: background-color 0.2s ease;
  border: 0.755px solid #e3e0f0;
}

.booking-common button.action-btn.cancel-btn, .booking-common a.action-btn.cancel-btn {
  background-color: #fff;
}

.booking-common button.action-btn:hover, .booking-common a.action-btn:hover {
  background-color: #e3e0f0;
}

.booking-common a.download-link {
  font-size: 12px;
  color: #000;
  cursor: pointer;
  text-decoration: underline;
  align-self: center;
  margin-top: 2px;
}

.booking-common input[type="checkbox"] {
  display: none;
}
.booking-common label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  padding-left: 24px;
  font-size: 0;
  width: 0px;
  height: 22px;
}
.booking-common label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid #c9c4e3;
  border-radius: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
}

.booking-common input[type="checkbox"]:checked + label::before {
  background-color: #7a33ff;
}
.booking-common input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 0px;
  width: 20px;
  height: 21px;
  border: 2px solid white;
  border-radius: 3px;
}

/* =============== Booking History Page */

/* Giveaway Entries */
.card_list_box_entries tbody tr td {
  color: #000;
  font-weight: 500;
}

.my_giveaway_entries .highlight-box {
  border-radius: 10px;
  background: #e3e0f0;
  max-width: 100%;
  min-height: 232px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0 10px;
}

.my_giveaway_entries .highlight-box p {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.my_giveaway_entries .highlight-box strong {
  color: #8037ff;
  font-family: Poppins;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}

.giveaway_entries_Ready .col-md-12 {
  padding: 0;
}

.giveaway_entries_Ready .card_list_box {
  padding: 0 0 0 15px;
}

@media (max-width: 1200px) {
  .giveaway_entries_Ready .card_list_box {
    padding: 0px;
  }
}

@media (max-width: 991px) {
  .my_giveaway_entries .highlight-box {
    max-width: 100%;
    min-height: 100%;
    padding: 15px 10px;
  }
}

/* end=================== */

/* siler */

.offer-card {
  border: 3px solid #71c6d7;
  border-radius: 1rem;
  width: 100%;
  background: #fff;
  box-shadow: 0 8px 20px rgb(0 0 0 / 0.08);
  padding: 1.5rem 1.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.package_slider .swiper-wrapper {
  padding-bottom: 60px;
}

.package_row {
  background: #fff;
  border-radius: 8px;
  padding: 20px 15px 60px;
  text-align: center;
  position: relative;
  border: 1px solid #ddd;
}

.takeoff_pack .package_row {
  background: radial-gradient(
        circle at 100% 100%,
        #d4ebf2 0,
        #d4ebf2 3px,
        transparent 3px
      )
      0% 0% / 8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #d4ebf2 0, #d4ebf2 3px, transparent 3px)
      100% 0% / 8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #d4ebf2 0, #d4ebf2 3px, transparent 3px)
      0% 100% / 8px 8px no-repeat,
    radial-gradient(circle at 0 0, #d4ebf2 0, #d4ebf2 3px, transparent 3px) 100%
      100% / 8px 8px no-repeat,
    linear-gradient(#d4ebf2, #d4ebf2) 50% 50% / calc(100% - 10px)
      calc(100% - 16px) no-repeat,
    linear-gradient(#d4ebf2, #d4ebf2) 50% 50% / calc(100% - 16px)
      calc(100% - 10px) no-repeat,
    linear-gradient(
      #7cd0df 0%,
      #428894 30%,
      #ffffff 39%,
      #7cd0df 61%,
      #437179 100%
    );
}

.takeoff_pack .package_variant_title_wrp .package_variant_title {
  background: linear-gradient(
    99deg,
    #e3e0f0 6.87%,
    #d1edf2 37.05%,
    #79cfde 92.66%
  );
  color: #000;
}

.takeoff_pack .package_price_subtext_wrp .package_price {
  color: #1f879a;
}

.takeoff_pack .package_variant_content ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cg%20clip-path%3D'url(%23clip0_1096_1114)'%3E%3Cpath%20d%3D'M8.52921%200.385254H8.52919C4.08185%200.385254%200.476562%203.99054%200.476562%208.43788V8.4379C0.476562%2012.8852%204.08185%2016.4905%208.52919%2016.4905H8.52921C12.9766%2016.4905%2016.5818%2012.8852%2016.5818%208.4379V8.43788C16.5818%203.99054%2012.9766%200.385254%208.52921%200.385254Z'%20fill%3D'white'/%3E%3Cpath%20d%3D'M17.6083%201.38715C17.8361%201.20238%2018.1361%201.52816%2017.9377%201.7421L8.44566%2011.9282C7.99089%2012.4096%207.17329%2012.2929%206.87333%2011.6997L4.31889%206.63313C4.077%206.15662%204.7156%205.68984%205.0978%206.07396L8.12637%209.13772L17.6083%201.38715Z'%20fill%3D'%231F879A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D'clip0_1096_1114'%3E%3Crect%20width%3D'18'%20height%3D'16.875'%20fill%3D'white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.takeoff_pack .package_btn_wrp a {
  background: #1f879a;
}

.jetsetter_pack .package_row {
  background: radial-gradient(
        circle at 100% 100%,
        #f0ddf2 0,
        #f0ddf2 3px,
        transparent 3px
      )
      0% 0%/8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #f0ddf2 0, #f0ddf2 3px, transparent 3px)
      100% 0%/8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #f0ddf2 0, #f0ddf2 3px, transparent 3px)
      0% 100%/8px 8px no-repeat,
    radial-gradient(circle at 0 0, #f0ddf2 0, #f0ddf2 3px, transparent 3px) 100%
      100%/8px 8px no-repeat,
    linear-gradient(#f0ddf2, #f0ddf2) 50% 50% / calc(100% - 10px)
      calc(100% - 16px) no-repeat,
    linear-gradient(#f0ddf2, #f0ddf2) 50% 50% / calc(100% - 16px)
      calc(100% - 10px) no-repeat,
    linear-gradient(
      #d27cdf 0%,
      #892a93 30%,
      #ffffff 39%,
      #d77cdf 61%,
      #704379 100%
    );
}

.jetsetter_pack .package_variant_title_wrp .package_variant_title {
  background: linear-gradient(
    105deg,
    #e3e0f0 8.46%,
    #f0def2 19.89%,
    #d897df 60.81%
  );
  color: #000;
}

.jetsetter_pack .package_price_subtext_wrp .package_price {
  color: #892a93;
}

.jetsetter_pack .package_variant_content ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1096_1147)%22%3E%3Cpath%20d%3D%22M8.52921%200.385254H8.52919C4.08185%200.385254%200.476562%203.99054%200.476562%208.43788V8.4379C0.476562%2012.8852%204.08185%2016.4905%208.52919%2016.4905H8.52921C12.9766%2016.4905%2016.5818%2012.8852%2016.5818%208.4379V8.43788C16.5818%203.99054%2012.9766%200.385254%208.52921%200.385254Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M17.6083%201.38715C17.8361%201.20238%2018.1361%201.52816%2017.9377%201.7421L8.44566%2011.9282C7.99089%2012.4096%207.17329%2012.2929%206.87333%2011.6997L4.31889%206.63313C4.077%206.15662%204.7156%205.68984%205.0978%206.07396L8.12637%209.13772L17.6083%201.38715Z%22%20fill%3D%22%23892A93%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1096_1147%22%3E%3Crect%20width%3D%2218%22%20height%3D%2216.875%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.jetsetter_pack .package_btn_wrp a {
  background: #892a93;
}

.escape_pack .package_row {
  background: radial-gradient(
        circle at 100% 100%,
        #fbe3e2 0,
        #fbe3e2 3px,
        transparent 3px
      )
      0% 0%/8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #fbe3e2 0, #fbe3e2 3px, transparent 3px)
      100% 0%/8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #fbe3e2 0, #fbe3e2 3px, transparent 3px)
      0% 100%/8px 8px no-repeat,
    radial-gradient(circle at 0 0, #fbe3e2 0, #fbe3e2 3px, transparent 3px) 100%
      100%/8px 8px no-repeat,
    linear-gradient(#fbe3e2, #fbe3e2) 50% 50% / calc(100% - 10px)
      calc(100% - 16px) no-repeat,
    linear-gradient(#fbe3e2, #fbe3e2) 50% 50% / calc(100% - 16px)
      calc(100% - 10px) no-repeat,
    linear-gradient(
      #df967c 0%,
      #924b32 30%,
      #ffffff 39%,
      #dfa57c 61%,
      #795643 100%
    );
}

.escape_pack .package_variant_title_wrp .package_variant_title {
  background: linear-gradient(
    99deg,
    #e3e0f0 6.87%,
    #ffcfbe 37.05%,
    #fab8a1 92.66%
  );
  color: #000;
}

.escape_pack .package_price_subtext_wrp .package_price {
  color: #924b32;
}

.escape_pack .package_variant_content ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cg clip-path='url(%23clip0_882_2831)'%3E%3Cpath d='M8.52921 0.382812H8.52919C4.08185 0.382812 0.476562 3.9881 0.476562 8.43544V8.43546C0.476562 12.8828 4.08185 16.4881 8.52919 16.4881H8.52921C12.9766 16.4881 16.5818 12.8828 16.5818 8.43546V8.43544C16.5818 3.9881 12.9766 0.382812 8.52921 0.382812Z' fill='white'/%3E%3Cpath d='M17.6083 1.39057C17.8361 1.2058 18.1361 1.53158 17.9377 1.74552L8.44566 11.9316C7.99089 12.413 7.17329 12.2963 6.87333 11.7031L4.31889 6.63655C4.077 6.16004 4.7156 5.69326 5.0978 6.07738L8.12637 9.14113L17.6083 1.39057Z' fill='%23924B32'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_882_2831'%3E%3Crect width='18' height='16.875' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.escape_pack .package_btn_wrp a {
  background: #924b32;
}

.luxe_getaway_pack .package_row {
  background: radial-gradient(
        circle at 100% 100%,
        #f0eed7 0,
        #f0eed7 3px,
        transparent 3px
      )
      0% 0%/8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #f0eed7 0, #f0eed7 3px, transparent 3px)
      100% 0%/8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #f0eed7 0, #f0eed7 3px, transparent 3px)
      0% 100%/8px 8px no-repeat,
    radial-gradient(circle at 0 0, #f0eed7 0, #f0eed7 3px, transparent 3px) 100%
      100%/8px 8px no-repeat,
    linear-gradient(#f0eed7, #f0eed7) 50% 50% / calc(100% - 10px)
      calc(100% - 16px) no-repeat,
    linear-gradient(#f0eed7, #f0eed7) 50% 50% / calc(100% - 16px)
      calc(100% - 10px) no-repeat,
    linear-gradient(
      #dfd37c 0%,
      #928700 30%,
      #ffffff 39%,
      #dfd77c 61%,
      #797743 100%
    );
}

.luxe_getaway_pack .package_variant_title_wrp .package_variant_title {
  background: linear-gradient(
    99deg,
    #e3e0f0 6.87%,
    #fffef0 37.05%,
    #faf28a 92.66%
  );
  color: #000;
}

.luxe_getaway_pack .package_price_subtext_wrp .package_price {
  color: #928700;
}

.luxe_getaway_pack .package_variant_content ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1096_1214)%22%3E%3Cpath%20d%3D%22M8.52921%200.385254H8.52919C4.08185%200.385254%200.476562%203.99054%200.476562%208.43788V8.4379C0.476562%2012.8852%204.08185%2016.4905%208.52919%2016.4905H8.52921C12.9766%2016.4905%2016.5818%2012.8852%2016.5818%208.4379V8.43788C16.5818%203.99054%2012.9766%200.385254%208.52921%200.385254Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M17.6083%201.38715C17.8361%201.20238%2018.1361%201.52816%2017.9377%201.7421L8.44566%2011.9282C7.99089%2012.4096%207.17329%2012.2929%206.87333%2011.6997L4.31889%206.63313C4.077%206.15662%204.7156%205.68984%205.0978%206.07396L8.12637%209.13772L17.6083%201.38715Z%22%20fill%3D%22%23928700%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1096_1214%22%3E%3Crect%20width%3D%2218%22%20height%3D%2216.875%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.luxe_getaway_pack .package_btn_wrp a {
  background: #928700;
}

.elite_voyager_pack .package_row {
  background: radial-gradient(
        circle at 100% 100%,
        #f9e7f7 0,
        #f9e7f7 3px,
        transparent 3px
      )
      0% 0%/8px 8px no-repeat,
    radial-gradient(circle at 0 100%, #f9e7f7 0, #f9e7f7 3px, transparent 3px)
      100% 0%/8px 8px no-repeat,
    radial-gradient(circle at 100% 0, #f9e7f7 0, #f9e7f7 3px, transparent 3px)
      0% 100%/8px 8px no-repeat,
    radial-gradient(circle at 0 0, #f9e7f7 0, #f9e7f7 3px, transparent 3px) 100%
      100%/8px 8px no-repeat,
    linear-gradient(#f9e7f7, #f9e7f7) 50% 50% / calc(100% - 10px)
      calc(100% - 16px) no-repeat,
    linear-gradient(#f9e7f7, #f9e7f7) 50% 50% / calc(100% - 16px)
      calc(100% - 10px) no-repeat,
    linear-gradient(
      #df7ca7 0%,
      #ad386d 30%,
      #ffffff 39%,
      #df7cac 61%,
      #794361 100%
    );
}

.elite_voyager_pack .package_variant_title_wrp .package_variant_title {
  background: linear-gradient(
    99deg,
    #e3e0f0 6.87%,
    #fffef0 37.05%,
    #faf28a 92.66%
  );
  background: linear-gradient(
    98.94deg,
    #e3e0f0 6.87%,
    #ffd3ef 37.05%,
    #cd7a9f 92.66%
  );

  color: #000;
}

.elite_voyager_pack .package_price_subtext_wrp .package_price {
  color: #ad396d;
}

.elite_voyager_pack .package_variant_content ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cg clip-path='url(%23clip0_882_2894)'%3E%3Cpath d='M8.52921 0.382812H8.52919C4.08185 0.382812 0.476562 3.9881 0.476562 8.43544V8.43546C0.476562 12.8828 4.08185 16.4881 8.52919 16.4881H8.52921C12.9766 16.4881 16.5818 12.8828 16.5818 8.43546V8.43544C16.5818 3.9881 12.9766 0.382812 8.52921 0.382812Z' fill='white'/%3E%3Cpath d='M17.6083 1.39057C17.8361 1.2058 18.1361 1.53158 17.9377 1.74552L8.44566 11.9316C7.99089 12.413 7.17329 12.2963 6.87333 11.7031L4.31889 6.63655C4.077 6.16004 4.7156 5.69326 5.0978 6.07738L8.12637 9.14113L17.6083 1.39057Z' fill='%23AD386D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_882_2894'%3E%3Crect width='18' height='16.875' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.elite_voyager_pack .package_btn_wrp a {
  background: #ad386d;
}

.package_row .save-text-wrp {
  display: flex;
  justify-content: center;
  position: absolute;
  align-items: center;
  top: -5%;
  left: 0;
  width: 100%;
}

.package_row .save-text-wrp .save_text {
  display: block;
  background: #c70c0c;
  color: #fff;
  border-radius: 5px;
  padding: 5px 7px;
  width: fit-content;
}

.package_top_title {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 107%;
  /* 17.12px */
  text-transform: uppercase;
}

.package_variant_title_wrp {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: -30px;
}

.package_variant_title_wrp .package_variant_title {
  display: block;
  background: linear-gradient(270deg, #ad4bfc -0.65%, #8037ff 39.96%),
    linear-gradient(90deg, #8037ff 74.39%, #ad4bfc 100.24%),
    linear-gradient(
      90deg,
      rgba(8, 102, 255, 0.1) -3.23%,
      rgba(227, 238, 255, 0.2) 41.11%
    ),
    #e3eeff;
  width: fit-content;
  color: #fff;
  padding: 10px 35px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  border: 3px solid #fff;
  max-width: 150px;
  line-height: 120%;
}

.package_title {
  color: #8739f6;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 0 2.36px 8.896px #3d226b, 0 -2px 1px rgba(61, 34, 107, 0.8);
  -webkit-text-stroke: 1px #ffffff;
  font-weight: 700;
  font-size: 30px;
  margin: 0 0 20px;
}

.package_price_subtext_wrp {
  display: flex;
  flex-direction: column;
  padding: 30px 15px 15px;
  background: #fff;
  border-radius: 8px;
}

.package_price_subtext_wrp .package_price {
  color: #8037ff;
  text-align: center;
  font-family: Poppins;
  font-size: 46px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.package_price_subtext_wrp .package_subtext {
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-transform: capitalize;
}

.package_variant_content_wrp .package_variant_content {
  position: relative;
  overflow: hidden;
  transition: height 0.5s ease;
  height: 95px;
  text-align: left;
  padding-top: 10px;
}

.package_variant_content_wrp:not(.active) .package_variant_content:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.package_variant_content ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.package_variant_content ul li {
  font-size: 14px;
  color: #000000;
  position: relative;
  padding-left: 25px;
  line-height: 1.3;
  margin: 0 0 10px;
  letter-spacing: 0;
  list-style: none;
}

.package_variant_content ul li b {
  font-weight: 600;
}

.package_variant_content ul li:before {
  content: " ";
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cg clip-path='url(%23clip0_2024_5936)'%3E%3Crect x='0.78418' y='1.63135' width='11.6985' height='11.6985' rx='5.84924' fill='%23DDDAEB'/%3E%3Cpath d='M13.2289 2.35902C13.3944 2.22481 13.6123 2.46144 13.4682 2.61685L6.5734 10.0158C6.24306 10.3655 5.64917 10.2807 5.43129 9.84981L3.5758 6.16958C3.40009 5.82345 3.86397 5.48439 4.14159 5.76341L6.34146 7.98885L13.2289 2.35902Z' fill='%238037FF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2024_5936'%3E%3Crect width='13.0748' height='13.0748' fill='white' transform='translate(0.44043 0.943115)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
}

.variant_content_redemore {
  cursor: pointer;
  background-color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  width: 100%;
  max-width: fit-content;
  margin: 10px auto 0;
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 11px;
  line-height: normal;
}

.variant_content_redemore svg {
  width: 10px;
  height: 10px;
  margin-top: 2px;
}

.variant_content_redemore.active svg {
  transform: rotate(180deg);
}

.package_btn_wrp {
  display: flex;
  margin-top: -30px;
  z-index: 1;
  position: relative;
  justify-content: center;
}

.package_btn_wrp a {
  border-radius: 45px;
  border: 3px solid #fff;
  background: linear-gradient(0deg, #000 0%, #000 100%),
    linear-gradient(
      90deg,
      rgba(8, 102, 255, 0.1) -3.23%,
      rgba(227, 238, 255, 0.2) 41.11%
    ),
    #e3eeff;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
}

.package_bottom_btn {
  background: var(--primary-color);
  width: 100%;
  max-width: 700px;
  margin: 0 auto 50px;
  text-align: center;
  padding: 5px 8px;
  border-radius: 50px;
}

.package_bottom_btn .bottom_button {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}

.swiper-pagination-bullet-active {
  background: var(--primary-color);
}

.package_slider .swiper-slide .package_row {
  cursor: pointer;
}

.package_slider .swiper-slide .package_row:hover {
  box-shadow: 0 3.989px 7.48px 0 rgb(0 0 0 / 35%);
}

@media screen and (max-width: 1499px) {
  .package_price_subtext_wrp .package_subtext {
    font-size: 14px;
  }

  .package_top_title {
    min-height: 55px;
  }
}

@media screen and (max-width: 1399px) {
  .package_variant_title_wrp .package_variant_title {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .package_price_subtext_wrp .package_subtext {
    font-size: 12px;
    min-height: 40px;
  }
}

@media screen and (max-width: 1199px) {
  .package_title {
    margin: 0 0 0;
  }

  .package_row {
    padding: 20px 10px 45px;
  }

  .package_btn_wrp .custom-btn {
    max-width: 110px;
    font-size: 14px;
    line-height: 18px;
  }

  .package_top_title {
    min-height: 50px;
  }
}

@media screen and (max-width: 991px) {
  .package_price_subtext_wrp .package_subtext {
    font-size: 13px;
    min-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  .package_top_title {
    min-height: 40px;
  }
}

@media screen and (max-width: 575px) {
  .package_bottom_btn {
    margin: 0 auto 30px;
  }

  .package_variant_title_wrp .package_variant_title {
    font-size: 16px;
  }
}

/* end ======================================================== */
/* Travel preferences */

.travel_preferences .subscription_icon_with_title {
  width: calc(75% - 4px);
}

.top_picks_btn {
  width: calc(25% - 4px);
  display: flex;
  justify-content: end;
}

.travel_preferences .subscription_icon_with_title p {
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  padding-left: 40px;
  max-width: 690px;
}

.travel_categories .tab-pane .card {
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: unset;
  border: 0;
}

.travel_categories .tab-pane .card .card-title {
  color: #fff;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.travel_categories .tab-pane .card .checkbox-icon {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  pointer-events: none;
  border-radius: 4.001px;
  border: 1.334px solid #fff;
  background: rgba(12, 12, 12, 0.2);
}

.travel_categories .subscription_icon_with_title P {
  color: #000;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: fit-content;
}

.favourite_stays_history p {
  display: flex;
  padding: 8px 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  background: #e3e0f0;
}

.favourite_stays_history p svg {
  width: 12px;
  height: 12px;
}

.travel_categories .tab-pane .card .checkbox-icon {
  display: none;
}

.travel_categories .tab-pane .card.selected .checkbox-icon {
  display: flex;
}

.travel_categories .tab-pane .card .checkbox-icon svg {
  width: 15px;
  height: 15px;
}

.travel_categories .favourite_stays_history {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 15px;
}

.travel_categories .tab-pane .col-lg-3 {
  margin-top: 15px;
}

.travel_categories .tab-pane .card img {
  width: 100%;
  height: 100%;
}




@media screen and (max-width: 991px) {
  .travel_preferences .subscription_icon_with_title {
    width: calc(70% - 4px);
  }

  .top_picks_btn {
    width: calc(30% - 4px);
  }
}

@media screen and (max-width: 767px) {
  .travel_preferences {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .travel_preferences .subscription_icon_with_title {
    margin: 0 !important;
  }

  .travel_preferences .subscription_icon_with_title {
    width: 100%;
  }

  .top_picks_btn {
    width: 100%;
    justify-content: flex-start;
  }
}

/* end ============================= */

.my_search-form {
  display: flex;
  align-items: center;
  border: 3px solid #d8d2ec;
  border-radius: 50px;
  padding: 8px 19px;
  width: 100%;
  max-width: 320px;
}

.my_search-form input[type="search"] {
  border: none;
  outline: none;
  flex: 1;
  font-size: 16px;
  color: #000;
  background: transparent;
}

.my_search-form input::placeholder {
  color: #cbc7e2;
  opacity: 1;
}

.my_search-form button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.your-destinations_history h3,
.my_trending_destinations h3 {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.your-destinations_history {
  width: 100%;
  padding-bottom: 15px;
  display: none;
}

.subscription_icon_with_title .your-destinations_history svg {
  width: 15px;
  height: 15px;
}

/* Hotel brands */
.travel_categories .subscription_icon_with_title h3 {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.favourite_stays_history_brands p {
  display: flex;
  padding: 8px 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  background: #e3e0f0;
}

.travel_categories .favourite_stays_history_brands {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 15px;
}

.favourite_stays_history_brands p span svg {
  width: 12px;
  height: 12px;
}

.my_hotel_brands .col {
  padding: 0 !important;
  width: calc(20% - 12px);
}

.my_hotel_brands .row {
  width: 100%;
  margin: 0 auto;
  gap: 15px;
}

.my_hotel_brands .row .card {
  border-radius: 8px;
  border: 1px solid #aca8bf;
  box-shadow: unset;
}

.my_hotel_brands .row .card .card-title {
  display: none;
}

.travel_categories .tab-pane .my_hotel_brands .card .checkbox-icon {
  border-radius: 4px;
  border: 2px solid #000;
  background: rgba(12, 12, 12, 0);
}

.travel_categories .tab-pane .my_hotel_brands .card .checkbox-icon svg path {
  stroke: #000;
}

@media screen and (max-width: 767px) {
  .my_hotel_brands .col {
    width: calc(25% - 12px);
  }
}

@media screen and (max-width: 575px) {
  .my_hotel_brands .col {
    width: calc(50% - 12px);
  }

  .travel_categories .tab-pane .my_hotel_brands .card .checkbox-icon {
    width: 20px;
    height: 20px;
  }

  .travel_categories .tab-pane .my_hotel_brands .card .checkbox-icon svg {
    width: 13px;
    height: 13px;
  }
}

/* Travellers tab  */
.travellers_group_solo .nav {
  width: 100%;
}

.travellers_group_solo .nav .row {
  width: 100%;
  gap: 20px;
}

.travel_categories .tab-pane .travellers_group_solo .col {
  margin: 0;
}

.travel_categories .tab-pane .travellers_group_solo .col button {
  width: 100%;
}

.travel_categories .tab-pane .travellers_group_solo .col .nav-link.active {
  background: var(--background-gradient);
  color: var(--white-color);
}

.travel_categories
  .tab-pane
  .travellers_group_solo
  .col
  .nav-link.active
  svg
  path {
  fill: #fff;
}

.travel_categories .tab-pane .travellers_group_solo .col .nav-link {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #aca8bf;
  background: #fff;
  padding: 30px 0;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.travel_categories .guest-popup .title-guest-popup {
  justify-content: end;
}

.travellers_group_solo .row .col {
  width: calc(25% - 15px);
  padding: 0;
}

.travel_categories .tab-pane .travellers_group_solo .col .nav-link svg {
  width: 39px;
  height: 39px;
}

.travellers_group_solo .row {
  margin: 0 !important;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .travellers_group_solo .row .col {
    width: calc(33.33% - 13.33px);
  }

  .travel_categories .btn-remove-Reset {
    top: 5px;
  }
}

@media screen and (max-width: 575px) {
  .travellers_group_solo .row .col {
    width: calc(50% - 10px);
  }

  .travel_categories .tab-pane .travellers_group_solo .col .nav-link svg {
    width: 30px;
    height: 30px;
  }

  .travel_categories .tab-pane .travellers_group_solo .col .nav-link {
    font-size: 14px;
    padding: 20px 0;
  }
}

/* end ================================== */

/* My Profile */
.min-w-max-content-my {
  min-width: max-content;
}

.register_phone_my .iti--allow-dropdown {
  width: 100%;
}

.register_phone_my input {
  padding-left: 45px !important;
}

@media screen and (max-width: 991px) {
  .min-w-max-content-my {
    min-width: max-content;
    max-width: 200px;
  }
}

/* popup */
.new_popup_box {
  max-width: 767px;
}

.gmail_user_modal p {
  color: #000;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}

.flexible-content-modal {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

@media screen and (max-width: 767px) {
  .Password_btn_modal .primary_button {
    font-size: 14px;
  }
  .subscription_title_with_arrow h4,
  .my_giveaway_entries .highlight-box p,
  .subscription_icon_with_title h4 {
    font-size: 18px;
  }
  .go-dollars_section .card-custom {
    padding: 15px;
  }
  .my_subscription_section .header-bar-yonda-go {
    font-size: 14px;
  }
  .booking-common .nav .nav-item .nav-link {
    font-size: 12px;
  }
}

/* ======= Member Accounts Page */

.member_accounts_section .card_list_box .common_badge {
  width: fit-content;
}
.member_accounts_section .filters .btn {
  border-radius: 5px;
}

.member_accounts_section .header-bar-yonda-go div svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.new_member_from .form-label {
  color: #000;
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.new_member_from select.form-select,
.new_member_from input.form-control {
  border-radius: 8px;
  border: 1px solid #c6c1ce;
  font-size: 0.9rem;
  padding: 12px 14px;
  color: #6e6e8e;
  transition: border-color 0.3s ease;
}

.new_member_from select.form-select:focus,
.new_member_from input.form-control:focus {
  border-color: #c6c1ce;
  box-shadow: unset;
  outline: none;
  color: #4a4a70;
}

.member_accounts_section .modal-body {
  padding-bottom: 30px;
}
.member_accounts_section .modal-body .modal-title {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: "Poppins";
}
.member_accounts_section .modal-body p {
  color: #000;
  max-width: 554px;
  margin: 0 auto;
  text-align: center;
  font-family: "Poppins";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.member_accounts_section .btn-block_changes .secondary_button {
  padding: 8px 22px;
  font-size: 14px;
}

body.profile footer {
	margin-top: -45px;
}
body.profile .footer_trust {
	display: none;
}



/* simple card/radio styles to match your mockups */
#cancelFlowForm .modal-title {
	line-height: 1.1;
    max-width: 80%;
    
}

#cancelFlowForm h3 {
	font-size: 20px;
}
#cancelFlowForm p {
	font-size: 15px;
	
}

.cf-card {
	border:1px solid rgba(0,0,0,.1);
	border-radius:12px;
	cursor:pointer;
}
.cf-card-body {
	padding:16px;
}

.cf-card-body.solid {
	padding: 16px;
    background: #E3E0F0;
    border-radius: 10px;	
}


.cf-card .title {
	font-size: 20px;
}

/* .cf-card input:checked + .cf-card-body, */
.cf-radio-row input:checked + span::after {
	box-shadow:0 0 0 2px #6f42c1 inset;
	border-radius: 10px;	
}
.cf-radio {
    width: 26px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #ACA8BF;
    display: inline-block;
    margin-top: 3px;
    position: relative;
        flex: 1 1 auto;
}
.cf-card input:checked + .cf-card-body .cf-radio::after {
	content: "";
    position: absolute;
    inset: 2px;
    background: #8037FF;
    border-radius: 50%;
}
.cf-radio-row {
	display:flex; align-items:center; gap:.5rem;
}
.cf-radio-row span {
	width:26px; height:26px; border-radius:50%; border:1px solid #6f42c1; display:inline-block; position:relative;
}
.cf-radio-row span::after {
	content:""; position:absolute; inset:3px; background:transparent; border-radius:50%; transition:background .15s;
}
.cf-radio-row input:checked + span::after {
	background:#6f42c1;
}

#cancel-membership .modal-footer {
	box-shadow: 0px -6px 11px 0px rgba(0,0,0,0.10);
	-webkit-box-shadow: 0px -6px 11px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px -6px 11px 0px rgba(0,0,0,0.10);	
	margin-top: 20px;
}


#cancel-membership .transp_btn {
	color: #8037FF;
    border-color: #8037FF !important;
}
#cancel-membership .transp_btn


.listals {
	
}

.listals li {
	margin: 0 0 10px 0;
	display: flex;
	gap: 10px;
}

.card-ups {
	background-image: url(/image/grid-bg.png);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-ups figure {
	position: relative;
    top: -27px;
	margin-bottom: -22px;
	margin-top: 10px;	
}
.card-ups h3 {
	font-size: 16px !important;
	font-weight: 600;
}
.card-ups p {
	font-size: 14px;
	line-height: 1.2;
}


.cf-step[data-step="4"] .cf-card {
	    flex: 1;
}


@media screen and (max-width: 768px){
	
	.account_side_bar .list-group.list-group-flush {
		flex-direction: row;
		overflow: auto;
	}
	
	.account_side_bar .list-group.list-group-flush a {
		min-width: max-content;
	}
	
}


/* Recommendations */
.favourite_stays .room-header-container {
	width: 100%;
}
.favourite_stays .room-header-container .room-header {
	max-width: max-content;
}
.filtered {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 15px;
}
    	
.filtered .fav-chip {
	background: #E3E0F0;
    border-radius: 6px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.filtered .fav-chip button {
	background: none;
    border: 0;
    outline: none !important;
    font-size: 25px;
    line-height: 1;
    padding: 0;
    font-weight: 300;	
}
@media screen and (max-width: 768px) {
	
	.favourite_stays .age-group {
		flex-direction: column;
	    justify-content: start;
	    align-items: start;
	    width: 48%;
	}
	
}