/* Default Style */
.ecm-trip-module .full-width{
   width: 100%;
}

.ecm-trip-module .text-primary{
   color: var(--trip-dark-txt-primary);
}
.ecm-trip-module .font-bold{
   font-weight: bold;
}

/* Group and Cate */
.ecm-trip-module .image-cover {
    min-height: 190px;     
    background-size: 100% 100%; 
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
/* Trip List */

#tripPopupLink{
   color: var(--trip-txt-primary);
   text-decoration: none;
   font-weight: bold;
}
.ecm-trip-module .trip-list-card{
   max-height: 230px;
   overflow: hidden;
   margin: 10px 0px;
   border: 1px solid var(--trip-highlight-background);
   border-radius: 5px;
   /* padding: 15px; */
   box-sizing: border-box;
   background: var(--trip-primary-background);
   /* margin-top: 5%; */
}
.ecm-trip-module .trip-list-card .img-cover{
 border-radius: 5px;
 /* background-color:var(--trip-highlight-primary); */
 text-align: center;
 /* padding: 0; */
 overflow: hidden;
}
.ecm-trip-module .trip-list-card .img-fluid{
  width: 100%;
   border-radius: 6px;
  /* max-height: 200px; */
}
.ecm-trip-module .trip-list-card .trip-name{
      font-size: 1.2em;
      /* margin-top: 5%; */
}

.ecm-trip-module .trip-list-card .info-short-desc{
   padding-left: 15px;
}
.ecm-trip-module .trip-list-card .btn-group button{
  font-weight: bold;
}
.ecm-trip-module .card-title{
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
   color: var(--trip-txt-primary);
   text-shadow: 0px 0px 1px rgba(0,0,0,0.5);
   font-size: 1.5em;
}
.ecm-trip-module .card-body{
   width: 100%;
    height: 100%;
}
.ecm-trip-module .card-text {
   transition: all 0.5s ease;
   position: absolute;
   right: -100%;
   width: 100%;
   height: 100%;
   padding: 10px;
   top: 0;
   box-sizing: border-box;
   background: #000000b3;
   color: var(--trip-txt-primary);
}

.ecm-trip-module .card:hover .card-text {
  opacity: 1;
}
.ecm-trip-module a.trip-link-card{
   text-decoration: none;
}


.ecm-trip-module-trip-list .btn-group button.btn-primary ,
.ecm-trip-booking-page .btn-group button.btn-primary,
.ecm-trip-module .btn-group button.btn-primary{
   background-color: var(--trip-primary);
   color: var(--trip-txt-primary);
   box-shadow: unset;
   border: none;
   padding: 10px;
   border-radius: 6px;

}
.ecm-trip-module-trip-list .btn-group button.btn-warning ,
.ecm-trip-booking-page .btn-group button.btn-warning,
.ecm-trip-module .btn-group button.btn-warning{
   background-color: var(--trip-primary);
   color: var(--trip-txt-primary);
   box-shadow: unset;
   border: none;
   padding: 10px;

}

.ecm-trip-module-trip-list .btn-group button.btn-danger ,
.ecm-trip-booking-page .btn-group button.btn-danger,
.ecm-trip-module .btn-group button.btn-danger{
   background-color: var(--trip-danger);
   color: var(--trip-txt-parimary);
   box-shadow: unset;
   border: none;
   padding: 10px;

}

.ecm-trip-module-trip-list .btn-group button.btn-secondary , .ecm-trip-booking-page .btn-group button.btn-secondary,
.ecm-trip-module .btn-group button.btn-secondary{
   background-color: var(--trip-primary-background);
   color: #000;
   box-shadow: unset;
   border: none;
   padding: 10px;
}


/* Boostap Plugin */
.ecm-trip-module .dropdown-toggle { 
   line-height: 15px;
}
.ecm-trip-module .dropdown-toggle::after {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
   text-align: left;
   vertical-align: middle;
}

#mapTripMapbox{ min-height: 255px;}

.ecm-trip-module .dropdown-item {
   width: 100%;
   text-align: left;
   background: none;
   border: none;
   padding: 0px 5px 0px 5px;
   cursor: pointer;
}

.ecm-trip-module .dropdown-item:hover {
   background: var(--trip-highlight-background);
}

.ecm-trip-module .dropdown-toggle {
   text-align: left;
   vertical-align: middle;
   display: inline-table;
}
.ecm-trip-module .dropdown-toggle label{
   
}

/* Slide image is here */
.ecm-trip-module .carousel-thumbnail-container {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 10px;
   background: #3a3a3a;
   
 }
 
 .ecm-trip-module .carousel-thumbnail-item {
   margin: 0 2px;
 }
 
 .ecm-trip-module .carousel-thumbnail-item img {
   max-height: 75px;
   max-width: 100%;
   cursor: pointer;
   opacity: 0.6;
   transition: opacity 0.25s ease-in-out;
   border-radius: 6px;
 }
 
 .ecm-trip-module .carousel-thumbnail-item.highlight img {
   opacity: 1;
 }
 
 .ecm-trip-module .carousel-thumbnail-item:hover img {
   opacity: 1;
 }
 .ecm-trip-module .carousel-item .w-100{
     width: 100%;
     max-height: 380px;
 }


 /* Trip Detail Page */
 .ecm-trip-module .text-primary-label {
   color: var(--trip-dark-txt-label);
   font-weight: bold;
 }
 .ecm-trip-module .trip-form-info-content{
   font-size: 0.9em;
 }
 .ecm-trip-module .trip-form-info-footer{
   font-size: 1.2em;
 }

 .ecm-trip-module .trip-form-info-content ,
 .ecm-trip-module .trip-form-info-content, 
 .ecm-trip-module .trip-form-info-footer{
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 24px;
 }
 .ecm-trip-module .pagination .active  a {
   background-color: var(--trip-primary);
   border-color: var(--trip-primary);
   color: var(--trip-txt-primary)
 }
 /* Style Booking Form */
 .booking-form{
     padding-bottom: 15px;
 }
.booking-form-input{
   background: #F1F1F1 0% 0% no-repeat padding-box;
   box-shadow: 0px 3px 4px #00000029;
   border-radius: 6px;
   opacity: 1;
   padding: 15px;
}
.booking-form .btn-group{
   margin-top: 10px;
}

.booking-form .dropdown-toggle svg{
   vertical-align: middle;
   scale: 0.7;
   display: inline-table;
   width: 20px;
}
.booking-form .dropdown-toggle i{
   vertical-align: middle;
   display: inline-table;
   width: 20px;
   scale: 0.9;
   margin-left: 2px;
}
.booking-form .try-hidden {
   visibility: hidden;
   position:absolute;
}
.booking-form .pricing-row{
   margin-top: 5px;
}
.booking-form .pricing-row button{
   padding: 5px 10px !important;
   min-width: 28px;
   position: relative;
   /* top: 3px; */
   
}
.booking-form .pricing-row input{
   text-align: center;
   
}
.ecm-trip-module .dropdown-toggle.full-width{
   overflow: hidden;
   max-width: 82vw;
}

 /* Trip Booking Page */
 .ecm-trip-module .trip-contact-detail-form{

 }

 .ecm-trip-module .trip-contact-detail-form label{
    font-weight: unset;
    color: var(--trip-dark-txt-label);
 }

.ecm-trip-module .float-right{
      float: right;
}

 .ecm-trip-module#trip-booking-contact .trip-list-card{
   height: auto;
   max-height: 100%;

}
.ecm-trip-module#trip-booking-contact .trip-form-info-header{
   /* padding: 15px;
   border-bottom: 2px dotted var(--trip-highlight-background); */
}
#trip-booking-contact .button-display{
   display:flex;
   float: right;

}
#trip-booking-contact .button-display button{
  min-width: 250px;
}
.ecm-trip-module .toppic-point {
   
   height: 40px;
   background-color: var(--trip-highlights-header);
   display: flex;
   align-items: center;
}
.ecm-trip-module .toppic-point-label{
   width: 30px;
   height: 30px;
   border-radius: 100%;
   background: var(--trip-primary);
   color: var(--trip-txt-primary);
   text-align: center;
   vertical-align: middle;
   padding-top: 4px;
}
.ecm-trip-module .toppic-point-line{
    padding-left: 10px;
    font-weight: bold;
    color: var(--trip-primary);
}
.ecm-trip-module .toppic-desc{ 
   margin-top: 5px;
   margin-bottom: 5px;
}
.ecm-trip-module .passenger-row{
   margin-top: 10px;
}
.ecm-trip-module .individaul-button{
   padding-left: 5px;
}
.ecm-trip-module .tripInfo-fixed{
   position: absolute;

}
.ecm-trip-module button.dropdown-toppic{
   border-radius: 0px;
   border: 0;
   margin-top: 10px;
}

select.ui-datepicker-year{
   /* color: var(--trip-dark-txt-label); */
    text-align: center;
    border: none;
    border-radius: 5px;
    background: transparent;
    width: auto !important;
    padding: 2px;

}

select.ui-datepicker-year option{
  color: var(--trip-dark-txt-label);
}

select.ui-datepicker-year:focus-visible {
   outline: none;
   box-shadow: none;
}





/* payment page */
#trip-booking-payment .btn-group button.btn-secondary{
   /* make it smaller than other page */
   padding: 5px;
   line-height: unset;
}

.swal2-popup{
  scale: 1.4;
}

.swal2-icon-warning button{
   background: var(--trip-warning) !important;
   color: var(--trip-txt-warning) !important;
   border: none;
   border-radius: 6px;
   padding: 5px 10px;
   margin-top: 10px;
}

.ecm-trip-module input.is-invalid ,.ecm-trip-module button.is-invalid{
   border:1px solid var(--trip-danger) !important;
}
.ecm-trip-module input.is-invalid::placeholder , .ecm-trip-module button.is-invalid {
   color: var(--trip-danger) !important;
}

/* Internet Explorer */
.ecm-trip-module input.is-invalid:-ms-input-placeholder {
color: var(--trip-danger) !important;
}

hr.trip-map-popup.pop-line{
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Popup styling */
#map-modal button.close{
   margin-right: -8px;
   margin-top: -8px;
 }
 .mapboxgl-popup {
   max-width: 300px;
   font-family: Arial, sans-serif;
 }
 
 .mapboxgl-popup-content {
   font-size: 12px;
   line-height: 1.5;
 }
 
 .mapboxgl-popup-content .marker-info{
   font-size: 1.0em;
   font-weight: bold;
   margin-bottom: 10px;
   margin-top: 18px;
 
 }
 
 .mapboxgl-popup-close-button {
   font-size: 22px;
   font-weight: bold;
   line-height: 0.6;
   position: absolute;
   top: 0;
   right: 0;
   padding: 2px 2px;
   cursor: pointer;
 }
 
 .mapboxgl-popup-close-button:hover {
   color: #d9534f;
 }
 
 .mapboxgl-popup-close-button:active {
   transform: scale(0.8);
 }
 /* medie screen more than < 992px */
   @media (max-width: 992px) {
      .ecm-trip-module  .order-enable{
         display: grid;
      }
      .ecm-trip-module .order-1{
         order: 1;
      }
      .ecm-trip-module .order-2{
          order: 2;
      }
      .ecm-trip-module .order-3{
          order: 3;
      }
      .ecm-trip-module .order-4{
          order: 4;
      }
      .ecm-trip-module .order-5{
          order: 5;
      }
      .ecm-trip-module .order-6{
          order: 6;
      }
      .ecm-trip-module .order-7{
          order: 7;
      }
      .ecm-trip-module .order-8{
          order: 8;
      }
      .ecm-trip-module .order-9{
          order: 9;
      }
      .ecm-trip-module .order-10{
          order: 10;
      }
      .ecm-trip-module .order-11{
          order: 11;
      }
      .ecm-trip-module .order-12{
          order: 12;
      }
      .ecm-trip-module .trip-list-card{
         max-height:unset;
         overflow: hidden;
         margin: 10px 0px;
         border: 1px solid var(--trip-highlight-background);
         border-radius: 5px;
         /* padding: 15px; */
         box-sizing: border-box;
         background: var(--trip-primary-background);
      }
      
 
   }

   #ui-datepicker-div{
      z-index: 9999 !important;
   }

.ecm-trip-module  input[type="number"]::-webkit-inner-spin-button,
.ecm-trip-module  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.ecm-trip-module input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

#passengerForm .dropdown-toggle i {
   vertical-align: middle;
   display: inline-table;
   width: 20px;
   scale: 0.9;
   margin-left: 2px;
}

.ecm-trip-module .btn-group button.btn-danger.delEleForm {
   color: #fff;
   padding: 5px 10px;   
}

.ecm-trip-module #tripSectionPrice .trip-total-price-info {
   color: #fff;
   margin-bottom: 10px;
}

.ecm-trip-module .head-theme-park {
   color: #fff;
   background: #00275d;
   padding: 8px 0px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.ecm-trip-module .content-theme-park {
   color: #fff;
   margin-bottom: 4px;
   background: #1d9cd7;
   padding: 5px 15px;
   position: relative;
   top: -7px;
   border-radius: 7px;
}


.ecm-trip-module #tripSectionPrice .trip-total-price-info .total-price {
   font-weight: bold;
   padding-top: 10px;
   font-size: 14px;
}

.section-text-total {
   background:#00275d; 
   padding:5px 5px 0px 0px;
}

.section-price-total {
   background:#1d9cd7; 
   padding:5px 5px 0px 0px;
}

.ecm-trip-module .controlSet {
   /* display: flex;
   align-items: center; */
   padding: 5px;
   
}

.ecm-trip-module .controlSet label {
   color: #fff;
   font-weight: 600;
   vertical-align: sub;
}

.ecm-trip-module .controlSet .number {
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   width: 65px;
   border: 1px solid #ddd;
   padding: 3px;
   background-color: #f9f9f9;
   color: #00275d;
   transition: border-color 0.3s ease;
   z-index: 1;
   border-radius: 5px;
   height: 32px;
   position: relative;
}

.ecm-trip-module .controlSet .number:focus {
   border-color: #00275d;
   outline: none;
   box-shadow: 0 0 3px #00275d;  /* For better accessibility */
}

.ecm-trip-module .controlSet button {
   cursor: pointer;
   border: none;
   transition: background-color 0.2s ease, transform 0.2s ease;
   background-color: #00275d;
   color: #ffffff;   
   height: 22px;
   font-weight: bold;
}

.ecm-trip-module .controlSet .increase-btn {
   margin-left: -6px;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   padding: 0px 8px;
}

.ecm-trip-module .controlSet .decrease-btn {
   margin-right: -6px;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
   padding: 0px 8px;
}

.ecm-trip-module .controlSet  button:hover {
   background-color: #011736;
   transform: scale(1.10);
   z-index: 0;
}

.ecm-trip-module .controlSet button:active {
   transform: scale(1.10);
   z-index: 0;
}


.ecm-trip-module .spinner {
   border: 5px solid rgba(255, 255, 255, 0.3);
   border-radius: 50%;
   border-top: 5px solid #333;
   width: 23px;
   height: 23px;
   animation: spin 1s linear infinite;
   margin: 0 auto;
   position: absolute;
   top: 22%;
   left: 21%;
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

/* ticketet Qr Code*/
.card-qr-code {
   box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
   position: relative;
   border-radius: 20px;
   background-color: #ffffff;
}
.qr-code-container{
   margin-bottom: 50px;
}

.qr-code-content {
   margin-bottom: 50px;
}

#save-btn:hover{
   cursor: pointer;
}

.box-point-qr-code div {
   position: absolute;
   border-radius: 50%;
   background-color: #ffffff;
   width: 15px;
   height: 15px;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 2px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.box-point-qr-code-bottom div {
   position: absolute;
   border-radius: 50%;
   background-color: #ffffff;
   width: 15px;
   height: 15px;
   box-shadow: rgba(17, 17, 26, 0.1) 0px -2px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.box-point-top-left div:nth-child(1){
   top: -5px;
   left: -5px;
   box-shadow: rgba(17, 17, 26, 0.1) 2px 2px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.box-point-top-left div:nth-child(2){
   top: -5px;
   left: 30px;
}
.box-point-top-left div:nth-child(3){
   top: -5px;
   left: 65px;
}
.box-point-top-left div:nth-child(4){
   top: -5px;
   left: 100px;
}
.box-point-top-left div:nth-child(5){
   top: -5px;
   left: 130px;
}
.box-point-top-left div:nth-child(6){
   top: -5px;
   left: 165px;
}

.box-point-top-right div:nth-child(1){
   top: -5px;
   right: -5px;
   box-shadow: rgba(17, 17, 26, 0.1) -2px 2px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.box-point-top-right div:nth-child(2){
   top: -5px;
   right: 30px;
}
.box-point-top-right div:nth-child(3){
   top: -5px;
   right: 65px;
}
.box-point-top-right div:nth-child(4){
   top: -5px;
   right: 100px;
}
.box-point-top-right div:nth-child(5){
   top: -5px;
   right: 130px;
}
.box-point-top-right div:nth-child(6){
   top: -5px;
   right: 165px;
}

/* bottom */
.box-point-bottom-left div:nth-child(1){
   bottom: -5px;
   left: -5px;
   box-shadow: rgba(17, 17, 26, 0.1) 2px -2px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.box-point-bottom-left div:nth-child(2){
   bottom: -5px;
   left: 30px;
}
.box-point-bottom-left div:nth-child(3){
   bottom: -5px;
   left: 65px;
}
.box-point-bottom-left div:nth-child(4){
   bottom: -5px;
   left: 100px;
}
.box-point-bottom-left div:nth-child(5){
   bottom: -5px;
   left: 130px;
}
.box-point-bottom-left div:nth-child(6){
   bottom: -5px;
   left: 165px;
}

.box-point-bottom-right div:nth-child(1){
   bottom: -5px;
   right: -5px;
   box-shadow: rgba(17, 17, 26, 0.1) -2px -2px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.box-point-bottom-right div:nth-child(2){
   bottom: -5px;
   right: 30px;
}
.box-point-bottom-right div:nth-child(3){
   bottom: -5px;
   right: 65px;
}
.box-point-bottom-right div:nth-child(4){
   bottom: -5px;
   right: 100px;
}
.box-point-bottom-right div:nth-child(5){
   bottom: -5px;
   right: 130px;
}
.box-point-bottom-right div:nth-child(6){
   bottom: -5px;
   right: 165px;
}

@media (max-width: 660px) {
   .box-point-qr-code div {
      width: 10px;
      height: 10px;
      box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 0px;
      border: none;
   }
   .box-point-qr-code-bottom div {
      width: 10px;
      height: 10px;
      box-shadow: rgba(17, 17, 26, 0.1) 0px -4px 0px;
   }
   .box-point-top-left div:nth-child(1){
      top: -10px;
      left: -8px;
      box-shadow: #fff 5px 7px 0px;
   }

   .box-point-top-left div:nth-child(2){
      top: -5px;
      left: 20px;
   }
   .box-point-top-left div:nth-child(3){
      top: -5px;
      left: 40px;
   }
   .box-point-top-left div:nth-child(4){
      top: -5px;
      left: 60px;
   }
   .box-point-top-left div:nth-child(5){
      top: -5px;
      left: 80px;
   }
   .box-point-top-left div:nth-child(6){
      top: -5px;
      left: 100px;
   }

   .box-point-top-right div:nth-child(1){
      top: -10px;
      right: -8px;
      box-shadow: #fff -5px 7px 0px;
   }

   .box-point-top-right div:nth-child(2){
      top: -5px;
      right: 20px;
   }
   .box-point-top-right div:nth-child(3){
      top: -5px;
      right: 40px;
   }
   .box-point-top-right div:nth-child(4){
      top: -5px;
      right: 60px;
   }
   .box-point-top-right div:nth-child(5){
      top: -5px;
      right: 80px;
   }
   .box-point-top-right div:nth-child(6){
      top: -5px;
      right: 100px;
   }

   /* bottom */
   .box-point-bottom-left div:nth-child(1){
      bottom: -10px;
      left: -8px;
      box-shadow: #fff 5px -7px 0px;
   }

   .box-point-bottom-left div:nth-child(2){
      bottom: -5px;
      left: 20px;
   }
   .box-point-bottom-left div:nth-child(3){
      bottom: -5px;
      left: 40px;
   }
   .box-point-bottom-left div:nth-child(4){
      bottom: -5px;
      left: 60px;
   }
   .box-point-bottom-left div:nth-child(5){
      bottom: -5px;
      left: 80px;
   }
   .box-point-bottom-left div:nth-child(6){
      bottom: -5px;
      left: 100px;
   }

   .box-point-bottom-right div:nth-child(1){
      bottom: -10px;
      right: -8px;
      box-shadow: #fff -5px -7px 0px;
   }

   .box-point-bottom-right div:nth-child(2){
      bottom: -5px;
      right: 20px;
   }
   .box-point-bottom-right div:nth-child(3){
      bottom: -5px;
      right: 40px;
   }
   .box-point-bottom-right div:nth-child(4){
      bottom: -5px;
      right: 60px;
   }
   .box-point-bottom-right div:nth-child(5){
      bottom: -5px;
      right: 80px;
   }
   .box-point-bottom-right div:nth-child(6){
      bottom: -5px;
      right: 100px;
   }
}
/* card-main-ticket */
.card-qr-code .card-main-ticket{
   border-radius: 10px;
   position: relative;
}
.card-qr-code .card-main-ticket:nth-child(2) {
   background-color: #E1B2BC; 
}

.card-qr-code .card-main-ticket:nth-child(4) {
   background-color: #ABDBF1; 
}

.card-qr-code .card-main-ticket:nth-child(1) {
   background-color: #E1B2BC; 
}

.card-qr-code .card-main-ticket:nth-child(3) {
   background-color: #ABDBF1; 
}

#passenger_detail {
   position: relative;
   border-bottom: 2px dashed black;
   margin-bottom: 20px;
   padding-bottom: 15px;
}

.main-ticket {
   padding: 20px;
   border: 2px dashed black;
   color: #3C4A75;
   position: relative;
   cursor: pointer;
}
.main-ticket .main-ticket-icon i {
   font-size: 90px;
   position: absolute;
   bottom: 5px;
}
.main-ticket .main-ticket-icon i:nth-child(1) {
   left: 20px;
}

.main-ticket .main-ticket-icon i:nth-child(2) {
   right: 20px;
}

.line {
   position: absolute;
   transform: rotate(90deg);
   height: 2px;
   width: 10%;
   top: 25%;
   left: 50%;
   background-color: #000;
}

#text_payment_show p,
#text_payment_show .h1,
#text_payment_show h2,
#text_payment_show h3,
#text_payment_show h4,
#text_payment_show h5,
#text_payment_show h6 {
   font-size: 20px;
   margin: 3px 0px;
}

.text-eg {
   color: #6c757d;
   font-size: 12px;
}

.trip-destination-box h4 {
   font-weight: 900;
   color: #00275d;
}
.trip-destination-box .card:nth-child(1){
   background-color: #8db40a;
}
.trip-destination-box .card:nth-child(2){
   background-color: #00a2e8;
}
.trip-destination-box .card{
   /* border: 1px solid #8a8a8a; */
   border-radius: 5px;
   padding: 5px;
   margin: 0px 5px 10px 5px;
}

.trip-destination-box .card:hover{
   cursor: pointer;
   transform: scale(1.05);
   transition: transform 0.5s ease;
}

.trip-destination-box-center {
   display: flex;
   justify-content: center;
   font-size: 12px;
   line-height: 14px;
   font-weight: bold;
   color: #fff;
}
.trip-destination-text-time {
   border-left: 2px solid #fff;
}
.trip-destination-step-header, 
.trip-destination-title {
   color: #00275d;
   font-weight: 900;
}

.trip-destination-title {
   font-size: 16px;
}

.title-circle {
   padding: 2px 10px;
   border-radius: 50%;
   border: 2px solid #00275d;
   margin-right: 10px;
}
.active-breadcrumb {
   color: var(--trip-primary);
   font-weight: 600;
}

.breadcrumb-font-none-at {
   color: var(--trip-dark-txt-label);
   font-weight: 500;
}
.warp-btn-showmore{
   text-align: center;
   /* padding-left: 15%; */
   padding-bottom: 5%;
}
.tt-trip-item{
   white-space: normal;
   word-wrap: break-word;
   word-break: break-word;
   width: 100%;
   display: block;   
}
.rd-img{
   border-radius: 6px;
   opacity: 1;
}