/* for search box */
.banner__section .banner__search-container {
    bottom: -24px !important;
}

.search-container-section {
    display: grid;
    grid-template-columns: 1fr !important;
    box-shadow: 0px 4px 4px 0 rgba(128, 130, 141, 0.09);
    border-radius: 15px;
    padding: 0px !important;
    background: none !important;
}

.search-container {
    position: relative;
}
.search-container input{
    padding: 15px !important;
}
.search-container input[type="text"] {
    width: 100%;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.099);
    border: none;
    outline: none;
}
.search-icon{
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 26px;
    color: #025669 !important;
}

/* Content to show/hide based on focus or text input */
.content {
    display: none;
    margin-top: 0px;
    top: 60px;
    padding: 20px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.099);
    border-radius: 0 0 8px 8px;
    max-height: 300px;
    z-index: 999;
    overflow-y: scroll;
}
/* width */
.content::-webkit-scrollbar {
    width: 6px;
  }

  /* Track */
  .content::-webkit-scrollbar-track {
    background: #f1f1f1; ;
  }

  /* Handle */
  .content::-webkit-scrollbar-thumb {
    background: #BFBEBE;
    border-radius: 10px;
  }

  /* Handle on hover */
  .content::-webkit-scrollbar-thumb:hover {
    background: #80828D;
  }

.content-title {
    font-size: 16px;
    margin-bottom: 22px;
    text-align: left;
    text-transform: uppercase;
    color: black;
    font-weight: 600;
}

/* Each selectable item */
.content.autosuggestion .item {
    padding: 0 0 16px 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.item-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-img {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    object-fit: cover;
}
.content.autosuggestion .description-box a{
    text-decoration: none;
}
.description-box {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 8px 0;
    padding: 0;
}

.description-title {
    font-size: 18px;
    text-align: left;
    color: black;
    display: block;
    font-weight: 600;
    margin-bottom: 0;
}

.description-title:hover {
    color: #5899AE;
}

.description-tag {
    background: white;
    display: block;
    border-radius: 50px;
    background: #5899AE;
}

.tag-name {
    text-decoration: none;
    color: white;
    border-radius: 50px !important;
    font-size: 10px;
    text-align: center;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.description {
    font-size: 14px;
    color: black;
    font-weight: 400;
    text-align: left;
    width: 100%;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Show content when input is focused */
.search-container.content {
    display: block;
}

/* Hidden items */
.hidden {
    display: none;
}

/* testimonial page for load more button */
.testimonial-button{
    display: flex;
    justify-content: center;
   align-items: center;

 }
 .testimonial-button button{
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: white;
    background: #5899AE;
    border-radius: 4px;
    text-align: center;
    padding: 12px 22px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    border: none;

 }
 .testimonial-button button .btn-icon{
     font-size: 22px;
 }

 .tab-menu-section .tab-menu-title-link{
   text-decoration: none !important;
 }

 .tour-detail--wrapper .detail--wrapper .cost-detail__container .cost-detail__include .cost-detail__include-list ul li ul li::before{
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23579aa2' d='M19.495 3.133a1 1 0 0 1 1.352.309l.99 1.51a1 1 0 0 1-.155 1.279l-.003.004l-.014.013l-.057.053l-.225.215a84 84 0 0 0-3.62 3.736c-2.197 2.416-4.806 5.578-6.562 8.646c-.49.856-1.687 1.04-2.397.301l-6.485-6.738a1 1 0 0 1 .051-1.436l1.96-1.768A1 1 0 0 1 5.6 9.2l3.309 2.481c5.169-5.097 8.1-7.053 10.586-8.548'/%3E%3C/g%3E%3C/svg%3E");
}
.tour-detail--wrapper .detail--wrapper .cost-detail__container .cost-detail__not-include .cost-detail__not-include-list ul li ul li::before{
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ae4744' d='M17.414 6.586a2 2 0 0 0-2.828 0L12 9.172L9.414 6.586a2 2 0 1 0-2.828 2.828L9.171 12l-2.585 2.586a2 2 0 1 0 2.828 2.828L12 14.828l2.586 2.586c.39.391.902.586 1.414.586s1.024-.195 1.414-.586a2 2 0 0 0 0-2.828L14.829 12l2.585-2.586a2 2 0 0 0 0-2.828'/%3E%3C/svg%3E");
}


/* success details css */
.booking-sucess_wraper{
    text-align: center;
}
.booking-sucess_wraper .success-icon_wraper{
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
}
.booking-sucess_wraper .title{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 12px;
    color: #1E1F24;
}
.booking-sucess_wraper .sub-content{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    color: #80828D;;
}

/*home page popular tours section start */

.popular-tour__section .popular_tour__heading-wrapper .section-heading{
    white-space: nowrap;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .popular-tour__section .popular_tour__heading-wrapper .popular_theme-wrapper{
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    justify-content: end;
    width: 70%;
  }

  .popular-tour__section .popular_tour__heading-wrapper .popular_theme-wrapper .theme_tags{
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    justify-content: start !important;
    padding-bottom: 4px !important;
  }


/* Scrollbar Styling for WebKit Browsers */
.popular-tour__section .popular_tour__heading-wrapper .popular_theme-wrapper .theme_tags::-webkit-scrollbar {

    height: 4px;
}

.popular-tour__section .popular_tour__heading-wrapper .popular_theme-wrapper .theme_tags::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.popular-tour__section .popular_tour__heading-wrapper .popular_theme-wrapper .theme_tags::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}



@media (max-width:768px){
    .popular-tour__section .popular_tour__heading-wrapper .section-heading{
        width: 100%;
    }
    .popular-tour__section .popular_tour__heading-wrapper .popular_theme-wrapper{
        width: 100%;
    }
}
/*home page popular tours section end */