@media(min-width: 1023.8px){
   body.single-trip{
      overflow-x: unset!important;
   }
}

.single-trip{
   .trip-content-area > .row{
      margin: 0 -15px!important;
   }
   .content-area{
      flex: 0 0 66.66%;
      width: 66.66%;
      max-width: 66.66%;
   }
   .widget-area{
      flex: 0 0 33.33%;
      width: 33.33%;
      max-width: 33.33%;
   }
   .content-area, .widget-area{
      padding: 0 15px!important;
      @media(max-width: 1024px){
         width: 100%;
         max-width: 100%;
         flex: 0 0 100%;
      }
   }
   
}

.booking-single{
   .entry-header{
      display: none!important;
   }
   .trip-info-one{
      background: #F2F5F9;
      padding: 70px 0 65px;
      @media(max-width: 1024px){
         padding: 50px 0;
      }
      &__content{
         max-width: 1320px;
         margin: 0 auto;
         display: flex;
         flex-wrap: wrap;
         > div{
            padding: 0 15px;
         }
      }
      &__left{
         flex: 0 0 45%;
         @media(max-width: 992px){
            flex: 0 0 100%;
         }
      }
      &__right{
         flex: 0 0 55%;
         display: flex;
         justify-content: flex-end;
         @media(max-width: 992px){
            margin-top: 20px;
            flex: 0 0 100%;
            justify-content: flex-start;
         }
      }
      .trip-title{
         color: $headings-color!important;
         font-size: 26px;
         margin: 0 0 10px;
         @media(max-width: 1024px){
            font-size: 22px;
            line-height: 28px;
         }
      }
      &__address{
         display: flex;
         align-items: center;
         font-size: 16px;
         font-weight: 500;
         i{
            margin-right: 5px;
            color: $theme-color;
         }
         a{
            color: $body-color;
         }
      }
   }

   .trip-meta-one{
      border-bottom: 1px solid $border-color;
      padding: 25px 0;
      margin-bottom: 60px;
      @media(max-width: 480px){
         padding: 20px 0;
      }
      &__content{
         max-width: 1320px;
         margin: 0 auto;
         display: flex;
         align-items: center;
         padding: 0 15px;
         flex-wrap: wrap;
      }
      &__left{
         flex: 0 0 40%;
         @media(max-width: 510px){
            flex: 0 0 100%;
            padding-bottom: 10px;
         }
      }
      &__right{
         display: flex;
         flex: 0 0 60%;
         justify-content: flex-end;
         align-items: center;
         gap: 20px;
         @media(max-width: 510px){
            flex: 0 0 100%;
            justify-content: flex-start;
         }
         .heateor_sss_sharing_ul{
            > a{
               > span{
                  padding: 8px!important;
                  background: #F2F5F9!important;
                  width: 22px!important;
                  height: 22px!important;
                  transition: all 0.35s;
                  svg{
                     path{
                        stroke: $body-color!important;
                        &:not(.heateor_sss_svg_stroke){
                           fill: $body-color!important;
                           stroke: none!important;
                        }
                     }
                  }
               }
               &:hover{
                  > span{
                     background: $theme-color!important;
                     svg path{
                        stroke: $white!important;
                        &:not(.heateor_sss_svg_stroke){
                           fill: $white!important;
                           stroke: none!important;
                        }
                     }
                  }
               }
            }
         }
      }
   }
   .post-data.cost{
      display: flex;
      flex-wrap: wrap;
      .wpte-cost-tab-title{
         font-size: 22px;
         font-weight: 700;
         flex: 0 0 100%;
         margin-top: 10px;
         margin-bottom: 20px;
         padding-bottom: 15px;
         position: relative;
         display: inline-block;
         &:before{
            content: '';
            width: 38px;
            height: 2px;
            background: $theme-color-2;
            position: absolute;
            border-radius: 50%;
            left: 0;
            bottom: 0;
            z-index: 1;
         }
      }
      .content{
         flex: 0 0 50%;
         @media(max-width: 992px){
            flex: 0 0 100%;
         }
         h3{
            margin: 0 0 15px;
            font-size: 17px;
            font-weight: 500;
         }
         #include-result, #exclude-result{
            margin-bottom: 10px; 
            font-size: 15px;
            li{
               font-size: 15px;
               font-weight: 500;
               &:before{
                  top: 1px;
               }
            }
         }
      }
   }
   .entry-footer{
      .edit-link{
         display: none!important;
      }
   }

   // Comment
   .tour-comment{
      .comments-title{
         padding-top: 0!important;
      }
      .comment-respond{
         padding-top: 0!important;
      }
   }
} 

.single-trip{
   .trip-content-area{
      @media (max-width: 1024px){
         max-width: 960px;
      }
   }
}

.booking-single{
   #wp-travel-trip-wrapper{
      #secondary{
         .widget-title{
            font-size: 22px;
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 15px;
            &:after{
               content: '';
               position: absolute;
               left: 0;
               bottom: 0;
               width: 36px;
               height: 2px;
               background: $theme-color;
            }
         }
         .secondary-trip-info{
            border: 1px solid $border-color;
            border-radius: 10px;
            padding: 30px;
            @media(max-width: 1024px){
               padding: 20px 15px;
            }
            .trip-facts-value{
               margin: 0 -16px -16px;
               li{
                  margin-top: 10px;
                  margin-bottom: 10px;
               }
            }
         }
      }
   }
}

// Gallery
.booking-single-gallery{
   position: relative;
   .wpte-gallery-container{
      background: $theme-color-2;
      position: absolute;
      bottom: 0;
      right: 30px;
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
      border-radius: 10px 10px 0 0;
      z-index: 19;
      display: flex;
      justify-content: flex-end;
      width: 88px;
      padding: 0;
      > span{
         border-left: 1px solid rgba(255, 255, 255, 0.2);
         flex: 0 0 50%;
         &:first-child{
            border-left: 0;
         }
      }
      .wp-travel-engine-image-gal-popup{
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 5px 5px 2px;
         .wte-trip-image-gal-popup-trigger{
            position: relative;
            font-size: 0;
            color: transparent;
            &:after{
               content: '\e915';
               font-family: 'ticomoon' !important;
               color: $white;
               font-size: 16px;
            }
            span{
               display: inline-block;
               background: $theme-color;
               color: $white;
               width: 14px;
               height: 14px;
               border-radius: 50%;
               line-height: 1;
               font-size: 11px;
               line-height: 14px;
               position: absolute;
               text-align: center;
               right: -8px;
               top: 1px;
            }
         }
      }
      .wp-travel-engine-vid-gal-popup{
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 5px 5px 2px;;
         .wte-trip-vidgal-popup-trigger{
            position: relative;
            font-size: 0;
            color: transparent;
            &:after{
               content: '\e928';
               font-family: 'ticomoon' !important;
               color: $white;
               font-size: 16px;
            }
         }
      }
   }
}


.booking-single{
   background: $white;
   color: $body-color;
   line-height: 1.8;
   .wpte-gallery-wrapper__multi-banners{
      margin-bottom: 0;
   }
   .booking-info{
      background: #F2F5F9;
      padding: 80px 0;
      @media(max-width: 1024px){
         padding: 50px 0;
      }
      &__content{
         max-width: 1200px;
         margin: 0 auto;
         display: flex;
         flex-wrap: wrap;
         > div{
            padding: 0 15px;
         }
      }
      &__left{
         flex: 0 0 45%;
         @media(max-width: 767px){
            flex: 0 0 100%;
         }
      }
      &__right{
         flex: 0 0 55%;
         display: flex;
         justify-content: flex-end;
         @media(max-width: 767px){
            margin-top: 20px;
            flex: 0 0 100%;
            justify-content: flex-start;
         }
      }
   }
   .booking-info-block{
      display: flex;
      align-items: center;
      .icon{
         color: $theme-color;
         font-size: 30px;
         margin-right: 15px;
      }
      .meta-title{
         color: $body-color;
         font-size: 14px;
         font-weight: 500;
         margin: 0;
      }
      .item-value{
         font-size: 15px;
         font-weight: 600;
         color: $link-color;
         line-height: 22px;
      }
   }
   .booking-single__rating{
      i{
         color: $theme-color;
      }
   }
   .booking-meta{
      border-bottom: 1px solid $border-color;
      padding: 30px 0;
      margin-bottom: 60px;
      @media(max-width: 480px){
         padding: 20px 0;
      }
      &__content{
         max-width: 1200px;
         margin: 0 auto;
         display: flex;
         align-items: center;
         padding: 0 15px;
         flex-wrap: wrap;
      }
      &__left{
         flex: 0 0 40%;
         min-height: 30px;
         @media(max-width: 480px){
            flex: 0 0 100%;
         }
      }
      &__right{
         display: flex;
         flex: 0 0 60%;
         justify-content: flex-end;
         align-items: center;
         gap: 20px;
         @media(max-width: 480px){
            flex: 0 0 100%;
            justify-content: flex-start;
         }
      }
   }
   .secondary-trip-info{
      margin-top: 20px;
      .wte-trip-facts{
         padding: 0;
         border-radius: 0;
         box-shadow: none;
         border: none;
         .widget-title{
            font-size: 18px;
            display: inline-block;
            padding: 6px 20px;
            background: $white;
            border: 1px solid $border-color;
            position: relative;
            margin: 0;
            bottom: -18px;
            left: 30px;
            border-radius: 8px;
         }
         .trip-facts-value{
            border: 1px solid $border-color;
            border-radius: 10px;
            padding: 45px 25px 30px;
            //background: #F7F9FC;
            background: $bg-gray;
            margin: 0;
            @media(max-width: 1024px){
               padding: 20px 15px;
            }
            > li{
               padding-left: 55px;
               padding-right: 8px;
               position: relative;
               margin: 12px 0;
               flex: 0 0 33.33%;
               .icon-holder{
                  width: 45px;
                  height: 45px;
                  //border: 1px solid rgba(0, 0, 0, 0.06);
                  background: $white;
                  color: $theme-color;
                  border-radius: 6px;
                  justify-content: center;
                  align-items: center;
                  position: absolute;
                  font-size: 18px;
                  top: 0;
                  left: 0;
                  z-index: 1;
               }
               label{
                  color: $headings-color;
                  font-size: 15px;
               }
               .value{
                  color: $body-color;
                  font-weight: 500;
                  font-size: 15px;
                  a{
                     color: $body-color;
                     font-size: 15px;
                     &:hover{
                        color: $theme-color;
                     }
                  }
               }
            }
         }
      }
   }
   .wpte-tabs-container{
      box-shadow: none;
      margin-top: 50px;
      .nav-tab-wrapper{
         padding: 0;
         .tab-inner-wrapper{
            overflow: visible;
         }
         .tab-anchor-wrapper{
            .nav-tab{
               padding: 10px 10px 18px;
               border: none;
               position: relative;
               font-weight: 500;
               flex-direction: row;
               justify-content: center;
               align-items: center;
               color: $body-color;
               .tab-icon{
                  margin: 0 3px 0 0;
               }
               &:after{
                  content: '';
                  width: 0%;
                  height: 2px;
                  background: $theme-color;
                  position: absolute;
                  top: 100%;
                  left: 0;
                  margin-top: -1px;
                  z-index: 1;
                  opacity: 0;
                  transition: all 0.35s;
               }
               &.nav-tab-active{
                  color: $headings-color;
               }
               &.nav-tab-active, &:hover{
                  &:after{
                     width: 100%;
                     opacity: 1;
                  }
               }
            }
            .nb-configurations{
               padding: 32px 0;
            }
         }
      }
      .tab-content, .tab-inner-wrapper{
         .nb-configurations{
            padding: 30px 0 10px!important;
            border: none!important;
            h2[class*=wpte], .wte-fsd-list-header h2, .trip-review-title{
               font-size: 22px;
               font-weight: 700;
               font-family: $headings-font-family;
               position: relative;
               margin-bottom: 15px;
               padding-bottom: 15px;
               &:before{
                  content: '';
                  width: 38px;
                  height: 2px;
                  background: $theme-color-2;
                  position: absolute;
                  border-radius: 50%;
                  left: 0;
                  bottom: 0;
                  z-index: 1;
               }
            }

            // Highlights
            .wpte-trip-highlights-title{
               margin: 0!important;
               padding: 5px 10px;
               background: $white;
               position: relative;
               bottom: -16px;
               left: 30px;
               font-size: 15px;
               font-weight: 600;
               display: inline-block;
               border: 1px solid $border-color;
            }
            .wpte-trip-highlights{
               background: #D2DFF8;
               padding: 35px 30px 25px!important;
               color: $headings-color;
               font-size: 15px;
               @media(max-width: 1024px){
                  padding: 30px 15px 20px!important;
               }
               > li{
                  &:before{
                     background-color: $theme-color-2;
                     font-size: 14px;
                     top: 1px;
                  }
               }
            }
          
            // Itinerary
            .wte-itinerary-header-wrapper{
               .wp-travel-engine-itinerary-header{
                  margin: 0 0 20px;
               }
            }
            .itinerary{
               font-size: 15px;
               .itinerary-row{
                  padding: 0 0 18px !important;
                  margin: 0 0 18px 45px !important;
                  &:last-child{
                     margin-bottom: 0!important;
                  }
                  .wte-itinerary-head-wrap{
                     .title{
                        &:before{
                           top: 17px;
                        }
                     }
                     .title, .itinerary-title{
                        font-weight: 600!important;
                        font-size: 16px!important;
                        line-height: 22px;
                     }
                  }
                  .itinerary-content{
                     .wp-block-quote{
                        background: #D2DFF8;
                        padding: 18px 30px 25px!important;
                        color: $headings-color;
                        border: none!important;
                        font-style: normal;
                        font-size: 13px;
                        line-height: 28px;
                        font-family: $font-family-base;
                        @media(max-width: 992px){
                           padding: 15px 12px 20px!important;
                        }
                        p{
                           line-height: 28px!important;
                        }
                        &:before{
                           display: none!important;
                        }
                        cite{
                           &:before{
                              background: $theme-color-2;
                           }
                        }
                     }
                     .wp-block-list{
                        color: $headings-color;
                     }
                  }
               }
            }

            //FAQ
            .wp-travel-engine-faq-tab-header{
               margin-bottom: 20px;
            }
            .wp-travel-engine-faq-tab-content{
               .faq-row{
                  padding: 16px 15px;
                  .accordion-tabs-toggle{
                     font-size: 16px;
                     font-weight: 600;
                  }
               }
            }
         }
      }
      &.fixed-header{
         .nav-tab-wrapper .tab-anchor-wrapper .nav-tab{
            padding: 20px 10px 22px;
         }
      }
      
   }

   .booking-share{
      .share-toggle{
         background: $bg-gray;
         padding: 6px 25px;
         border-radius: 30px;
         font-weight: 600;
         i{
            margin-right: 6px;
         }
      }
   }
   .booking-content{

   }
   .booking-overview{
      margin-bottom: 30px;
   }
   .booking-highlights{
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
      padding: 30px;
      .content-inner{
         display: flex;
         flex-wrap: wrap;
      }
      .box-icon{
         flex: 0 0 138px;
         @media(max-width: 400px){
            flex: 0 0 100%;
            img{
               max-height: 100px;
            }
         }
      }
      .box-content{
         flex: 0 0 calc(100% - 138px);
         @media(max-width: 400px){
            flex: 0 0 100%;
         }
      }
   }
   .booking-include-exclude{
      padding-bottom: 40px;
      border-bottom: 1px solid #DFDFDF;
   }
   .booking-features{
      .booking-widget__content{
         display: block;
      }
   }
}

// Enquiry Form
.booking-single{
   #modal-trip-send-enquiry-mess{
      .modal-title{
         margin: 0;
      }
      .modal-trip-close{
         padding: 6px 10px 15px;
         line-height: 12px;
         font-size: 22px;
         background: $theme-color-2;
         color: $white;
         border-radius: 6px;
         box-shadow: none;
         border: none;
         transition: all 0.35s;
         &:hover{
            background: $theme-color;
         }
      }
   }
   .wte_enquiry_contact_form-wrap{
      #wte_enquiry_contact_form{
         box-shadow: none;
         padding: 0 10px;
         .enquiry-form-title{
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 18px;
         }
         .package-name-holder{
            margin-bottom: 15px;
         }
         .row-repeater{
            margin: 0 0 20px;
            label{
               font-size: 14px;
               font-weight: 600;
               color: $headings-color;
            }
         }
      }
   }
}

// Booking Form
.booking-single{
   .wpte-booking-area-wrapper{
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      background: url('#{$image-theme-path-base}plane.png') no-repeat top right #fff;
      top: 0;
      transition: all 0.8s;
      .wpte-bf-discount-tag{
         background: $theme-color-2;
         color: $white;
         margin-bottom: 18px!important;
      }
      .wpte-bf-price-wrap{
         .wpte-bf-price{
            margin-bottom: 20px!important;
            .wpte-bf-reg-price{
               .wpte-bf-price-from{
                  font-size: 15px;
               }
               del{
                  color: $body-color;
                  font-size: 15px;
               }
            }
            .wpte-bf-offer-amount{
               font-size: 26px;
               color: $headings-color;
               @media(max-width: 1180px){
                  font-size: 22px;
               }
            }
            .wpte-bf-pqty{
               font-weight: 500;
               color: $body-color;
               opacity: 1;
            }
         }
      }
      .wpte-bf-btn-wrap{
         padding-top: 5px!important;
         padding-bottom: 18px!important;
      }
      .wpte-booking-footer-text{
         margin-top: 0;
         padding: 20px 15px;
         background: #0104FF;
         color: rgba(255, 255, 255, 0.9);
         font-size: 15px;
         font-weight: 600;
         @media(max-width: 1024px){
            padding: 18px 10px;
         }
         a{
            color: $white;
            text-decoration: underline;
            white-space: nowrap;
            &:hover{
               color: $theme-color;
            }
         }
         @media(max-width: 1024px){
            padding: 15px 10px!important;
         }
      }
   }
}

.booking-information{
   display: flex;
   gap: 30px;
   align-items: center;
   @media(max-width: 1200px){
      gap: 20px;
   }
   @media(max-width: 1024px){
      gap: 15px;
   }
   @media(max-width: 767px){
      display: block;
   }
}

// Gallery
.booking-gallery-one{
   position: relative;
   &__media{
      position: absolute;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 9;
      display: flex;
      padding: 10px 20px 8px;
      gap: 18px;
      a{
         color: $white;
         line-height: 1;
         i{
            font-size: 20px;
         }
         &:hover{
            color: $theme-color;
         }
      }
      .tf-gallery-box{
         position: relative;
         span{
            background: $theme-color;
            color: $white;
            font-size: 12px;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            display: inline-block;
            position: absolute;
            top: -3px;
            right: -8px;
         }
      }
   }
}

.booking-price-one{
   border: 1px solid $border-color;
   box-shadow: none;
   background: $white;
   padding: 20px 30px 30px;
   margin-bottom: 30px;
   font-weight: 400;
   .tf-short-info{
      li{
         i{
            font-size: 16px;
         }
      }
   }
   .tf-trip-person-info{
      margin-top: 20px;
      ul{
         margin-bottom: 0;
         gap: 10px;
      }
      .person-info{
         display: flex;
         flex-direction: row;
         padding: 5px 12px;
         width: auto;
         height: auto;
         position: relative;
         background: $white;
         border-radius: 0;
         border: 1px solid $border-color;
         border-bottom: 0;
         font-weight: 500;
         @media(max-width: 350px){
            flex: 0 0 100%;
         }
         &:after{
            content: '';
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            height: 1px;
            background: $bg-gray;
            z-index: 11;
            opacity: 0;
         }
         &.active{
            background: $bg-gray;
            border-color: $border-color;
            &:after{
               opacity: 1;
            }
         }
      }
   }
}


.gva-listing-comment{
   .the-comment{
      .comment-rating-ul{ 
         display: flex;
         flex-wrap: wrap;
         margin: 10px 0 10px;
         list-style: none;
         padding: 0;
         > li{
            margin-right: 30px;
            margin-bottom: 10px;
            &:last-child{
               margin-right: 0;
            }
            > span{
               display: block;
               font-size: 15px;
               font-weight: 500;
               line-height: 24px;
               &.comment-rating-stars{
                  font-size: 12px;
                  letter-spacing: -2px;
                  color: $rating-color;
               }
            }
         }
      }
   }
}


// Banner
@media (min-width: 1025px) {
    .wpte-gallery-wrapper__multi-banners .banner-layout-default .splide.single-trip-main-carousel img {
        height: 550px;
    }
}
.wpte-gallery-wrapper{
   &.banner-layout-1, &.banner-layout-6{
      &:after{
         background: $bg-gray;
      }
      .single-trip-main-carousel img{
         height: 550px;
         @media(max-width: 1024px){
            height: 450px;
         }
         @media(max-width: 992px){
            height: 400px;
         }
         @media(max-width: 768px){
            height: 320px;
         }
      }
   }
}


.booking-single{
   .banner-layout-2__wrap, .banner-layout-3__wrap, .banner-layout-4__wrap{
      padding: 60px 0;
      @media(max-width: 768px){
         padding: 35px 0;
      }
      .trip-content-area{
         padding: 0;
      }
      .wpte-gallery-wrapper{
         max-width: 1320px;
         margin: 0 auto;
         padding: 0 15px;
      }
      .wpte-gallery-container{
         right: 15px;
         padding: 15px;
      }
      .wp-travel-engine-image-gal-popup{
         margin-right: 6px;
         .wte-trip-image-gal-popup-trigger{
            font-size: 0;
            color: transparent;
            background: $theme-color-2;
            &:before{
               display: none;
            }
            &:after{
               content: '\e915';
               font-family: 'ticomoon' !important;
               font-size: 16px;
               color: #fff;
               mask: none!important;
            }
            &:hover, &:focus{
               background: $theme-color;
            }
         }
      }
      .wp-travel-engine-vid-gal-popup{
         .wte-trip-vidgal-popup-trigger{
            font-size: 0;
            color: transparent;
            background: $theme-color-2;
            &:before{
               display: none;
            }
            &:after{
               content: '\e928';
               font-family: 'ticomoon' !important;
               font-size: 16px;
               color: #fff;
               mask: none!important;
            }
            &:hover, &:focus{
               background: $theme-color;
            }
         }
      }
   }
}

.wpte-gallery-wrapper{
   &.banner-layout-1, &.banner-layout-default{
      .wp-travel-engine-image-gal-popup{
         margin-right: 6px;
         .wte-trip-image-gal-popup-trigger{
            font-size: 0;
            color: transparent;
            background: $theme-color-2;
            &:before{
               display: none;
            }
            &:after{
               content: '\e915';
               font-family: 'ticomoon' !important;
               font-size: 16px;
               color: #fff;
               mask: none!important;
            }
            &:hover, &:focus{
               background: $theme-color;
            }
         }
      }
      .wp-travel-engine-vid-gal-popup{
         .wte-trip-vidgal-popup-trigger{
            font-size: 0;
            color: transparent;
            background: $theme-color-2;
            &:before{
               display: none;
            }
            &:after{
               content: '\e928';
               font-family: 'ticomoon' !important;
               font-size: 16px;
               color: #fff;
               mask: none!important;
            }
            &:hover, &:focus{
               background: $theme-color;
            }
         }
      }
   }
}

.banner-layout-5__wrap{
   .trip-content-area{
      max-width: 100%;
      padding: 0;
   }
   .booking-single-gallery{
      .swiper-content-inner{
         margin: 0;
      }
      .init-carousel-swiper-theme{
         padding: 0;
      }
      .swiper-nav-prev{
         left: 15px!important;
         width: 50px;
         height: 50px;
         @media(max-width: 1200px){
            opacity: 1;
         }
      }
      .swiper-nav-next{
         right: 15px!important;
         width: 50px;
         height: 50px;
         @media(max-width: 1200px){
            opacity: 1;
         }
      }
   }
}

.wte-related-trips-wrapper{
   margin: 50px 0 80px;
   @media(max-width: 1024px){
      margin-bottom: 50px;
   }
   .wte-related-trips__heading{
      font-size: 28px;
      font-weight: 600;
      margin-bottom: 25px;
      @media(max-width: 1024px){
         font-size: 24px;
      }
   }
}

.tour-question{
   text-align: center;
   background: $white;
   border: 1px solid $border-color;
   border-radius: 10px;
   padding: 28px 30px 30px;
   @media(max-width: 1024px){
      padding: 28px 15px 30px;
   }
   .icon{
      font-size: 55px;
      color: $theme-color;
      line-height: 1;
   }
   .title{
      font-size: 20px;
      color: $headings-color;
      font-weight: 600;
      margin: 20px 0 6px;
   }
   .desc{
      font-size: 15px;
      margin-bottom: 25px;
   }
   .open-enquiry-message{
      padding: 15px 25px 16px;
      font-size: 15px;
   }
}

@media(max-width: 560px){
   .wpte-booking-area{
      padding: 10px 15px 16px;
   }
   #wpte_price-toggle-btn-mb{
      font-size: 14px;
      white-space: nowrap;
      .current-text{
         font-size: 14px;
      }
   }
}

.gva-listing-rating-criteria{
   margin-bottom: 45px;
   .review-progress-wrapper{
      padding-left: 100px;
      margin-bottom: 40px;
      position: relative;
      .review__progress-label{
         font-weight: 600;
         color: $black;
         float: left;
         width: 95px;
         position: absolute;
         top: -15px;
         left: 0;
         text-transform: capitalize;
      }
      .review__progress {
         background-color: $bg-gray;
         position: relative;
         overflow: visible;
         z-index: 11;
         .review__progress-bar{
            @include transition(width 1s ease-in-out);
            height: 8px;
            background: $theme-color;
            position: relative;
            display: block;
            width: 0;
            border-radius: 6px;
            .percentage{
               position: absolute;
               bottom: 100%;
               left: 100%;
               z-index: 1;
               padding: 3px 6px;
               background: $theme-color;
               font-size: 12px;
               color: $white;
               margin-bottom: 5px;
               line-height: 1;
               &:after{
                  content: "";
                  border: 5px solid transparent;
                  border-top-color: $theme-color;
                  position: absolute;
                  top: 100%;
                  left: 0;
                  z-index: 1;
                  transform: rotate(-90deg);
                  margin-top: -6px;
               }
               &.percentage-left{ 
                  left: auto;
                  right: 0;
                  &:after{
                     right: 0;
                     left: auto;
                     transform: rotate(90deg);
                     margin-right: 2px;
                  }
               }
            }
         }
      }
   }
   .listing-total-reviews{
      border-radius: 4px;
      border: 1px solid $border-color;
      > .content-inner{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
         .reviews-left{
            text-align: center;
            -webkit-box-flex: 0;
            flex: 0 0 30%;
            max-width: 30%;
            @media(max-width: 680px){
               flex: 0 0 100%;
               max-width: 100%;
               padding: 20px 0;
            }
            .reviews-average{
               .rating-score{
                  font-size: 60px;
                  color: $black;
                  line-height: 1.2;
                  span{
                     font-size: 22px;
                     color: $body-color;
                  }
               }
               .vote-text{
                  font-weight: 700;
                  font-family: $headings-font-family;
                  color: $theme-color;
                  font-size: 18px;
                  line-height: 1.1;
               }
               .vote-number{
                  font-weight: 500;
               }
            }
            .reviews-average-star{
               margin-top: 5px;
               .lt-review-show-start{
                  justify-content: center;
               }
            }
         }
         .reviews-right{ 
            -webkit-box-flex: 0;
            flex: 0 0 70%;
            max-width: 70%;
            border-left: 1px solid $border-color;
            @media(max-width: 680px){
               flex: 0 0 100%;
               max-width: 100%;
               border-left: 0;
               border-top: 1px solid $border-color;
            }
            .content-inner{
               padding: 45px 40px; 
               @media(max-width: 1024px){
                  padding: 25px 15px;
               }
               .result-item{
                  &:last-child{
                     .review-progress-wrapper{
                        margin-bottom: 0;
                     }
                  }
               }
            }
         }
      }
   }
}