@charset "utf-8";

body, label, p {
    line-height: 22px
}

h1, h2, h3, h4, h5, h6, label {
    font-weight: 400
}

    h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, label {
        color: #080808
    }

body, h2 {
    color: #000
}

*, .text-sec .text-holder, .wrapper, h2, ul.accordion .inner li {
    padding: 0
}

.content-sec, .faq-sec, .review h1, .review p, body, h1, h2, h3, h4, h5, h6, select {
    font-family: Poppins,sans-serif
}

    .blue-btn, .content-sec figure figcaption, .review, .text-center, .umh-duration-sec figure figcaption {
        text-align: center
    }

.fieldset.error-text, .panel-body p, .panel-group .panel a, .wrapper, .wrapper .container, button.next, figure, input[type=submit], ul.accordion .inner li a {
    position: relative
}

.blue-btn, .popup .close, a {
    text-decoration: none
}

* {
    margin: 0;
    outline: 0
}

body {
    background: #fff;
    font-size: 15px
}

.dark-veiw {
    background: #111
}

h2 {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 10px
}

a {
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #222
}

    a:active, a:focus, a:hover {
        color: #0890fa;
        outline: 0;
        text-decoration: none
    }

p {
    margin: 0 0 20px
}

.panel-group, ul ul {
    margin: 0
}

figure {
    margin-bottom: 0
}

label {
    font-size: 14px;
    margin: 0;
    vertical-align: top
}

input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: none;
    box-sizing: border-box;
    color: #080808;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #dcdcdc;
    line-height: 44px;
    height: 44px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px
}

select {
    -webkit-appearance: none;
    -moz-appearance: window;
    background-image: url(/main-root/images/icons/arrow-down.webp);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 12px;
    background-color: transparent
}

button.next, input[type=submit] {
    background: #ff9924;
    font-size: 14px;
    font-weight: 500;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 70px;
    border: 0;
    transition: .3s ease-in-out
}

.content-sec h3, .content-sec h4 {
    font-weight: 400;
    margin: 0 0 10px
}

button.next:hover, input[type=submit]:hover, tr.bg-primary {
    background: #0890fa
}

[class*=col-lg], [class*=col-md], [class*=col-sm] {
    display: inline-block;
    float: none;
    margin: 0 -4px 0 0;
    vertical-align: top
}

textarea {
    height: 150px
}

input:focus {
    outline: 0
}

::-webkit-input-placeholder {
    color: #666;
    font-weight: 400
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 400
}

::-moz-placeholder {
    color: #b2bbc0;
    opacity: 1;
    font-weight: 400
}

:-ms-input-placeholder {
    color: #666;
    font-weight: 400
}

.content-sec ol li strong, .content-sec p strong, .content-sec ul li strong, .table > tbody > tr > td strong, .um-content-sec ol li strong, .um-content-sec p strong, .um-content-sec ul li strong, .value_progress {
    font-weight: 500
}

.wrapper {
    width: 100%;
    min-height: 900px;
    overflow: hidden
}

.fixed-header, .loader, .overlay, .siteloader {
    position: fixed
}

#main {
    padding: 30px 0 0
}

.img-center {
    margin: 0 auto 15px;
    display: block
}

.fieldset.error-text span.error {
    position: absolute;
    right: 0;
    top: 0;
    color: red;
    font-size: 12px
}

.fieldset.error-text input {
    border-color: red
}

.fieldset.error-text:after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 11px;
    background: url(assets/images/warning.webp) 0 0/100% no-repeat;
    width: 22px;
    height: 22px
}

.error-box {
    overflow: hidden;
    padding: 0 0 30px
}

    .error-box .img-holder {
        float: left
    }

        .error-box .img-holder figure {
            width: 42px;
            margin: 0
        }

            .error-box .img-holder figure img, .map-holder a .map-img, .map-holder a .map-img figure img, .sidebar .filter-box a img, .sidebar .map-box img, a.btn-visainfo img, a.btn-whatsapp img, ul.booking-list li .close img {
                width: 100%
            }

    .error-box ul {
        overflow: hidden;
        padding: 0 0 0 20px
    }

        .error-box ul li {
            margin: 0;
            color: red;
            font-size: 14px;
            line-height: 22px;
            display: block;
            list-style: none
        }

.descountDetail, .more, .no-js #loader {
    display: none
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.siteloader {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0,0,0,.3)
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader {
    font-size: 10px;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(8,144,250,.3);
    border-right: 1.1em solid rgba(8,144,250,.3);
    border-bottom: 1.1em solid rgba(8,144,250,.3);
    border-left: 1.1em solid #0890fa;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: 1.1s linear infinite load8;
    animation: 1.1s linear infinite load8;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -40px;
    z-index: 99
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.text-sec {
    padding: 70px 0 20px
}

    .text-sec .text-holder.text-center {
        padding: 20px 0 0
    }

.text-center {
    margin: 0 6%
}

.content-sec {
    padding: 30px 0 20px
}

.bg-gradient {
    border-top: 1px solid #ddd;
    background: linear-gradient(to bottom,#eff8ff 0,#fff 100%)
}

.blue-btn:hover, .review {
    background-image: linear-gradient(55deg,#ff5d12 0,#ff9623 100%)
}

.content-sec p {
    font-size: 15px;
    line-height: 22px;
    color: #000;
    margin-bottom: 15px
}

    .content-sec p img {
        width: 100% !important;
        height: auto !important
    }

.content-sec ul, .um-content-sec ol, .um-content-sec ul {
    margin: 0 0 10px 15px;
    padding: 0
}

    .content-sec ol li, .content-sec ul li, .um-content-sec ol li, .um-content-sec ul li {
        font-size: 16px;
        line-height: 26px;
        color: #000;
        list-style: none;
        margin: 0 0 10px;
        padding: 0 0 0 15px;
        position: relative
    }

        .content-sec ul li:after {
            content: '';
            position: absolute;
            left: 0;
            top: 9px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #000
        }

    .content-sec ol li, .um-content-sec ol li {
        list-style: decimal;
        padding-left: 5px
    }

.content-sec h3 {
    font-size: 22px;
    line-height: 28px;
    color: #000
}

.content-sec h4 {
    font-size: 20px;
    line-height: 26px;
    color: #000
}

.content-sec li span a strong, .content-sec p a, .content-sec p a strong, .content-sec span a, .content-sec span a strong, .table > tbody > tr > td > button.save-price:hover, ul.tab-content li a {
    color: #0890fa
}

.inner-custom-content {
    margin: 0 8%
}

.faq-sec {
    padding: 0 0 30px
}

    .faq-sec h2 {
        font-size: 24px;
        color: #0a3991;
        line-height: 36px;
        font-weight: 600
    }

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border-bottom: 1px solid #dadada;
    box-shadow: none
}

    .panel-group .panel a {
        display: block;
        padding: 5px 0 5px 40px;
        color: #333;
        font-size: 20px;
        line-height: 38px;
        font-weight: 500
    }

        .panel-group .panel a:after {
            content: "";
            position: absolute;
            left: 5px;
            top: 15px;
            width: 23px;
            height: 19px;
            background: url(/main-root/images/icons/a-minus.webp) no-repeat
        }

        .panel-group .panel a.collapsed:after {
            background: url(/main-root/images/icons/a-plus.webp) no-repeat
        }

.panel-body {
    padding: 0 15px 15px
}

    .panel-body p {
        margin: 0;
        padding-left: 70px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 1px;
        font-weight: 400
    }

        .panel-body p:after {
            content: "";
            position: absolute;
            left: 48px;
            top: 6px;
            width: 4px;
            height: 85%;
            background: #0890fa
        }

.rating-sec {
    padding: 20px 0 40px
}

    .rating-sec h2 {
        font-size: 24px;
        line-height: 30px;
        color: #0a3991;
        margin: 0 0 20px;
        font-weight: 800
    }

.review {
    color: #fff;
    border-radius: 20px;
    padding: 15px
}

    .review h1 {
        font-size: 80px;
        line-height: 80px;
        font-weight: 600
    }

    .review p {
        font-size: 14px;
        line-height: 10px;
        font-weight: 600
    }

.progress_bar {
    padding: 10px 0 0
}

.progress {
    width: 80%;
    border-radius: 30px;
    height: 13px;
    background-color: #e6f4fe;
    margin: 0;
    box-shadow: none;
    background-image: none
}

.progress-bar {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #0890fa
}

.value_progress {
    display: flex;
    color: #080808;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    margin-bottom: 7px
}

.blue-btn, .blue-btn:hover {
    color: #fff
}

.blue-btn, .sidebar .filter-box a.btn-fil, .sidebar .side-price span.s-offer {
    font-size: 12px;
    text-transform: uppercase
}

.num-1 {
    margin-right: 15px
}

    .num-1 span img {
        display: inline-block;
        vertical-align: top;
        margin: 4px 0 0 2px
    }

.num-2 {
    margin-left: 15px
}

.opinion-btn {
    width: 77%
}

.blue-btn {
    background-image: linear-gradient(55deg,#1ab7e2 0,#30e3ee 100%);
    font-weight: 700;
    transition: 1s;
    line-height: normal;
    border-radius: 50px;
    padding: 13px 40px;
    margin-top: 30px;
    width: 100%;
    display: block
}

.sidebar, ul.booking-list {
    margin: 0;
    padding: 0
}

#sidebar.fixed {
    width: 302px
}

.sidebar .filter-box {
    background: #f5fbff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px
}

    .sidebar .filter-box h5 {
        font-size: 16px;
        line-height: 22px;
        color: #4c4c4c;
        display: block;
        font-weight: 700;
        margin: 5px 0 10px;
        text-transform: uppercase
    }

    .sidebar .filter-box strong {
        font-size: 26px;
        line-height: 32px;
        color: #080808;
        display: block;
        font-weight: 700;
        margin: 0 0 15px
    }

    .sidebar .filter-box a {
        margin: 0 2px;
        display: inline-block;
        width: 46px;
        height: 46px
    }

    .sidebar .filter-box h3 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        color: #080808;
        background: url(/main-root/images/icons/icon-filter.webp) 0 5px no-repeat;
        margin: 0 0 15px;
        padding: 0 0 10px 25px;
        border-bottom: 1px solid #dde7f4
    }

.descountDetail button.close, .popup .close {
    background: red;
    position: absolute;
    opacity: 1
}

.sidebar .filter-box select {
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: .5em 3.5em .5em 1em;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none
}

    .sidebar .filter-box select.minimal {
        background-image: linear-gradient(45deg,transparent 50%,#c7c7c7 50%),linear-gradient(135deg,#c7c7c7 50%,transparent 50%),linear-gradient(to right,transparent,transparent);
        background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
        background-size: 5px 5px,5px 5px,1px 1.5em;
        background-repeat: no-repeat;
        background-color: #fff;
        border: 1px solid #d8dee4;
        border-radius: 30px
    }

        .sidebar .filter-box select.minimal:focus {
            background-image: linear-gradient(45deg,#c7c7c7 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#c7c7c7 50%),linear-gradient(to right,transparent,transparent);
            background-position: calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;
            background-size: 5px 5px,5px 5px,1px 1.5em;
            background-repeat: no-repeat;
            outline: 0
        }

ul.accordion {
    margin: 0;
    padding: 5px 0 0;
    text-align: left;
    list-style: none;
    border-top: 1px solid #d8dee4
}

    ul.accordion .inner {
        padding-left: 0;
        overflow: hidden;
        list-style: none
    }

    ul.accordion > li {
        padding: 10px 0;
        border-bottom: 1px solid #d8dee4
    }

        ul.accordion > li:last-child {
            border-bottom: 0
        }

    ul.accordion li p.nest {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        color: #080808;
        cursor: pointer;
        font-weight: 500
    }

.inner li p.nest {
    background: #666
}

.inner .inner li p.nest {
    background: #a9a9a9
}

ul.accordion .inner li a {
    display: block;
    color: #080808;
    font-size: 14px;
    line-height: 32px;
    padding: 0 0 0 20px;
    height: auto;
    width: 100%
}

    ul.accordion .inner li a:after {
        left: 0;
        top: 10px;
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border: 1px solid #d8dee4;
        transition: .3s ease-in-out
    }

ul.accordion .inner li:hover a:after {
    border: 3px solid #0890fa;
    background: #fff
}

.sidebar .filter-box a.btn-fil {
    display: block;
    border: 1px solid #0890fa;
    color: #0890fa;
    line-height: 32px;
    font-weight: 600;
    border-radius: 30px;
    padding: 0 25px;
    text-align: center;
    width: 100%;
    height: auto
}

    .sidebar .filter-box a.btn-fil:hover {
        color: #fff;
        background: #0890fa
    }

.sidebar .map-box {
    overflow: hidden;
    border-radius: 10px;
    margin: 0 0 15px
}

.sidebar .side-price {
    text-align: center;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #d1deef
}

    .sidebar .side-price span.s-offer {
        line-height: 20px;
        border-radius: 30px;
        color: #ff5a11;
        background: #f1e8e7;
        font-weight: 600;
        display: inline-block;
        padding: 2px 15px;
        margin-bottom: 8px
    }

    .sidebar .side-price .price-holder {
        display: block;
        padding: 0;
        margin: 0
    }

        .sidebar .side-price .price-holder span {
            display: inline-block;
            margin: 0
        }

            .sidebar .side-price .price-holder span.price {
                font-size: 20px;
                line-height: 28px;
                color: #0890fa;
                font-weight: 600
            }

    .sidebar .side-price span.dis-price {
        font-size: 16px;
        line-height: 28px;
        color: #989898;
        font-weight: 500;
        text-decoration: line-through;
        margin-left: 5px
    }

.scrollbar {
    height: 95px;
    overflow-y: scroll;
    margin-bottom: 0
}

.force-overflow {
    min-height: 110px
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #f5f5f5
}

#style-2::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ff9924
}

ul.check-list {
    justify-content: space-between;
    align-items: center;
    padding: 0 0 15px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

    ul.check-list li {
        margin: 0 0 5px;
        padding: 0 10px 0 0;
        list-style: none;
        font-size: 13px;
        line-height: 21px;
        color: #2a2a2a;
        width: 33%;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

span.tag-line {
    position: absolute;
    left: 15px;
    bottom: -20px;
    font-size: 11px
}

.fixed-header {
    top: 0;
    left: 0;
    width: 100%
}

.table > thead > tr > th {
    font-size: 14px;
    line-height: 40px;
    padding: 0 12px;
    font-weight: 400;
    border: 0
}

    .table > thead > tr > th:first-child {
        border-radius: 10px 0 0
    }

    .table > thead > tr > th:last-child {
        border-radius: 0 10px 0 0
    }

.table > tbody > tr > td {
    font-size: 16px;
    line-height: 1;
    color: #161b21;
    border: 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    padding: 10px 0
}

    .table > tbody > tr > td strong em {
        font-style: normal
    }

    .table > tbody > tr > td span {
        color: #787878;
        margin: 5px 15px 0 0;
        font-size: 14px;
        display: block;
        padding: 5px 12px !important
    }

        .table > tbody > tr > td span.booking-condi-btn {
            margin: 0;
            padding: 5px 0 !important;
            color: #0d6efd;
            font-weight: 300;
            cursor: pointer
        }

            .map-holder a:hover .map-img figure figcaption span, .table > tbody > tr > td span.booking-condi-btn:hover {
                color: #ff9924
            }

    .table > tbody > tr > td a, .table > tbody > tr > td button {
        text-align: center;
        display: block;
        color: #0890fa;
        border: 1px solid #fff;
        padding: 8px 10px;
        border-radius: 15px;
        font-size: 14px;
        outline: 0;
        background: 0 0
    }

        .table > tbody > tr > td a:hover, .table > tbody > tr > td button:hover, ul.booking-list li .booking-opt .right-box button.btn-booking:hover {
            color: #fff;
            border: 1px solid #0890fa;
            background: #0890fa
        }

.overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 9999
}

    .overlay:target {
        visibility: visible;
        opacity: 1
    }

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: 5s ease-in-out
}

.save-price, .table > tbody > tr > td > button.save-price {
    vertical-align: text-bottom;
    background: url(/main-root/images/icons/tick-icon.png) -1px -1px no-repeat;
    font-weight: 400
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma,Arial,sans-serif
}

.popup .close {
    top: -15px;
    right: -15px;
    transition: .2s;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    text-align: center
}

    .popup .close:hover {
        color: #06d85f
    }

.popup .content {
    max-height: 30%;
    overflow: auto
}

@media screen and (max-width:700px) {
    .box, .popup {
        width: 70%
    }
}

.descountDetail .booking-box, ul.booking-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    ul.booking-list li .top-box {
        background: #0890fa;
        width: 100%;
        display: flex;
        border-radius: 10px 10px 0 0;
        flex-wrap: wrap;
        justify-content: flex-start
    }

        ul.booking-list li .top-box span {
            font-size: 14px;
            color: #fff;
            font-weight: 400;
            line-height: 28px;
            padding: 10px 12px;
            display: block
        }

            ul.booking-list li .top-box span.date-opt {
                width: 38%
            }

            ul.booking-list li .top-box span.note-opt {
                width: 18%
            }

            ul.booking-list li .top-box span:nth-child(3) {
                width: 27%
            }

            ul.booking-list li .top-box span.price-top {
                width: 37%
            }

    ul.booking-list li .booking-opt {
        padding: 0;
        border-bottom: 1px solid #ddd;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

        ul.booking-list li .booking-opt span {
            font-size: 14px;
            color: #000;
            font-weight: 400;
            line-height: 28px;
            padding: 10px 12px;
            display: block
        }

        ul.booking-list li .booking-opt .left-box {
            width: 63%;
            display: flex
        }

            ul.booking-list li .booking-opt .left-box span.date-opt {
                width: 60.3%
            }

            ul.booking-list li .booking-opt .left-box span:nth-child(2), ul.final-booking-list li .booking-opt .left-box span.type {
                width: 28%
            }

            ul.booking-list li .booking-opt .left-box span.note-opt {
                width: 40%
            }

        ul.booking-list li .booking-opt .right-box {
            width: 37%;
            display: flex
        }

            ul.booking-list li .booking-opt .right-box span.price-opt {
                width: 70%;
                font-weight: 500
            }

                ul.booking-list li .booking-opt .right-box span.price-opt em {
                    color: #787878;
                    margin: 0 15px 0 0;
                    text-decoration: line-through;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400
                }

            ul.booking-list li .booking-opt .right-box button.btn-booking, ul.booking-list li .booking-opt .right-box a.btn-booking {
                width: 100%;
                text-align: center;
                display: inline-block;
                color: #0890fa;
                border: 1px solid #fff;
                border-radius: 30px;
                font-size: 15px;
                padding: 0 16px;
                outline: 0;
                height: 32px;
                line-height: 32px;
                margin: 8px 0 0;
                background: #f0f0f0;
            }

ul.tab-content {
    margin: 0 0 15px;
    padding: 0
}

    ul.tab-content li {
        list-style: none;
        padding: 0 0 0 15px;
        margin: 0
    }

        ul.tab-content li:after {
            background: #ff9924
        }

.content-sec ol {
    margin: 0 0 10px 15px
}

ul.insurance-opt {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

    ul.insurance-opt li {
        width: 25%;
        position: relative;
        padding: 0;
        list-style: none
    }

        ul.insurance-opt li .icon-box {
            text-align: center;
            display: block;
            border-right: 1px solid #ffe0bd;
            padding: 0 0 10px
        }

        ul.insurance-opt li:last-child .icon-box {
            border: 0
        }

        ul.insurance-opt li .icon-box .img-holder {
            margin: 0 0 10px
        }

            ul.insurance-opt li .icon-box .img-holder img {
                width: 70px
            }

        .descountDetail .text-holder h5, ul.insurance-opt li .icon-box h4 {
            font-size: 18px;
            margin: 0 0 10px
        }

        ul.insurance-opt li .icon-box .text-holder {
            padding: 0 35px
        }

        ul.insurance-opt li .icon-box p {
            color: #000;
            font-size: 14px
        }

.save-price {
    display: inline-block;
    border: 1px solid #00c853;
    border-radius: 15px;
    padding: 0 30px 0 35px;
    margin: 0 0 0 15px;
    color: #000
}

.facli-box, .more-box {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 15px;
    min-height: 163px
}

    .facli-box h3, .more-box h3 {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 28px
    }

    .more-box p {
        margin: 0;
        line-height: 32px;
        font-size: 13px
    }

.table > tbody > tr > td > button.save-price {
    border: 1px solid #00c853;
    border-radius: 15px;
    padding: 4px 30px 4px 35px;
    margin: 7px 0 5px;
    color: #000;
    width: 170px;
    display: block
}

.modal.fade.in .lab-modal-body {
    bottom: 0;
    opacity: 1
}

.lab-modal-body p {
    margin: 0 0 10px;
    line-height: 22px;
    font-size: 14px;
    color: #000
}

    .lab-modal-body p img {
        float: right
    }

.lab-modal-body {
    position: relative;
    bottom: -250px;
    margin: 100px auto 0;
    padding: 40px;
    max-width: 60%;
    height: auto;
    background-color: #f8faf7;
    border: 1px solid #bebebe;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out,bottom .3s ease-out;
    -moz-transition: opacity .3s ease-out,bottom .3s ease-out;
    -o-transition: opacity .3s ease-out,bottom .3s ease-out;
    transition: opacity .3s ease-out,bottom .3s ease-out
}

.close {
    margin-top: -20px;
    margin-right: -20px;
    text-shadow: 0 1px 0 #fff
}

.popup-button {
    margin-top: 70px
}

.descountDetail .lab-modal-body {
    border-radius: 20px;
    border: 3px solid rgba(0,0,0,.2);
    background: #fff;
    padding-bottom: 15px
}

.descountDetail .img-holder {
    width: 13%
}

.descountDetail .text-holder {
    width: 87%
}

.descountDetail h4 {
    text-align: center;
    background: #f1f1f1;
    margin: -40px -40px 20px;
    padding: 10px 0;
    font-size: 20px;
    line-height: 32px;
    border-radius: 15px 15px 0 0
}

.descountDetail button.close {
    margin: 0;
    width: 20px;
    height: 20px;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    color: #fff;
    font-weight: 400
}

.terms-condition .text-holder {
    min-height: 300px
}

ul.search-criteria {
    margin: 0;
    padding: 30px 0 10px
}

    ul.search-criteria li {
        list-style: none;
        padding: 3px 0;
        margin: 0;
        display: block;
        font-size: 14px;
        line-height: 20px
    }

        ul.search-criteria li span {
            display: inline-block;
            width: 110px
        }

ul.final-booking-list {
    margin: 0 0 35px;
    padding: 0
}

    ul.final-booking-list li {
        list-style: none;
        margin: 0;
        padding: 0
    }

        ul.final-booking-list li .top-box {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            background: #0890fa;
            border-radius: 10px 10px 0 0
        }

            ul.final-booking-list li .top-box span {
                font-size: 14px;
                line-height: 40px;
                color: #fff;
                padding: 0 10px
            }

                ul.final-booking-list li .top-box span:first-child {
                    width: 17%
                }
                ul.final-booking-list li .top-box span:nth-child(5) {
                    width: 15%
                }

                ul.final-booking-list li .top-box span:nth-child(4) {
                    width: 15%
                }
                ul.final-booking-list li .top-box span:nth-child(2) {
                    width: 23%
                }
                ul.final-booking-list li .top-box span:nth-child(3) {
                    width: 30%
                }

                ul.final-booking-list li .top-box span:nth-child(6) {
                    width: 10%;
                    text-align: center
                }

        ul.final-booking-list li .booking-opt {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            border-bottom: 1px solid #9b9b9b
        }

            ul.final-booking-list li .booking-opt .left-box {
                width: 40%;
                padding: 6px 0
            }

                ul.final-booking-list li .booking-opt .left-box span, ul.final-booking-list li .right-box span {
                    font-size: 14px;
                    padding: 0 10px;
                    line-height: 18px;
                    color: #000;
                    display: inline-block;
                    vertical-align: top
                }

.modal-body button.CloseBtn span {
    display: block !important
}

ul.final-booking-list li .booking-opt .left-box span.basis {
    width: 42%
}

ul.final-booking-list li .booking-opt .left-box .b-condi {
    display: inline-block;
    width: 57%;
    vertical-align: top
}

    ul.final-booking-list li .booking-opt .left-box .b-condi span.booking-condi-btn {
        display: block;
        cursor: pointer;
        color: #0890fa
    }

        ul.final-booking-list li .booking-opt .left-box .b-condi span.booking-condi-btn:hover {
            color: #0d6efd
        }

ul.final-booking-list li .right-box {
    width: 60%;
    padding: 6px 0
}

    ul.final-booking-list li .right-box span.occupancy {
        width: 49.5%
    }

    ul.final-booking-list li .right-box .price-box {
        width: 21%;
        display: inline-block
    }

        ul.final-booking-list li .right-box .price-box span.price {
            font-weight: 500;
            font-size: 15px;
            display: block;
            margin-bottom: 4px
        }

        ul.final-booking-list li .right-box .price-box span.price-tax {
            display: block;
            margin-bottom: 4px
        }

        ul.final-booking-list li .right-box .price-box button.save-price {
            font-size: 14px;
            padding: 0 20px 0 30px;
            margin: 0 0 0 10px
        }

ul.final-booking-list li .form-row {
    border: 0;
    border-radius: 50px;
    height: 29px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 18%;
    display: inline-block;
    text-align: center;
    vertical-align: top
}

ul.final-booking-list li .form-input {
    -webkit-appearance: none;
    appearance: none;
    outline: 0
}

    ul.final-booking-list li .form-input::before {
        content: '';
        cursor: pointer;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    ul.final-booking-list li .form-input:checked::before {
        background: 0 0
    }

    ul.final-booking-list li .form-input::after {
        content: '';
        cursor: pointer;
        height: 15px;
        border-radius: 50px;
        border: 2px solid #0890fa;
        left: 10%;
        position: absolute;
        top: 48%;
        transform: translate(0,-50%);
        width: 15px;
        background: #fff
    }

    ul.final-booking-list li .form-input:checked::after {
        background: #ff9924;
        border-color: #0d6efd
    }

ul.final-booking-list li .form-label {
    color: #000;
    font-size: 15px;
    margin: 0 5px 0 0;
    line-height: 29px;
    z-index: 1;
    position: relative;
    pointer-events: none
}

ul.final-booking-list li .form-input:checked ~ ul.final-booking-list li .form-label {
    color: #fff;
    position: relative
}

.modal {
    z-index: 99999
}

.visa-price-table ul.booking-list li .top-box span.note-opt {
    width: 25%
}

.map-holder {
    background: #f5fbff;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 20px
}

    .map-holder a {
        display: block
    }

        .map-holder a .map-img figure {
            margin: 0;
            position: relative
        }

            .map-holder a .map-img figure figcaption {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 20px;
                text-align: center
            }

                .map-holder a .map-img figure figcaption span {
                    position: relative;
                    font-size: 16px;
                    line-height: 30px;
                    font-weight: 600;
                    display: block;
                    color: #0890fa
                }

                    .map-holder a .map-img figure figcaption span:after {
                        content: '';
                        position: absolute;
                        left: 45%;
                        top: -58px;
                        width: 31px;
                        height: 70px;
                        background: url(/main-root/images/common-images/map-pin.webp) 0 0/100% no-repeat;
                        filter: brightness(0) saturate(100%) invert(32%) sepia(88%) saturate(1815%) hue-rotate(190deg) brightness(107%) contrast(96%)
                    }

        .map-holder a:hover .map-img figure figcaption span:after {
            filter: brightness(0) saturate(100%) invert(60%) sepia(42%) saturate(1203%) hue-rotate(342deg) brightness(109%) contrast(102%)
        }

.modal-dialog.map-modal {
    width: 1240px
}

    .modal-dialog.map-modal .modal-content {
        padding: 15px
    }

.pin-holder .img-holder {
    float: left;
    width: 200px;
    margin: 0
}

    .pin-holder .img-holder figure, ul.review-slide .draggable {
        overflow: hidden
    }

        .pin-holder .img-holder figure img {
            width: 200px;
            height: 170px;
            object-fit: cover
        }

.pin-holder .text-holder {
    overflow: hidden;
    text-align: left;
    padding: 10px 10px 0 15px
}

    .pin-holder .text-holder span.star {
        display: block;
        height: 14px;
        background: url(/main-root/images/icons/star-fill.webp) repeat-x;
        margin: 0 0 7px
    }

.star-1 {
    width: 15px
}

.star-2 {
    width: 30px
}

.star-3 {
    width: 43px
}

.star-4 {
    width: 55px
}

.star-5 {
    width: 71px
}

.pin-holder .text-holder h3 {
    font-size: 16px;
    margin: 0 0 10px
}

.pin-holder .text-holder p {
    font-size: 12px;
    line-height: 1;
    margin: 0 0 10px;
    color: #000
}

.pin-holder .text-holder span.price {
    font-weight: 600;
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    color: #0890fa
}

.pin-holder .text-holder strong.save-price {
    margin: -5px 0 0;
    padding: 5px 13px 3px 28px;
    font-weight: 500
}

.gm-style-iw.gm-style-iw-c {
    padding: 0 !important
}

.gm-style-iw-d {
    overflow: hidden !important
}

.gm-ui-hover-effect {
    display: none !important
}

.whatsapp-offer {
    background: #01ca56;
    padding: 15px;
    margin: 20px 0 0;
    border-radius: 10px
}

    .whatsapp-offer h3 {
        margin: 0 0 10px;
        color: #fff;
        font-size: 20px;
        line-height: 26px
    }

    .whatsapp-offer table {
        margin: 0 0 5px;
        width: 100%
    }

        .whatsapp-offer table thead tr th {
            background: #80e5ab;
            color: #000;
            font-size: 14px;
            line-height: 24px;
            padding: 5px 10px;
            font-weight: 500
        }

        .whatsapp-offer table > thead > tr > th:first-child {
            border-radius: 10px 0 0 10px
        }

        .whatsapp-offer table > thead > tr > th:last-child {
            border-radius: 0 10px 10px 0
        }

        .whatsapp-offer table tbody tr td {
            color: #fff;
            font-size: 14px;
            line-height: 24px;
            padding: 5px 10px;
            border: 0
        }

        .whatsapp-offer table > tbody > tr > td a {
            display: block;
            border: 0;
            text-align: left;
            padding: 0 0 0 25px;
            border-radius: 0;
            color: #fff;
            background: url(/main-root/images/icons/h-icon-3.png) no-repeat
        }

            .whatsapp-offer table > tbody > tr > td a:hover {
                filter: brightness(0) saturate(100%) invert(40%) sepia(38%) saturate(4259%) hue-rotate(185deg) brightness(100%) contrast(102%)
            }

    .whatsapp-offer p {
        font-size: 13px;
        border-top: 1px solid #80e5ab;
        color: #fff;
        margin: 0;
        padding: 10px 0 0
    }

.FlightProgress {
    background: #0098f6;
    height: 6px;
    position: absolute;
    top: 0;
    left: 0
}

    .FlightProgress::after {
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        animation: 2s infinite progress-active
    }

@keyframes progress-active {
    0% {
        opacity: .4;
        width: 0
    }

    100% {
        opacity: 0;
        width: 100%
    }
}

.show-tip {
    position: absolute;
    right: 0;
    background: #f5f5f5;
    border: 1px solid #d7d7d7;
    border-radius: 15px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    color: #000;
    top: -3px
}

.content-sec figure.image, .umh-duration-sec figure.image {
    width: 50% !important;
    margin: 0 -15px 30px;
    display: inline-block
}

    .content-sec figure.image img, .umh-duration-sec figure.image img {
        width: 98%;
        padding: 0 15px
    }

.content-sec figure.table table {
    width: 100%;
    border: 1px solid #ddd;
    max-width: 100%
}

    .content-sec figure.table table tr td {
        white-space: nowrap
    }

.content-sec figure.table {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrol0lbar;
    border: 1px solid #ddd
}

.content-sec table tr th {
    background: #0890fa;
    color: #fff !important
}

.content-sec table tr td, .content-sec table tr th {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 10px;
    color: #000;
    border: 1px solid #ddd !important
}

a.btn-visainfo, a.btn-whatsapp {
    vertical-align: top;
    border-radius: 50px;
    display: inline-block
}

a.btn-whatsapp {
    background: #25d366;
    width: 35px;
    height: 30px;
    padding: 3px 5px 4px 6px;
    margin: 9px 6px 0 0
}

a.btn-visainfo {
    width: 37px;
    height: 37px;
    padding: 0;
    margin: 9px 10px 0 0
}

ul.booking-list li .modal-header {
    padding: 15px;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

ul.booking-list li .company-detail {
    display: flex;
    width: 40%;
    align-items: center
}

    ul.booking-list li .company-detail img {
        display: inline-block
    }

    ul.booking-list li .company-detail h3 {
        padding: 0 0 0 15px;
        overflow: hidden;
        display: inline-block;
        font-size: 16px;
        margin: 0;
        line-height: 26px;
        color: #737373;
        font-weight: 500
    }

ul.booking-list li .price-side {
    display: flex;
    align-items: center
}

    ul.booking-list li .price-side span {
        color: #0890fa;
        font-size: 18px;
        font-weight: 600;
        display: block;
        text-align: center;
        line-height: 26px
    }

        ul.booking-list li .price-side span em {
            font-style: normal;
            text-decoration: line-through;
            display: block;
            font-size: 15px;
            line-height: 20px;
            color: #737373
        }

    ul.booking-list li .price-side a, ul.booking-list li .price-side button {
        display: inline-block;
        border: 1px solid #0890fa;
        color: #fff;
        background: #0890fa;
        border-radius: 20px;
        font-size: 15px;
        line-height: 26px;
        width: 102px;
        text-align: center;
        font-weight: 600;
        margin-left: 20px;
        cursor: pointer
    }

        .price-side button:hover, ul.booking-list li .price-side a:hover {
            background: #2cdcec;
            border-color: #2cdcec
        }

ul.booking-list li .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: -10px;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid #000
}

ul.booking-list li .modal-body {
    padding: 10px 15px 25px;
    border-top: 1px solid #ddd
}

    ul.booking-list li .modal-body p {
        margin-bottom: 5px
    }

    ul.booking-list li .modal-body h3 {
        font-size: 22px;
        margin: 7px 0 13px
    }

.key-facts ul li {
    list-style: none;
    padding: 0 20px 0 0;
    margin: 0 0 30px;
    width: 25%
}

.review-area {
    padding: 30px 0;
    background: #eff8ff
}

    .review-area h2 {
        font-size: 24px;
        line-height: 38px;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 400;
        color: #000;
        text-align: center
    }

ul.review-slide {
    margin: 0 15px;
    padding: 0
}

    ul.review-slide li {
        float: left;
        padding: 0 15px;
        margin: 0;
        list-style: none
    }

        ul.review-slide li .review-box {
            background-color: #fff;
            padding: 30px 20px 20px;
            border-radius: 10px;
            min-height: 320px;
            margin-bottom: 10px
        }

            ul.review-slide li .review-box .review-detail {
                padding: 10px 0 0;
                min-height: 345px
            }

                ul.review-slide li .review-box .review-detail img {
                    width: 100%;
                    height: 170px;
                    object-fit: cover;
                    margin-bottom: 10px
                }

                ul.review-slide li .review-box .review-detail p {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 7;
                    line-clamp: 7;
                    -webkit-box-orient: vertical
                }

.customer-profile p {
    font-weight: 600;
    margin-bottom: 0
}

.activity-box {
    padding: 15px 0 0;
    margin: 0 0 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .activity-box .img-holder,
    .activity-box .text-holder {
        width: 48% !important; /* Desktop view: side-by-side */
    }

    .activity-box.right-img .img-holder {
        order: 2; /* Changes order only on desktop if needed */
    }

    .activity-box .img-holder figure {
        display: block;
    }

        .activity-box .img-holder figure img {
            width: 100% !important;
            height: auto; /* Maintain aspect ratio */
            display: block;
        }

.content-sec p a.btn-activity {
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    font-size: 15px;
    padding: 0 16px;
    outline: 0;
    height: 32px;
    line-height: 32px;
    margin: 0;
    background: #0890fa;
    text-decoration: none;
}

    .content-sec p a.btn-activity strong {
        color: #fff;
        font-weight: normal;
    }

    .content-sec p a.btn-activity:focus,
    .content-sec p a.btn-activity:hover {
        background: #001848;
        color: #fff;
    }

.key-facts h3 {
    margin: 0 0 25px
}

.key-facts ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.fliter-select, .opt3-holder {
    flex-wrap: wrap;
    display: flex
}
/* .key-facts {
    margin-top: 30px;
} */
/* 
.key-facts ul li {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0 0 10px;
    width: 16.6%;
    text-align: left
} */

.key-facts ul li figure {
    margin: 0 0 10px
}

.key-facts ul li h6 {
    font-size: 18px;
    margin: 0 0 5px
}

.key-facts ul li p {
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

/* --- Mobile Responsive Fix --- */
@media only screen and (max-width: 768px) {
    .activity-box {
        padding: 0 !important; /* Mobile: remove padding */
        margin: 0 !important; /* Mobile: remove margin */
    }

        .activity-box .img-holder,
        .activity-box .text-holder {
            width: 100% !important; /* Mobile view: stack vertically */
            margin-bottom: 10px; /* Space between stacked items */
        }

        .activity-box.right-img .img-holder {
            order: 0; /* Reset order on mobile */
        }
}