/* Voucher Sidebar */
.voucher-sidebar {
  grid-column: 1 / 2;
}

/* Voucher Content */
.voucher-content {
  width: 880px;
  padding: 0 !important;
  background-color: #f6f7f7 !important;
}

.voucher-content-heading {
  background-color: white;
  border-radius: 10px;
}

.voucher-heading-container h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #4D4D4F;
  margin-bottom: 0;
  padding: 25px 0;
}

.voucher-detail-container {
  padding: 0 25px 30px 10px;
  position: relative;
  background-color: white;
  margin-bottom: 20px;
  border-radius: 10px;
}

.voucher-detail-container nav {
  background-color: white;
  padding-top: 1px;
}

.voucher-detail-container .voucher-detail {
  border-top: 1px solid #C7C8CA;
}

.voucher-detail-container .voucher-detail .nav {
  border-bottom: none;
}

.voucher-detail-container .voucher-detail button {
  margin-top: -2px !important;
  width: 25%;
  height: 49px;
  border: none !important;
  border-radius: 0 !important;
  font-size: 14px;
  font-weight: 500;
  color: #A7A9AC;
  border-top: 2px solid transparent !important;
}

.voucher-detail-container .voucher-detail button.active {
  border-top: 2px solid #FF6B00 !important;
  color: #FF6B00 !important;
}

.voucher-detail-container .voucher-detail .tab-content {
  position: relative;
  background-color: white;
}

.voucher-detail-container .voucher-detail .tab-content button.tab-left {
  border-bottom-left-radius: 10px !important;
}

.voucher-detail-container .voucher-detail .tab-content button.tab-right {
  border-bottom-right-radius: 10px !important;
}

.voucher-detail-container .voucher-detail .tab-content button {
  width: 50%;
  background-color: #e6e7e8;
}

.voucher-detail-container .voucher-detail .tab-content button.active {
  background-color: white;
  color: #ff6b00 !important;
  border: 1px solid #ff6b00;
}

.voucher-detail-container .voucher-detail .tab-content .search-nav-left {
  display: flex;
  column-gap: 35px;
  border-radius: 50px;
  padding: 11px 30px;
  background-color: white;
}

.voucher-detail-container .voucher-detail .tab-content .search-nav-left img {
  width: 15px;
  height: 15px;
}

.voucher-detail-container .voucher-detail .tab-content .search-nav-left p {
  font-weight: 400;
  font-size: 14px;
  color: #A7A9AC;
}

/* Search bar */
.search-nav {
  display: flex;
  column-gap: 30px;
  overflow: hidden;
  margin: 19px 0px 48px;
  height: 39.1px;
  align-items: center;
  justify-content: center;
}

.search-nav .image-parent {
  width: 15px;
  height: 15px;
}

.search-nav p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #A7A9AC;
  margin-bottom: 0;
}

.search-nav form#voucher_search-form {
  display: flex;
  align-items: center;
  width: 539px;
  height: 39.1px;
  border-radius: 50px;
  overflow: hidden;
}

.search-nav #voucher_search-form button {
  display: inline;
  padding: 0 30px;
  width: auto;
  background: #F1F2F2;
}

.search-nav #voucher_search-form input {
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 0;
  background: #F1F2F2;
}

.search-nav #voucher_search-form input[type=text]:focus-within {
  outline: none;
}

.search-nav #voucher_search-form input[type=text]::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #A7A9AC;
}

/* Single voucher */
.voucher-container .single-voucher-container {
  padding: 0;
  margin: 0;
}

.single-voucher {
  display: flex;
  border: 1px solid #FF6B00;
  border-radius: 16px 10px 10px 16px;
  align-items: center;
  overflow: hidden;
  height: 100px;
}

.modal-header .kmqt-banner-head.kmqt-banner-head02 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-voucher .kmqt-banner-end {
  display: grid;
  width: calc(100% - 100px);
  height: 98px;
  border-radius: 0;
  border: none;
  align-content: center;
  text-overflow: hidden;
  padding: 13px 5px 5px 10px;
}

.single-voucher .kmqt-thanh1 {
  background: #E6E7E8;
  border-radius: 10px;
}

.single-voucher .kmqt-thanh1,
.single-voucher .kmqt-gia,
.single-voucher .kmqt-han {
  width: 100% !important;
}

.single-voucher .kmqt-thanh2 {
  background: #FF6B00;
  border-radius: 10px;
  width: 90%;
}

.single-voucher .voucher-content {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5em;
}

.single-voucher .kmqt-gia {
  align-items: center;
}

.single-voucher .kmqt-gia p.voucher-apply {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.single-voucher p.voucher-condition {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.single-voucher-container .single-voucher .kmqt-banner-end .voucher-condition {
  transform: translate(3px);
}

.container.content-nav {
  padding: 0;
  background-color: white;
  border-radius: 10px;
  display: grid;
  row-gap: 20px;
  column-gap: 20px;
}

.voucher .kmqt-02 {
  width: 880px;
  column-gap: 20px;
}

.voucher .kmqt-02 .col-6 {
  padding: 0;
  width: 400px;
}

.kmqt-style-bn p {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: white;
}

.kmqt-han {
  align-items: center !important;
}

.kmqt-han p {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}

.voucher-condition {
  display: flex;
  align-items: center;
  height: 22px;
}

.single-voucher-container .single-voucher .voucher-condition p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #3D94FF;
}

.voucher-bottom-container,
.voucher-heading-bottom-container {
  border-radius: 10px !important;
}

.voucher-heading-bottom-container {
  padding: 30px 30px 0 30px;
}

.voucher-heading-bottom-container h3 {
  margin: 0;
  font-size: 18px;
}

.voucher-content-bottom-container {
  margin-top: 27px;
  padding: 0 30px 30px;
}

.voucher-content-bottom-container .col-4 {
  box-shadow: 0px 6px 12px #909090;
}

.voucher-bottom-container .container.voucher-content-bottom-container .col-4 {
  box-shadow: none;
  filter: drop-shadow(4px 5px 3px rgba(77, 77, 79, 0.15));
}

.voucher-bottom-container .container.voucher-content-bottom-container .col-4:hover {
  filter: drop-shadow(4px 5px 3px rgba(255, 107, 0, 0.15));
}

.voucher-content-bottom-container .parent-image {
  border: 10px 10px 0 0;
}

.voucher-content-bottom-container .description {
  padding: 10px 16px 18px;
  background-color: white;
}

.voucher-content-bottom-container .description a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  min-height: 32px;
}

.voucher-content-bottom-container .description p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

.voucher-bottom-container {
  background-color: white;
  border-radius: 10px;
}

.voucher-container .row {
  padding: 0;
}

.voucher-container .col-3 {
  padding-left: 0;
}

.voucher-container .panel-left {
  width: auto !important;
}

.voucher-container .panel-left .first-block {
  border-radius: 10px;
}

.voucher-container .panel-left .first-block .panel-text span {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  letter-spacing: -0.03em;
  /* Primary Colors/Gray - 85 */
  color: #4D4D4F;
}

.voucher-container .col-9 {
  padding-right: 0;
}

.voucher-container .panel-right {
  width: auto !important;
}

.voucher-breadcrumb {
  margin-bottom: 20px;
}
/* Voucher list - end */
.voucher-detail-container .voucher-detail .tab-content a {
  text-align: center;
  background-color: white;
  border-radius: 60px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #a7a9ac;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #a7a9ac !important;
  width: 363px;
  height: 44px;
}

.voucher-detail-container .voucher-detail .tab-content a.active {
  border: 1px solid #ff6b00 !important;
  color: #ff6b00 !important;
}

.voucher-detail-container .voucher-detail .nav.nav-inside {
  display: flex;
  justify-content: center;
  gap: 47px;
}

.single-voucher .kmqt-banner-end .kmqt-han .style__block-km .btn.btn-warning {
  width: 80px;
  height: 22px !important;
  padding: 0;
}

.container.content-nav .single-voucher-container .single-voucher .kmqt-banner-end {
  height: auto;
  padding: 4px 4px 4px 8px;
}

.voucher-content .single-voucher-container .single-voucher .kmqt-banner-end .kmqt-gia p {
  margin: 0;
}

.voucher-content .single-voucher-container .single-voucher .kmqt-banner-end .kmqt-han {
  margin-top: 11.5px;
}

.voucher-content .single-voucher-container .single-voucher .kmqt-banner-end .kmqt-han.kmqt-gia .style__block-km {
  gap: 10px;
}

.voucher-content .single-voucher-container .single-voucher .kmqt-banner-end .kmqt-han.kmqt-gia .style__block-km > p {
  font-size: 12px;
}

.account-profile .voucher-container .panel-right.voucher-content {
  position: relative;
}

.account-profile .voucher-container .panel-right.voucher-content .voucher-bottom-container {
  position: relative;
}

.voucher-content .single-voucher-container .modal-content.xt-voucher-wrap {
  border-radius: 10px;
}

.voucher-content .xt-voucher-content {
  padding: 20px 10px;
  margin: 0;
}

.voucher-content .xt-voucher-content .xt-vc-content1,
.voucher-content .xt-voucher-content .xt-vc-content2 {
  padding: 0 10px;
}

.kmqt-banner-end.kmqt-banner-end02 {
  width: inherit;
  height: inherit;
  padding: 0 !important;
  border: none;
}

.modal-header .d-flex .kmqt-banner-end.kmqt-banner-end02 {
  height: unset !important;
  flex-grow: 1;
  padding: 15px 18px 9px 18px !important;
  width: 75% !important;
}

.modal-header .d-flex .kmqt-banner-end.kmqt-banner-end02 .kmqt-thanh1.kmqt-thanh01,
.modal-header .d-flex .kmqt-banner-end.kmqt-banner-end02 .kmqt-gia.kmgt-gia02,
.modal-header .d-flex .kmqt-banner-end.kmqt-banner-end02 .kmqt-gia.kmqt-han.kmqt-han02 {
  width: unset !important;
}

.modal-header .d-flex {
  width: 100%;
}

.modal-header .btn-close.xt-btn-close {
  background-color: transparent !important;
}

.modal-header .d-flex .kmqt-banner-end h2 {
  height: unset;
  margin-bottom: 6px;
  padding: 0 1px;
}

.address-detail-container.voucher-detail-container .voucher-detail .modal-header {
  border-bottom: 1px solid #ff6b00;
}

.modal-header .d-flex .kmqt-banner-end.kmqt-banner-end02 .kmqt-gia.kmgt-gia02,
.modal-header .d-flex .kmqt-banner-end.kmqt-banner-end02 .kmqt-gia.kmqt-han.kmqt-han02 {
  padding: 0 1px;
}
.kmqt-banner-end.kmqt-banner-end-pd{
  padding: 11.5px 15px 11.5px 15px !important;
}
.kmqt-banner-end.kmqt-banner-end-pd .kmqt-gia{
  padding-top: 6.33px;
  
}
.kmqt-banner-end.kmqt-banner-end-pd .kmqt-gia p{
  font-size: 11px !important;
  line-height: normal;
}
.kmqt-banner-end.kmqt-banner-end-pd .kmqt-gia.kmqt-han{
  padding-top: 0px;
}
.pd-dungngay{
  padding-left: 10px;
  padding-right: 10px;
  
}