.wrapper-filter-search {
    padding: 30px;
    background-color: var(--lightorange);
    box-shadow: 0px 9px 38px -8px rgba(0, 0, 0, 0.08);
}

.wrapper-filter-search .button-search {
    border: 1px solid #fff;
    color: #fff;
    background-color: var(--black);
}



.wrapper-filter-search .button-search:hover {
    color: #fff;
    background-color: var(--gray);
}

img {
    position: relative;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
}

.price-note {
    line-height: 1;
    font-size: 80%;
    margin: 10px 0;
    font-style: italic;
}

.listing {
    display: flex;
    flex-flow: row wrap;
    width: auto;
    min-width: 100%;
    margin: 0 calc((var(--listing-gap) / 2) * -1) calc(var(--listing-gap-bottom) * -1);
}

.listing .thumbnail-item {
    margin: 0;
}

.title-listing a {
    width: 100%;
    display: block;
}

.title-listing {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: box;
    /* Add this line for compatibility */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    /* Add this line for compatibility */
    -webkit-box-orient: vertical;
    box-orient: vertical;
    /* Add this line for compatibility */
    min-height: 2em;
}

.entry-content .listing.listing-armada.listing-style-block {
    --listing-column:3;
}

.listing-item.listing-armada {
    width: calc(100% / var(--listing-column));
    margin-bottom: 24px;
    padding: 12px;
}

.listing .listing-item.listing-armada .listitem-wrapper {
    box-shadow: 0px 9px 38px -8px rgba(0, 0, 0, 0.08);
    background-color: white;
    border-radius: var(--border-radius-small);
}

.listing .listitem-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.listing-armada .thumbnail-item {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.listing .thumbnail-item {
    display: flex;
    align-items: flex-start;
}

.listing-armada .content-item {
    padding: 30px;
    height: 100%;
}

.detail-content {
    font-weight: normal;
}

.detail-content .start-price-item {
    margin: 10px auto;
}

.armada-info span.capacity {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.armada-info span.facility-title {
    width: 100%;
    display: inline-block;
    padding-bottom: 5px;
    cursor: pointer;
}

.armada-info ul.facilities {
    overflow: hidden;
    margin: -7.5px;
    margin-bottom: 4.5px;
    max-height: 28px;
    transition: max-height 0.4s ease;
}

.facilities {
    display: flex;
    flex-flow: row wrap;
}

.detail-content .armada-info .facilities> li {
    width: auto;
    line-height: 1;
    gap: 1;
    padding: 5px;
    
}

.armada-info .toggle-show {
    display: inline-block;
    cursor: pointer;
    margin-top: 6px;
    color: var(--orange);
    position: relative;
}

.start-price-item label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.toggle-show:after {
    display:inline-block;
    content:'';
    width:11px;
    height:11px;
    transition: 0.3s ease-in;
    margin-left: 5px;
}

.title-listing {
    font-size: 1.2rem;
    min-height: 2.5em;
    margin: 0 0 10px;
}

.listing .title-listing a,
.page-content.title-listing a{
    text-decoration: none;
}

.armada-info {
    font-size: 1em;
}

.armada-info span.facility-title {
    margin-bottom: 10px;
    font-weight: bold;
}

.detail-content .button-detail {
    display: block;
    text-align: center;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid var(--orange);
    color: var(--orange);
   
    text-decoration: none;
    margin: 20px 0 0;
    border-radius: var(--border-radius-small);
}

.detail-content .button-detail:hover {
    background-color: var(--orange);
    border: 1px solid var(--orange);
    color: #fff;
}

.price-item {
    display: flex;
    gap: 5px;
}

.listing .price-item del {
    font-size: .8em;
    color: var(--gray);
}

.listing .price-item .price {
    display: flex;
    align-items: flex-end;
    gap: 5px;
}

.listing .price-item .price ins {
    text-decoration: none;
    font-weight: 600;
}

/* display none */
.display-none {
    display: none;
}

/*-------------------------------------------
        STYLING GALLERY SLIDER ARMADA
---------------------------------------------*/
.single-armada .wrapper-thumbnail {
    overflow: hidden;
}

.single-armada .featured-thumbnail img {
    height: 100%;
}

/* btn see all gallery */
.see-all-gallery {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: -webkit-calc(25px + 11.5px);
    bottom: -moz-calc(25px + 11.5px);
    bottom: calc(25px + 11.5px);
    left: -webkit-calc(20px + 11.5px);
    left: -moz-calc(20px + 11.5px);
    left: calc(20px + 11.5px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 33px;
    background-color: var(--white);
    color: var(--blue-600);
    border: 1px solid var(--blue-600);
    padding: 8px 14px;
    font-size: var(--text-xs);
    letter-spacing: 0.6px;
    line-height: var(--lineheight-2s);
    font-weight: 600;
    z-index: 2;
}

.see-all-gallery .icons {
    margin-right: 4px;
}

.see-all-gallery img {
    display: none;
}

.single-armada .featured-thumbnail {
    position: relative;
}

.single-armada .featured-thumbnail .slide-counter {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(2, 51, 97, 0.80);
    padding: 10px 17px;
    color: var(--white);
    font-size: var(--text-sm);
    line-height: var(--lineheight-2s);
}



/* -----------------------------------
            STYLING SINGLE ARMADA
    -------------------------------------*/
/* thumbnail gallery ----------------*/
.single-armada .wrapper-thumbnail {
    height: 480px;
}

.single-armada .wrapper-thumbnail-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: -11.5px;
    position: relative;
}

.single-armada .wrapper-thumbnail-gallery>a.fisrt-gallery {
    width: 50.27%;
    height: -webkit-calc(480px + 23px);
    height: -moz-calc(480px + 23px);
    height: calc(480px + 23px);
}

.single-armada .wrapper-thumbnail-gallery a:not(.see-all-gallery) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 11.5px;
}

.single-armada .wrapper-thumbnail-gallery span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 49.73%;
    height: -webkit-calc(480px + 23px);
    height: -moz-calc(480px + 23px);
    height: calc(480px + 23px);
}

.single-armada .wrapper-thumbnail-gallery span a {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 50%;
    flex: 1 50%;
    min-height: -webkit-calc(229px + 23px);
    min-height: -moz-calc(229px + 23px);
    min-height: calc(229px + 23px);
}

.single-armada .wrapper-thumbnail-gallery span:not(.custom-width-gallery) a {
    max-height: -webkit-calc(229px + 23px);
    max-height: -moz-calc(229px + 23px);
    max-height: calc(229px + 23px);
}

.single-armada .wrapper-thumbnail-gallery span a:nth-child(2) {
    width: 100%;
}

.single-armada .wrapper-thumbnail-gallery span.custom-width-gallery a:nth-child(2) {
    margin-right: 1px;
}

.single-armada .wrapper-thumbnail-gallery span.custom-width-gallery a,
.single-armada .wrapper-thumbnail-gallery span a:nth-child(3),
.single-armada .wrapper-thumbnail-gallery span a:nth-child(4) {
    height: -webkit-calc(229px + 23px);
    height: -moz-calc(229px + 23px);
    height: calc(229px + 23px);
}

.single-armada .wrapper-thumbnail-gallery span a:nth-child(n+5) {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding: 0;
}

.whbus-armada-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.single-armada .content-wrapper {
    background-color: var(--white);
}



.wrapper-order-form {
    background-color: var(--gray-100);
}

.armada-order-form .form-row {
    margin-bottom: 15px;
}

.armada-order-form .form-row>label {
    margin-bottom: 10px;
}

.armada-order-form .wrapper-price-display .price-display {
    display: block;
}

.armada-order-form .price ins {
    font-size: 1.3em;
    text-decoration: none;
    font-weight: bold;
}

.single-armada form.armada-order-form .wrapper-price-display {
    margin-bottom: 20px;
}

.armada-order-form .button-order {
    display: block;
    width: 100%;
    padding: 13px 20px;
}

.icon-whatsapp:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: var(--icon-whatsapp-white);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.submit-buttons .button-order {
    display: flex;
    gap: 5px;
    justify-content: center;
    background-color: var(--green);
    color: #fff;
    font-weight: bold;
    line-height: 1;
    align-items: center;
    flex: 1;
    border: none;
}

.submit-buttons {
    display: flex;
    gap: 5px;
    flex-flow: row wrap;
}

.submit-buttons .button-order:hover {
    background-color: var(--darkgreen);
}

.whbus-armada-gallery {
    margin-bottom: 40px;
}

.single-armada .facility-title {
    font-size: var(--text-lg);
    margin: 10px 0;
}

ul.facilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    list-style-type: none;
    padding-left: 0;

}

.facilities li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wrapper-order-form h3 {
    font-size: 1.5em;
    margin: 0 0 20px;
}

.whbus-skin-default .content-article--sidebar .content-wrapper {
    box-shadow: 0px 9px 38px -8px rgba(0, 0, 0, 0.08);
    padding: 40px;
    margin-bottom: 30px;
}

.start-price-item .price-item {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.listing.listing-armada {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.listing.listing-armada .listitem-wrapper {
    min-height: 100%;
}

.form-row>label {
    font-weight: 700;
}

.facilities>li:before {
    min-height: 20px;
    min-width: 20px;
}

.wrapper-order-form {
    padding: 30px;
}

/* RESPONSIVE -------------*/

@media (min-width: 1300px) {

    .whbus-skin-default .whbus-armada--sidebar {
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {

    .whbus-skin-default .content-article--sidebar {
        width: 67.283%
    }

    .whbus-skin-default .content-article--sidebar {
        padding-right: 16px;
    }

    .whbus-skin-default .whbus-armada--sidebar {
        width: 32.717%;
    }

}

@media all and (max-width:1199px) and (min-width:768px) {
    .form-wrapper-field {
        display: flex;
        flex-flow: row wrap;
        gap: 20px;
    }

    .single-armada .armada-order-form .input-wrapper {
        -webkit-box-flex: -webkit-calc(50% - 20px);
        -webkit-flex: -webkit-calc(50% - 20px);
        -moz-box-flex: -moz-calc(50% - 20px);
        -ms-flex: calc(50% - 20px);
        flex: calc(50% - 20px);
    }

    

    
}

@media all and (max-width:1199px)  {
    .whbus-skin-default .whbus-armada--sidebar {
        width: 100%;
    }
}


@media all and (min-width: 901px) and (max-width: 1024px) {
    .logo-label-wrapper.slider-partner .slick-track {
        margin-left: 88px;
    }

    
}


@media all and (min-width: 901px) {

    /* listing listing-armada */
    .listing-armada .slick-slider .slick-prev.slick-arrow {
        right: 83px;
        left: unset;
    }

    .listing-armada .slick-slider .slick-next.slick-arrow {
        right: 43px;
    }

    .facilities li {
        width: 50%;
    }

    .single-armada .featured-thumbnail .slide-counter {
        display: none;
    }
    
}






/* TABLET */
@media all and (max-width: 900px) {

    /* listing listing-armada */
    .listing-armada .slick-slider .slick-prev.slick-arrow {
        right: 63px;
        left: unset;
    }

    .listing-armada .slick-slider .slick-next.slick-arrow {
        right: 20px;
    }

    .listing-armada .content-item {
        padding: 24px;
    }

    .listing-armada .listing-item {
        margin-bottom: 16px;
    }

    .entry-title {
        font-size: 28px;
    }

    .site-header .site-title {
        font-size: 36px;
    }

    .facilities li {
        margin-right: 10px;
    }

}






@media all and (min-width: 601px) and (max-width: 900px) {

    .single-armada .item-gallery.slick-slide {
        height: 400px;
    }

    .listing.listing-armada {
        --listing-column: 2;
    }

    .form-wrapper-field .input-wrapper {
        -webkit-box-flex: -webkit-calc(50% - 20px);
        -webkit-flex: -webkit-calc(50% - 20px);
        -moz-box-flex: -moz-calc(50% - 20px);
        -ms-flex: calc(50% - 20px);
        flex: calc(50% - 20px);
    }

    .listing-armada .thumbnail-item {
        height: 185px;
    }

    .listing-armada .thumbnail-item * {
        width: 100%;
        height: 100%;
    }

    .listing-armada .thumbnail-item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .listing-armada .content-item {
        height: -webkit-calc(100% - 185px);
        height: -moz-calc(100% - 185px);
        height: calc(100% - 185px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .listing-armada .detail-content {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .detail-content .button-detail {
        margin-top: auto;
    }

    .listing.listing-armada .listitem-wrapper {
        min-height: unset;
        height: 100%;
    }

    .detail-content .start-price-item {
        margin: 10px 0 16px;
    }
}



/* MOBILE */
@media all and (max-width: 600px) {
    .single-armada .item-gallery.slick-slide {
        height: 252px;
    }

    body .select2.select2-container {
        width: 100% !important;
    }

    .site-header .site-title {
        padding: 12px 24px;
    }

    .wrapper-filter-search .button-search {
        width: 100%;
    }

    .form-wrapper-field .input-wrapper:not(:last-child) {
        -webkit-box-flex: 100%;
        -webkit-flex: 100%;
        -moz-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
    }

    body:not([class*=elementor-page-]) .site-main {
        -webkit-padding-start: 24px;
        -moz-padding-start: 24px;
        padding-inline-start: 24px;
        -webkit-padding-end: 24px;
        -moz-padding-end: 24px;
        padding-inline-end: 24px;
    }

    .start-price-item .price-item {
        margin-top: 6px;
    }

    .listing.listing-armada .title-listing {
        min-height: auto;
    }

    .armada-meta .facilities li {
        width: 100%;
        font-size: .9em;
    }

}