@import url(/Content/css/variable.css);

.card.card-special,
.card.card-special.theme-segment {
    margin: 5px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0
}
.imageiclusion-iconsdiv {
    width: auto;
    height: 24px !important;
    object-fit: initial !important;
}
.card-package-visit .theme-section-banner,
.det-homebanner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}
.aminities-list .ellipsis {
    margin: 0 5px 11px 0px;
    font-size: 12px;
    padding: 4px 4px;
    border-radius: 4px;
    display: inline-block;
    color: #45596c;
    border: 1px dashed #ccd5de;
}
.advertise-banner,
.card-image-wrap,
.dest-strt,
.pack-section .pack-sec-start {
    position: relative
}
.destination-content-card {
    position: relative;
    z-index: 4;
    text-align: left;
}

.destination-frm::before {
    position: absolute;
    top: 1rem;
    left: -0.5rem;
    content: '';
    background: var(--brand-color);
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
}

.destination-frm::after {
    position: absolute;
    content: attr(data-label);
    top: -7px;
    left: -14px;
    padding: 0.5rem;
    width: 10rem;
    background: var(--brand-color);
    color: white;
    text-align: center;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
    font-size: 13px;
}

.page-header h1 {
    font-size: 23px;
    display: block;
    padding-bottom: 12px;
    color: #fff
}

.Msonormal {
    text-align: justify;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.card-package-readless #myBtn {
    color: #fff
}

#crd-pacakge-more {
    display: none
}

.det-homebanner {
    width: 100%;
    padding: 96px 0 15px 0;
    background-attachment: fixed;
}
.tablepackage-seelingdec {
    background: #fff;
    border-radius: 10px;
    padding: 7px;
}
.tablefont-price {
    color: var(--brand-color) !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    margin-bottom: 0 !important;
}
.destination-overviewdetails p {
    font-size: 15px;
    color: #000;
    line-height: 1.8;
    font-weight: 400;
    text-align: justify;
}
.headingheader-dest h4 {
    color: #3e3e3e;
    margin-bottom: 0;
    font-weight: 400;
}
.headingheader-dest {
    background: none !important;
    padding: 13px 17px;
}
.details-des i {
    background: #cd2c22;
    padding: 7px;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
}
.dest-header h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase
}

ul.activities-flex li {
    list-style: none;
    border: 1px solid #ddd;
    padding: 10px 20px;
}

    .crd-voucher h1 {
        font-size: 70px;
        color: #fff;
        text-transform: uppercase;
    }

        .crd-voucher h1 span {
            font-weight: 900;
        }

    .crd-voucher p {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
    }

.destination-frm .frminput {
    border-radius: 6px;
    margin-bottom: 14px;
    height: 45px;
    border: 1px solid #9f8787;
    padding-left : 35px;
    position  : relative;
}
    .destination-frm .frminput::placeholder{
        color : #000;
        font-size : 14px;
        font-weight: 400;
    }

    .destination-frm .frmslct {
        border-radius: 6px;
        margin-bottom: 14px;
        height: 55px;
    }

.dest-header p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    max-width: 400px;
    margin: auto
}

.card-address .rt-stars {
    position: relative;
    vertical-align: top;
    color: #fbc40f;
    display: inline-block;
    margin-right: 5px
}

.card.card-special {
    border: none;
}

.crd-btn a:hover {
    background-color: var(--secondary-color);
    color: #fff
}
.crd-btn a {
    padding: 10px 11px !important;
    background: var(--primary-color) !important;
    color: #fff;
    border-radius: 12px;
    font-size: 16px !important;
    font-weight: 400;
    margin-top: 10px;
}
.destination-frm {
    padding: 35px;
     border-radius: 10px; 
    background: #fff !important;
}

    .destination-frm .frm-header h3 {
        color: #000;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 28px;
        font-size: 19px;
    }

    .destination-frm .frm-header p {
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        padding: 0 35px;
    }

.quote-btn button {
    background-color: var(--primary-color);
    color: #fff;
    padding: 11px;
    font-size: 18px;
}



.destination-content-card .crd-voucher h3 {
    color: #ffffff;
    font-size: 40px;
    padding-left: 30px;
    display: inline;
    font-weight : 400;
}
    .destination-content-card .crd-voucher h3 span {
        color: #f8b509;
    }

section.destination-sec {
    margin-top: 31px !important;
}
.destination-content-card .crd-voucher p {
    color: #ffffff;
    padding-left: 33px;
    font-weight: 400;
}
.destination-content-card .tourist-wooks .activities-flex {
    display: flex;
    color: #ffffff;
    justify-content: start;
    gap: 20px;
    text-align: center;
    flex-wrap : wrap;
}

.quote-btn button:hover {
    background-color: var(--primary-color);
    color: #fff;
    border: 2px solid #fff;
}

.frm-header {
    font-size: 18px
}

.destination-frm .frmlabel {
    margin: 10px 0;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.frminput::placeholder {
    font-size: 12px;
    color: #000;
    font-weight: 400
}

.destination-frm .frmslct {
    margin-bottom: 10px;
    font-size: 12px
}

.destination-frm .option {
    margin-bottom: 10px
}

.header h2 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 7px;
    text-transform: capitalize;
}

.card-spcl-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    transition: .1s
}

.card-special-about {
    background: #fff;
    padding: 20px 10px
}

.card-details-wrap .card-about .crd-header h5,
.crd-header h5 {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 5px;
    max-height: calc(1 * 17px * 1.5);
    overflow: hidden;
    margin-bottom: 11px;
}
.banner-offer-images .owl-nav{
    display : none;
}

.card-address strong {
    color: var(--primary-color);
    font-size: 12px
}

.desti-crd h4 {
    color: #000;
    font-size: 13px
}

.card-details-wrap .crd-btn a,
.crd-btn a {
    padding: 5px 16px;
    background: var(--primary-color);
    font-size: 11px;
    color: #fff
}

.card-special-image {
    overflow: hidden
}

.card-spcl-img:hover,
.pack-section .pack-sec-start .pack-img img:hover {
    transform: scale(1.1)
}

.card-special-about .price {
    color: #4caf50;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 0
}

.flight-popular-segment {
    display: flex;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    padding: 13px 10px 5px;
    border-radius: 12px;
    margin: 10px 4px
}

    .flight-popular-segment .flight-segment-img img {
        height: 60px;
        width: 60px !important;
        object-fit: cover;
        border-radius: 8px
    }

    .flight-popular-segment .flight-segment-contant h5 {
        color: #3a3a3a;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.56;
        margin-bottom: 5px
    }

    .flight-popular-segment .flight-segment-contant p {
        font-size: 13px;
        color: #000;
        font-weight: 400
    }

        .flight-popular-segment .flight-segment-contant p span {
            color: #4caf50;
            font-weight: 900;
            font-size: 14px;
            margin-bottom: 0
        }

    .flight-popular-segment .flight-segment-contant {
        margin: 0 12px
    }

.card-themes-about .flcard-themes h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    font-family: cursive
}

.theme-segment .card-themes-about {
    padding: 13px 16px 5px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px
}

.card-package-visit .theme-section-banner {
    background-image: url(/Content/images/themes/themebanner.png);
    width: 100%;
    padding: 50px 0;
    border-radius: 30px
}

    .card-package-visit .theme-section-banner .themeslider {
        max-width: 904px;
        margin: auto
    }

.theme-section-banner .theme-section-heading h4 {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    font-family: cursive
}

.theme-section-banner .theme-section-heading h5 {
    font-family: cursive;
    color: #ff004c;
    font-size: 24px
}

.theme-section-banner .themeslider {
    padding: 20px 0
}

/* .pack-sec-start:hover .pack-contant,
.pack-section:hover .pack-sec-start .pack-contant {
    position: absolute;
    bottom: 10px;
    left: 10px
} */

.pack-section .pack-sec-start .pack-img img {
    width: 100%;
    height: 225px;
    transition: .1s;
    object-fit: cover;
    opacity: .7
}

.pack-section .pack-sec-start .pack-img {
    overflow: hidden;
    background-color: #000
}

.pack-section:hover .pack-sec-start .pack-contant {
    bottom: 15px;
    left: 10px;
    transition: .5s
}

.pack-section .pack-sec-start .pack-contant {
    position: absolute;
    bottom: -65px;
    left: 10px;
    transition: .5s
}

    .pack-section .pack-sec-start .pack-contant h4 {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin: 0
    }

    .pack-section .pack-sec-start .pack-contant span {
        color: #fff;
        font-size: 12px;
        font-family: cursive
    }

.card-special-about .blogs-post-text p {
    color: #000;
    font-weight: 400;
    text-align: left;
    font-size: 15px
}

.card-special-about .blogs-post-text h5 {
    color: #000;
    font-weight: 600;
    text-align: left;
    font-size: 17px
}



.blog-body,
.time-card {
    background-color: #fff
}



.advertise-content {
    position: absolute;
    bottom: 50px;
    right: 220px
}

    .advertise-content h3 {
        color: #fff;
        font-size: 23px;
        font-weight: 700
    }

.advertise-avail h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.card-flight-about {
    padding: 8px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.card-hotel-box .card-hoteldata .card-details-wrap,
.flight-segment .card-flight-about > div {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.aminities-list {
    display: flex;
    margin-left: -28px;
    justify-content: space-between;
    margin-bottom : 0px;
}

     .aminities-list li {
        list-style: none;
    }
        .aminities-list li span .icon {
            padding-right: 19px;
            font-size: 19px;
            /* color: var(--primary-color); */
            color: #fff;
        }
        .aminities-list li span .active {
            color: #fff;
        }

.pacakge-datils-entry .crd-btn {
    width: 50%;
    margin: 0 2px;
}
    .pacakge-datils-entry .crd-btn a {
        width: 100%;
        border-radius: 10px;
    }
    .flight-segment .card-flight-about > div h4 {
        font-weight: 600;
        margin-bottom: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.flight-segment .card-flight-about .flcard-flight h4 {
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-size: 14px
}

    .flight-segment .card-flight-about .flcard-flight h4 small {
        font-weight: 400;
        line-height: 1;
        font-size: 12x;
        color: #999
    }

.card-details-wrap .card-about .price-contant p,
.card-flight-about .price-contant p {
    color: var(--brand-color);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}
.cardhotel-list-start {
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}
.card-popular-hotels {
    position: relative;
    margin: 10px 0px;
    text-decoration: none;
}
.card-image-wrap {
    position: relative;
}

    .card-flight-about .price-contant p span {
        color: var(--secondary-color)
    }

.pacakge-card-view {
    border: none;
    padding: 10px;
    background: #fff;
    border-radius: 14px;
}
.banner-offer-images .slider-images {
    width: 100%;
    border-radius: 18px;
    height: 237px;
    object-fit: cover;
}
    .pacakge-card-view .package-card-img img {
        height: 257px;
   
        object-fit: cover;
        border-radius: 10px;
    }

    .pacakge-card-view .pacakge-datils-entry .crd-header h5 {
        font-size: 16px;
        color: #000;
        font-weight: 500 !important;
        line-height: 1.4;
        margin : 0px;
    }
.descriptopn-package-div p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 7px;
}

.pacakge-card-view .pacakge-datils-entry .card-address span {
    font-size: 14px;
    color: #12213b;
    font-weight: 500;
}

    .pacakge-card-view .pacakge-datils-entry .card-address {
        line-height: 30px
       
    }

.pacakge-card-view .pacakge-datils-entry .price-contant p {
    color: var(--brand-color);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}

.pacakge-card-view .pacakge-datils-entry .price-contant span {
    color: #000;
    font-size: 16px;
    margin: 3px 0;
    font-weight: 400;
}
.card-activity .list-activity li::after {
    content: "";
    position: absolute;
    background-color: var(--secondary-color);
    width: 2px;
    height: 17px;
    left: 0;
    top: 50%;
    margin-top: -8px;

}

.card-activity .list-activity li:nth-child(1)::after {
    display: none !important;
}

.card-activity .list-activity li:nth-child(1) {
    padding-right: 12px !important;
    margin-right: 4px !important;
    padding-left: 0 !important;
}
    .pacakge-card-view .pacakge-datils-entry .ratings-star p {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0
    }

    .pacakge-card-view .pacakge-datils-entry .ratings-star .rating-box .frmlabel {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        margin: -1px
    }

.time-card {
    position: absolute;
    top: 15px;
    padding: 6px;
    border-radius: 18px;
    left: 15px;
    color: #000;
    -webkit-box-shadow: 0 7px 16px 0 rgba(9, 28, 58, .07);
    box-shadow: 0 7px 16px 0 rgba(9, 28, 58, .07);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px
}

    .time-card img {
        height: 20px;
        width: 20px !important;
        min-height: inherit;
        -o-object-fit: inherit;
        object-fit: inherit
    }

.blog-body {
    padding: 0;
    border-radius: 5px;
    margin: 0;
    -webkit-box-shadow: 0 7px 16px 0 rgba(9, 28, 58, .07);
    box-shadow: none;
    position: relative
}

    .blog-body a {
        margin-top: 10px;
        font-weight: 600;
        line-height: 19px;
        font-size: 15px;
        color: #000;
        text-decoration: none;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

.card-popular-hotels {
    position: relative;
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}
.card-hoteldata .crd-header h5 {
    font-size: 18px;
    line-height: 1.6;
    color: #000;
    line-height: 1.3;
}
.detail.ellipsis-container .ellipsis {
    margin: 0 5px 5px 0px;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    color: #45596c;
    border: 1px dashed #ccd5de;
}

.flight-footer {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.discounthotel-badge {
    background: var(--brand-color);
    color: #fff !important;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 14px;
}

/*.iconsdivfontemail{
    color: var(--secondary-color);
   
}*/
.inconscontact-settleone {
    position: absolute;
    top: 11px;
    left: 10px;
}
.formdiv-first{
    position : relative;
}
.star-rates {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 11px;
    letter-spacing: 3px;
}
    .star-rates .fa-solid.active {
        color: #ffa31a;
    }
.rat-reviews {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 2px;

}
    .rat-reviews span {
        margin-left: 3px;
        color: #455873;
        font-size: 12px;
        font-weight: 400;
    }
.low-price .tag-span {
    font-size: 13px;
    font-weight: 400;
    color: #5f7388;
}
.hotelstuck-price {
    color: var(--brand-color);
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}
.activity-list-section {
    padding: 10px;
    background: #fff;
    border-radius: 11px;
}
.card-image-wrap {
    position: relative;
}
.hotel-img {
    object-fit: cover;
    height: 200px;
    border-radius: 13px;
}
.activity-list-section .cross-shadow-ribbon {
    position: absolute;
    background: #EA4335;
    top: -24px;
    padding: 10px;
    margin-left: 15px;
    color: #FFF;
    border-radius: 0 0 2px 2px;
}
    .activity-list-section .cross-shadow-ribbon:before {
        content: "";
        position: absolute;
        left: -15px;
        right: 0;
        top: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-bottom: 15px solid #A42F25;
        border-left: 15px solid transparent;
    }
.card-hotel-box {
    display: flex;
    justify-content: center;
    width: 100%;
}
.card-hoteldata .crd-header h4 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    min-height: 21px;
}
.card-hotel-box .card-hoteldata .card-details-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card-hoteldata {
    /* background: #fff; */
    padding: 18px 12px 12px 12px;
  
    width: 100%;

    border-radius: 5px;
}
.hotel-img {
    object-fit: cover;
    height: 200px
}

/*.card-hotel-box {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: -27%;
    width: 100%
}*/

/*.card-hoteldata {
    background: #fff;
    padding: 15px 12px 1px;
    box-shadow: 0 -2px 19px 0 rgba(0, 0, 0, .16);
    width: 90%;
    margin: auto;
    border-radius: 5px;
    position: relative;
}*/
.details-des {
    position: absolute;
    right: 17px;
    top: 60%;

}

.card-details-wrap .card-about .card-address strong {
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 400;
}
.card-activity .list-activity {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-left: 0;
    font-size: 80%;
    /*margin-bottom: 6px;*/
}
    .card-activity .list-activity li {
        float: left;
        list-style: none;
        line-height: 1;
        color: #3e3e3e;
        font-size: 13px;
        font-weight: 400;
        position: relative;
        padding: 0 12px !important;
        margin-bottom: 10px !important;
        margin: 1.5px 0;
        margin-right: 4px;
    }
.ondemandpack-color {
color : var(--brand-color) !important;
}


.package-iclusion-overlay {
    position: absolute;
    bottom: 0;
    /*  background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);*/
    background: rgb(56 53 53);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 1;
    color: white;
    font-size: 20px;
    padding: 12px 20px;
    text-align: center;
    border-radius: 0px 0 16px 16px;
}
.imageiclusion-iconsdiv {
    height: 19px !important;
    border-radius: 0 !important;
    filter: invert(1);
    object-fit : initial !important;
    width : auto !important;
}

.tablepackage-seelingdec .imageiclusion-iconsdiv {
    filter: invert(0);
    object-fit: initial !important;
}
.card-details-wrap .card-about .price-contant p span {
    color: #000;
    font-size: 13px;
    margin: 3px 12px;
    font-weight: 600;
}

.tp-dest {
    padding: 50px 0;
    background: #f2f2f2;
    margin: 30px 0
}

.dest-con {
    position: absolute;
    bottom: 10px;
    left: 12px
}

    .dest-con h4 {
        color: #fff;
        font-size: 25px;
        font-weight: 700
    }

    .dest-con span {
        color: #fff;
        font-size: 13px;
        font-weight: 700
    }

.dest-img img {
    border-radius: 15px;
    width: 100%;
    height: 190px;
    object-fit: cover
}

.des-imgtwo {
    margin-top: 12px
}

.dest-img-cen img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    border-radius: 15px
}


.pacakges-description .table th {
    font-size: 16px;
    font-weight : 400;    
    padding : 12px 10px;
}
.pacakges-description .table td {
    font-weight: 400;
    font-size: 15px;
    color: #000;
    padding: 12px 10px;
}
.pacakges-description .table .tb-btn {
    color: var(--brand-color);
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
}

.travel-faq-section .accordion-button:not(.collapsed) {
    background: 0 0;
    border: none;
    color: #000;
    font-size: 17px;
    font-weight: 600
}

.travel-faq-section .accordion-button {
    color: #000;
    font-size: 17px;
    font-weight: 400
}

.travel-faq-section .accordion-body p {
    color: #000;
    font-size: 14px
}



.travel-faq-section .header h2 {
    padding-bottom: 0
}


.expert-sec .exper-sec-description {
    padding: 48px;
}

.expert-sec-banner {
    background-image: linear-gradient( black, transparent), url('/Content/images/Destination/expertise.jpg');
    width: 100%;
    background-position: center;
    background-size: cover;
}

.expert-sec .exper-sec-description .expert-con h2 {
    font-size: 34px;
    color: #000;
    font-weight: 400
}

.expert-sec .exper-sec-description .expert-con p {
    font-size: 14px;
    color: #b2b2b2
}

.expert-sec .exper-sec-description .expert-btn button {
    padding: 11px 24px;
    background-color: transparent;
    border: 1px solid #fe5246;
    color: #fe5246;
    width: 100%;
    margin-top: 40px
}
@media (max-width:769px) {
    .flight-popular-segment {
        flex-wrap: wrap
    }

    .advertise-content {
        position: absolute;
        bottom: 30px;
        right: 0;
        left: 20px
    }

    .flight-popular-segment .flight-segment-img img {
        height: 100px;
        width: 100% !important
    }

    .flight-popular-segment .flight-segment-contant p {
        font-size: 11px;
        color: #000;
        font-weight: 400
    }

        .flight-popular-segment .flight-segment-contant p span {
            font-size: 12px;
            font-weight: 400
        }
    .blogs-section .blog-sec-left .blog-sec-des .blog-con {
        font-size: 16px;
        font-weight: 400;
        color: #000;
        line-height: 1.5;
        margin-left: 5px;
        max-height:initial;
        overflow: hidden;
        margin-bottom: 0;
        margin-bottom: 11px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .blogs-section .blog-sec-left {
        display: flex;
        justify-content: space-between
    }

    .blogs-section .blog-sec-right .blog-sec-con .data,
    .blogs-section .blog-sec-right .blog-sec-con .main {
        margin-left: 0
    }

    .blogs-section .blog-sec-right {
        margin-top: 15px
    }
}

/* //destination listing page css start// */
.destination-detail-card .pop-touritem {
    position: relative;
    height: 100% !important;
    display: flex;
    flex-wrap: wrap;
}

.destination-detail-card .detail.ellipsis-container {
    color: #455873;
    font-size: 14px;
    padding-top: 3px;
}

.destination-detail-card .pop-touritem-bg .touritem-cnt {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 0 24px 16px;
}

.destination-detail-card .detail.ellipsis-container .ellipsis {
    margin: 0 5px 5px 0px;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    color: #45596c;
    border: 1px dashed #ccd5de;
}

.destination-detail-card .flight-footer {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}


.destination-detail-card .activities-flex {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #05264e;
}

    .destination-detail-card .activities-flex li {
        list-style: none;
    }

.destination-detail-card .popFlights-item-overHidden {
    position: relative;
    overflow: hidden;
    background: #000;
}

.destination-detail-card .flight-thumb-wrapper .popFlights-item-overHidden > img,
.destination-detail-card .flight-thumb-wrapper .popFlights-item-overHidden > img {
    transition: all ease 0.4s;
    opacity: 0.8;
}

.destination-detail-card .flight-thumb-wrapper:hover .popFlights-item-overHidden > img,
.destination-detail-card .flight-thumb-wrapper:focus .popFlights-item-overHidden > img {
    transform: scale(1.05);
}

.destination-detail-card .actv-wrap-ico i {
    font-size: 19px;
    color: #fff;
}

.destination-detail-card .actv-wrap-caps {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.destination-detail-card a {
    text-decoration: none;
}

.destination-detail-card .explot .city h4 span {
    font-size: 21px;
}

.destination-detail-card .price-contant p {
    color: #fff;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 0;
}

.destination-detail-card .price-contant span {
    color: #000;
    font-size: 13px;
    margin: 7px 12px;
    font-weight: 900;
}

.destination-list-start {
    background: #f1f5f8;
    padding: 50px 0;
}

    .destination-list-start .card-details {
        background-color: #fff;
        border: none;
        width: 100%;
        position: relative;
    }

.popFlights-item-overHidden .image {
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.destination-detail-card .touritem-middle {
    position: absolute;
    bottom: 10px;
}

    .destination-detail-card .touritem-middle .explot h4 span {
        color: #fff;
    }

.destination-detail-card .booking-wrapes {
    position: absolute;
    top: 25px;
    left: 15px;
}
/* //destination listing page css end// */


@media only screen and (max-width: 600px){
    .pacakges-description .table th {
        font-size: 12px;
        font-weight: 400;
        padding: 12px 10px;
    }
    .pacakges-description .table td {
        font-size: 12px;

    }
    .tablefont-price {
        font-size: 12px;
    }
    .pacakges-description .table .tb-btn {
        font-size: 12px;
    }
    .pacakge-datils-entry{
        margin-top: 17px;
    }
    .banner-offer-images .slider-images {
        width: 100%;
        border-radius: 18px;
        height: 105px;
      
    }
    .crd-btn a{
        margin-top: 13px;
    }
}



@media only screen and (max-width: 768px) {
   
    .card-activity .list-activity{
        display : none;
    }
    .pacakge-card-view{
        height : 536px;
    }
}

/*@media only screen and (max-width: 600px) {
    .det-homebanner {
        padding: 86px 6px 15px 22px;
    }

}*/
@media(max-width : 768px){
    .destination-content-card .crd-voucher h3 {
        font-size: 25px;
        padding-left: 0px;
    }
    .destination-content-card .crd-voucher p {
        padding-left: 0px;
        font-size: 14px;
        margin-top: 10px;
    }
    .destination-content-card .tourist-wooks .activities-flex{
        gap : 13px;
        padding : 0;
    }
    ul.activities-flex li {
        list-style: none;
        border: 1px solid #ddd;
        padding: 9px 11px;
        font-size : 11px;
    }
    .destination-frm .frm-header h3 {
        color: #000;
        font-weight: 400;
        text-transform: capitalize;
        margin-bottom: 28px;
        font-size: 19px;
        text-align  : left;
    }
    .destination-frm{
        padding : 15px;
        background : none;

    }

        .destination-frm .frminput {
            height: 67px;
            border: 1px solid #d1d1d1;
        }
        .destination-frm .frminput::placeholder {
            color: #000;
            font-size : 15px;
        }
    .inconscontact-settleone {
        position: absolute;
        top: 21px;
        left: 10px;
        font-size: 18px;
    }

}
.destination-frm .frminput:focus{
    border : 1px solid var(--primary-color);
    box-shadow : none;
}
.pacakgeslider .owl-nav{
    display : none !important;
}

/*//best selling package start//*/
.package_gridds {
    background: #fff;
    border-radius: 10px;
    margin: 20px 0px;
    padding: 10px;
    cursor : pointer;
}

.sr_no {
    background: #e51d10;
    padding: 4px 8px;
    display: inline-flex;
    border-radius: 6px;
    font-size: 9px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 6px;
}
.brd_right {
    border-right: 1px solid #d1d2d3;
}
span.title_gridds {
    color: #000;
    font-weight: 500;
    font-size : 17px;
}
span.Loca_names {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
.pricechangediv {
    color: var(--brand-color) !important;
    font-weight: 600 !important;
}
.filterimage-iclusionsss {
    filter: invert(0) !important;
    height: 19px !important;
    border-radius: 0 !important;
    object-fit: initial !important;
    width: auto !important;
}
.enquirydivdata-detail {
    color: var(--brand-color) !important;
    font-weight: 600 !important;
    text-decoration: none;
}
@media(max-width : 768px){
    .sr_no {
        background: #e51d10;
        padding: 2px 5px;
        display: inline-flex;
        border-radius: 6px;
        font-size: 8px;
        color: #fff;
        font-weight: bold;
        margin-left: 0px;
        margin-top: 6px;
    }
    .brd_right {
        border-right: 0;
  
    }
    span.title_gridds {
        color: #000;
        font-weight: 600 !important;
        font-size: 16px;
    }
    span.Loca_names {
        color: #000;
        font-size: 13px;
        font-weight: 400;
    }
    .pricechangediv {
        color: var(--brand-color) !important;
        font-weight: 600 !important;
        font-size: 15px !important;
    }
    .enquirydivdata-detail {
        color: var(--brand-color) !important;
        font-weight: 600 !important;
        text-decoration: none;
        font-size: 15px;
      /*margin-left : 60px;*/
    }
   
    .margindiv-style{
        margin-top : 3px;
    }
    .secondrow-destination{
        margin-bottom : 13px;
    }
    .secondrow-destination {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    .imageiclusion-iconsdiv {
        height: 19px !important;
       
    }
    .startingrow-style {
        margin-bottom: 4px !important;
    }

}
.secondrow-destination {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
}
.startingrow-style {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    /*padding-bottom: 13px;*/
}
/*//best selling package end//*/