.d-content div, .d-content span, .d-content p, .d-content h1, .d-content h2, .d-content h3, .d-content h4, .d-content h5, .d-content h6 {
    font-family: gt eesti pro display,Arial,sans-serif !important;
}

.patternheader {
    height: 65px
}

.breadcum-heading-left {
    font-weight: 400;
    font-size: 18px;
}

.PageSlider {
    margin-bottom: 15px;
}

.PageSlider .carousel-inner .item img {
    height: 400px;
    width: 100%;
    border-radius: 8px 8px 0 0
}

.PageSlider .carousel {
    position: relative;
    border-radius: 8px 8px 0 0;
    overflow: hidden
}

.PageSlider .carousel-control {
    width: 40px;
    height: 40px;
    top: 45%;
    background-image: none !important;
    box-shadow: unset;
    opacity: 1;
    font-size: 60px
}

    .PageSlider .carousel-control.left {
        left: 30px
    }

    .PageSlider .carousel-control.right {
        right: 30px
    }

.PageSlider .carousel-inner .item img {
    object-fit: contain;
    position: relative;
    z-index: 2
}

.PageSlider .carousel-inner .item .imgblur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: -1;
    filter: blur(6px);
}

.PageSlider .carousel-inner .item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.2);
    z-index: 1;
}

.addcart-common::after {
    content: 'Add To Cart'
}

.ProductHighlights {
    background-color: #fff;
    padding: 20px;
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.ProductNameReviews h1 {
    font-size: 24px;
    margin: 0
}

.ProReviews {
    color: #707070
}

.ProductNameReviews {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.IncludedTour {
    display: flex;
    align-items: center
}

    .IncludedTour .activiyIcoN {
        display: inline-block;
        height: 20px;
        width: 20px;
        margin-right: 10px
    }

.pro-banner-price {
    margin-top: -80px;
    position: relative;
    z-index: 1;
}


.TourPriceDiv img {
    margin-bottom: 10px;
}

.ProductPriceDiv {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
    border-radius: 8px;
    margin-top: -80px;
    text-align: right;
    width: max-content;
    display: flex;
    flex-direction: column;
    z-index: 1;
    row-gap: 6px;
    align-items: end;
    position: relative;
}

.TourPriceDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-transform: uppercase;
    color: var(--color1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.ProductPriceDiv a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    width: max-content
}

.PriceInline {
    font-size: 12px;
    color: #707070;
    display: flex;
    column-gap: 5px;
    align-items: center;
    line-height: normal;
}

.OrigionalPrice {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    color: #333;
    white-space: nowrap
}

.PriceInline .OrigionalPrice {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    width: auto
}

.PriceInline .strikePrice {
    text-decoration: line-through
}

.ProductPriceDiv .savePrice {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 5px;
}

.facilitylist ul {
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 15px
}

.facilitylist li {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

    .facilitylist li a {
        display: flex;
        align-items: center;
        column-gap: 6px;
        color: var(--color1);
    }

.detailcontainer {
    margin-bottom: 10px;
}

.informationbox {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 20px;
    display: inline-block;
    width: 100%
}

.facilitylist li i {
    display: flex;
    height: 20px;
    width: 25px
}

.ficon01 {
    background-position: 1px 0
}

.ficon02 {
    background-position: -27px 0
}

.ficon03 {
    background-position: -61px 0
}

.ficon04 {
    background-position: -93px 0
}

.ficon05 {
    background-position: -1px -31px
}

.ficon06 {
    background-position: -30px -31px
}

.ficon07 {
    background-position: -60px -31px
}

.ficon08 {
    background-position: -92px -31px
}

.ficon09 {
    background-position: -160px -66px;
    filter: contrast(100);
    background-size: 205px;
    width: 18px !important;
}

.gif-img {
    margin-top: 15px
}

.ratesBOX {
    box-shadow: 0 0 15px rgb(0 0 0 / 10%)
}

.rateoptiontbl .table > tbody > tr > td:first-child {
    max-width: 300px
}

.TourOP .checkbox.checkbox-inline {
    display: flex;
    align-items: center
}

.TourOP .checkbox::before {
    top: 2px
}

.TourOP .checkbox::after {
    top: 3px
}

.ComboOP .select_bx {
    width: 100%
}

    .ComboOP .select_bx i {
        top: 5px
    }

    .ComboOP .select_bx.checkbox::before {
        top: 10px
    }

.ComboOP .checkbox-inline.checkbox::after {
    top: 11px
}

.rateoptiontbl table tbody tr:hover {
    background-color: #fffbfa;
}

.THTitle {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.rateoptiontbl .table > tbody > tr > td {
    padding: 10px
}

.rateoptiontbl table .combo-rate-repeat td {
    vertical-align: top;
}

.touroptionname td {
    padding-left: 0 !important
}

.rateoptiontbl thead {
    background-color: #f5f5f5
}

    .rateoptiontbl thead tr th {
        position: relative;
        text-align: left;
        font-weight: 500;
        font-size: 14px;
        vertical-align: middle;
        border-bottom: 1px solid #eee;
    }

.datepicker_th {
    width: 150px
}

.category-name {
    font-size: 15px;
    padding-top: 5px
}

.categoryinfo {
    padding-left: 30px;
    position: relative;
    font-size: 12px
}

.rateoptiontbl table, .rateoptiontbl tr {
    font-weight: 300
}

    .rateoptiontbl table tbody tr td {
        border: none !important;
        vertical-align: middle;
        border-bottom: 1px solid #eee !important
    }

    .rateoptiontbl tr td:last-child, .rateoptiontbl tr:last-child {
        border: none
    }

.OP_name {
    font-weight: 400
}

.sts {
    margin-left: 20px;
    font-size: 12px;
    display: block;
    margin-top: 5px;
    color: var(--color1)
}

.wraper_hover {
    position: relative;
    display: inline-block
}

    .wraper_hover a {
        cursor: pointer
    }

.hoverinfo {
    bottom: 100%;
    margin-top: 10px;
    left: -80px;
    background: var(--bg3);
    padding: 15px;
    border-radius: 3px;
    width: max-content;
    display: none;
    position: absolute;
    margin-bottom: 10px;
    transition: ease .5s;
    z-index: 12;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%);
    font-size: 14px;
    max-width: 300px;
    opacity: 0;
    font-weight: 300;
    text-align: left;
    line-height: 20px;
    letter-spacing: 0.1px;
    border: 1px solid var(--bg1);
}

.wraper_hover:hover .hoverinfo {
    display: block;
    color: #000;
    opacity: 1;
    transition: all ease 1s
}

.wraper_hover a::before {
    position: absolute;
    content: "";
    font-family: FontAwesome !important ;
    bottom: 18px;
    right: 0;
    left: 10px;
    font-size: 20px;
    color: rgb(249 227 212);
    line-height: normal;
    display: none
}

.wraper_hover:hover a::before {
    display: block
}

.rateoptiontbl .inputselectbox {
    background-color: #fff;
    border: 1px solid #ddd;
    padding-left: 15px;
    height: 35px;
    line-height: 35px;
    margin: 0
}

.ComboOP .select_bx select {
    padding-right: 40px
}

.touralloption .datepicker-wrap {
    width: 130px
}

.RatecalIcon {
    background-position: -105px -5px;
    top: 6px !important
}

.touralloption .datepicker-wrap input {
    padding-left: 40px
}

.selectdown {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 10px;
    font-size: 18px;
    color: #707070;
    pointer-events: none
}

a.TPrice {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
}

.MainPrice {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.table > thead > tr > th.PriceTH {
    text-align: center
}

td.paxTD {
    width: 90px
}

span.paxtext {
    font-size: 10px;
    display: block
}

.StrikePrice {
    font-size: 12px;
    color: #999;
    text-decoration: line-through
}

span.savePrice {
    font-size: 12px;
    margin-left: 8px
}

.circleinfo {
    height: 15px;
    width: 15px;
    display: flex;
    background-position: -28px -39px
}

.PriceTH .THTitle {
    justify-content: center
}

.table > tbody + tbody {
    border-top: 1px solid #eee
}

.fivestar-bottom {
    position: relative;
    display: inline-block;
    letter-spacing: 3px;
    font-family: FontAwesome !important ;
    font-size: 11px
}

.Selectbtn2 {
    color: #333
}

.bottomContent {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 15px;
}

.smrt a {
    font-weight: 400;
    color: var(--color1)
}

.addBtnsRight {
    display: flex;
    column-gap: 10px;
}

    .addBtnsRight a {
        display: flex;
        height: 35px;
        padding: 0px 15px;
        border-radius: 8px;
        font-weight: 400;
        align-items: center;
        justify-content: center;
    }

a.flyerBtn {
    background-color: var(--bg2);
    color: var(--color1)
}

article.active .BoxRight {
    background-color: #fff
}

.smtBtn {
    display: inline-block;
    margin: 30px 0;
    text-align: center;
    width: 100%
}

.informationbox .info-title, .informationbox h4 {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding: 5px 0
}

    .informationbox .info-title{
        margin:0;
    }

    .unorder-checklist {
        margin-top: 20px;
    }

.info-title::after, .informationbox h4 span::after {
    content: '';
    position: absolute;
    left: -20px;
    height: 100%;
    width: 4px;
    border-radius: 0 10px 10px 0;
    top: 0;
    background-color: var(--bg1);
    color: #fff
}

.OverviewDiv p:first-child {
    margin-top: 20px;
    line-height: 24px
}

.paragraph {
    margin-top: 15px
}

.CollapseDivs .paragraph {
    margin-top: 0 !important
}

.subtitle-text {
    color: #000;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 10px
}

.timingtbls table {
    font-weight: 300;
    font-size: 14px
}

.TimingTable table {
    background-color: #fafafa
}

.timingtbls th, .timingtbls tr td {
    padding: 10px
}

.timingtbls th {
    font-weight: 400
}

.TimingTable table thead {
    background-color: #ddd
}

.TimingTable, .TimingTable2 {
    border-radius: 8px;
    margin-top: 15px
}

.TimingOptionDiv {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.TimingDiv1 {
    margin: 10px 0;
    font-weight: 400;
    color: #000
}

.OptionText {
    color: #1685cc;
    margin-right: 10px
}

.TimingDiv1 a {
    float: right;
    color: #1685cc
}

.TransferTime-Popup table tbody td:last-child, .TransferTime-Popup table thead th:last-child {
    text-align: center
}

.transfertourname {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.pop-title {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500
}

.option-name-div {
    position: relative;
    display: flex;
    column-gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.moreinfo-click {
    color: #3dbbfe;
    white-space: nowrap
}

.overviewparagraph {
    margin-top: 15px;
    line-height: 24px
}

.itinerydiv div {
    margin-top: 15px;
    line-height: 24px
}

.tourRB-Popup {
    width: 60%
}

.CollapseDivs {
    margin-bottom: 15px;
    padding-left: 30px
}

    .CollapseDivs:last-child {
        margin: 0
    }

.Collapseclick {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    width: 100%;
    padding: 15px 0;
    position: relative;
    align-items: center
}

    .Collapseclick::after {
        position: absolute;
        left: -30px;
        content: "−";
        font-size: 24px;
        height: 20px;
        width: 20px;
        border-radius: 20px;
        text-align: center;
        line-height: 18px;
        background-color: var(--bg1);
        color: #fff
    }

    .Collapseclick.collapsed::after {
        content: "+"
    }

.TransferTime-Popup table thead th {
    font-weight: 500
}

.TransferTime-Popup table tbody td:first-child, .TransferTime-Popup table tbody td:last-child {
    width: 20%
}

.triotab_fix {
    position: sticky;
    top: 0;
    z-index:1;
}

.triotabs {
    margin-top: 15px;
    display: flex;
    width: 100%;
    border: none;
}

.nav-tabs.triotabs li a {
    padding: 8px 15px;
    display: inline-block;
    background: 0 0;
    border: none;
    font-weight: 400;
    margin-right: 15px;
    position: relative;
    color: var(--color1);
    border: 1px solid var(--color1);
    border-radius: 20px
}

.nav-tabs.triotabs li.active a, .nav-tabs.triotabs li.active a:focus, .nav-tabs.triotabs li.active a:hover {
    background-color: var(--bg1);
    color: #fff
}


/*------------------------ reviews ------------------------------*/

.reviews-content {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    padding: 40px;
}

.review-header {
    display: flex;
    justify-content: space-between;
}

.five-rating {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: 50px;
    line-height: normal;
}

    .five-rating .star-grid {
        font-size: 16px;
    }

.rate-bar-header {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    font-size: 16px;
    font-weight: 400;
    flex: .7;
}

.star-rate-bar {
    display: flex;
    justify-content: space-between;
}

span.star-label {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.slide-bar-down {
    display: flex;
    width: 230px;
    height: 20px;
    background-color: #e1e1e1;
    position: relative;
}

.rating-bar {
    display: flex;
    align-items: center;
    column-gap: 15px;
}

    .rating-bar > span:last-child {
        min-width: 20px;
        text-align: center;
    }

.slide-bar-up {
    position: absolute;
    height: 100%;
    left: 0;
    background-color: var(--color1);
}

.guest-reviews {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}

.user-review-list {
    display: flex;
    column-gap: 60px;
    align-items: center;
}

.reviewer {
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    text-align: center;
    white-space: nowrap;
    align-items: center;
    min-width: 150px;
}

    .reviewer img {
        height: 70px;
        width: 70px;
        border-radius: 100px;
    }

.R-name {
    font-weight: 400;
    text-transform: capitalize;
}

.R-year {
}

.review-txt {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    padding-left: 80px;
    border-left: 1px solid #eee;
}

.R-heading {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
}

.review-txt p {
    color: #707070;
    margin: 0;
}

.R-rating {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
    margin-left: auto;
}

    .R-rating > span:first-child {
        font-size: 20px;
        font-weight: 400;
    }

    .R-rating .fivestar-bottom {
        font-size: 12px;
    }

.ratingword {
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: center;
    background-color: #009E47;
    border-radius: 8px;
    color: #fff;
    padding: 0 15px;
}

a.ShowAllbtn {
    background-color: var(--bg1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 300
}

.ShowAlldiv {
    text-align: center;
    margin: 15px
}

.timeslotHeader2 {
    display: flex;
    border-bottom: 1px solid #ddd
}

.SelectedData {
    padding: 20px 0;
    float: left;
    margin-right: 50px;
    position: relative;
    display: flex;
    align-items: center
}

    .SelectedData .SelectdateText, .SelectedTour {
        padding: 0 10px;
        font-weight: 400
    }

    .SelectedData .SelectdateText {
        padding-left: 30px
    }

.SelectedDateDiv {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    background-color: var(--bg2);
    padding: 8px;
    border-radius: 8px
}

.SelectedData:last-child {
    margin-right: 0
}

.SelectedData .OptionCount {
    padding-top: 8px;
    text-align: right
}

.SelectedData .calIcon {
    background-position: -105px -5px;
    position: absolute;
    height: 25px;
    width: 20px;
    left: 10px;
    top: 3px;
    margin-right: 5px
}

.SelectedData .toggleBTN {
    margin: 0
}

    .SelectedData .toggleBTN, .SelectedData .toggleBTN::after, .SelectedData .toggleBTN::before {
        background-color: #333;
        width: 16px
    }

        .SelectedData .toggleBTN::before {
            top: -4px
        }

        .SelectedData .toggleBTN::after {
            top: 4px
        }

.TimeOptionsDiv {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.slotHeading {
    font-size: 16px;
    font-weight: 500;
}

.slottabs li a {
    background-color: #ddd;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    position: relative;
    border-radius: 12px 12px 0 0
}

.slottabs li.active a {
    background-color: #707070;
    color: #fff
}

.slottabs li::after {
    content: " ";
    display: block;
    height: 40px;
    position: absolute;
    right: -24px;
    top: 0;
    transform: skew(30deg,0deg);
    transition: all 250ms ease 0;
    width: 36px;
    border-radius: 0 8px 0 0;
    background: #ddd
}

.slottabs li {
    display: inline-block;
    margin-right: 40px;
    position: relative
}

    .slottabs li.active::after {
        background-color: #707070
    }

    .slottabs li:last-child a {
        margin: 0
    }

.slottabcontent {
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

    .slottabcontent .slottabs {
        background-color: #fff
    }

.slotList {
    display: flex;
    width: 100%;
    max-height: 40vh;
    overflow: auto;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
}

.slottypes {
    padding: 25px;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    column-gap: 50px;
    align-items: center
}

.SlotTypesDiv {
    font-weight: 400;
    display: flex;
    align-items: center;
    column-gap: 8px
}

    .SlotTypesDiv span:first-child {
        height: 10px;
        width: 10px;
        display: inline-block;
        border-radius: 20px;
        margin-right: 8px
    }

.ticketguide {
    margin-top: 15px;
    display: inline-block;
    color: red
}

.SoldOutCircle {
    background-color: red
}

.LimitedCircle {
    background-color: #fed301
}

.slotList li {
    width: calc(100%/4 - 12px);
}

    .slotList li a {
        background-color: #fff;
        border-radius: 8px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .slotList li a {
        background-color: #fff;
        border-radius: 8px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .slotList li.active a {
        box-shadow: 0 0 10px rgb(0 0 0 / 10%)
    }

.SlotTime {
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-radius: 8px 8px 0 0;
    position: relative;
    font-weight: 500
}

.slotList li.active .SlotTime::before {
    position: absolute;
    content: '\2713';
    height: 16px;
    width: 16px;
    border-radius: 16px;
    color: #111;
    text-align: center;
    left: 15px;
    top: 10px;
    line-height: 18px;
    background-color: #fff
}

.SlotPrice {
    font-weight: 400;
    padding: 10px;
    line-height: 24px
}

.slotpax {
    font-weight: 500
}

.slotpaxSelect select {
    border: 1px solid #ddd;
    width: 100%;
    background: 0 0;
    border-radius: 8px;
    height: 35px;
    padding: 0 10px;
    margin-top: 10px;
    background-color: #fff
}

.chnagePaxes {
    background-color: #f9f9f9;
    padding: 15px;
}

.SlotTotal-checkout {
    margin: 15px 0;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: space-between;
}

.SlotTotalPrice {
    font-weight: 600;
    padding-top: 10px;
    font-size: 22px;
    display: flex;
    column-gap: 10px
}

.PCbtn {
    float: right;
    text-transform: uppercase
}

.slotpaxSelect {
    position: relative
}

    .slotpaxSelect .caret {
        position: absolute;
        top: 25px;
        z-index: 1;
        right: 15px;
        pointer-events: none
    }

.Themepopup h2 {
    display: flex;
    align-items: center;
    line-height: 15px
}

a.SlotBackArrow {
    font-size: 24px;
    position: absolute;
    left: 0;
    width: 50px;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ddd;
}

.OptionSelectionDiv .SelectedData {
    font-size: 18px;
    font-weight: 500;
    color: var(--color1)
}

    .OptionSelectionDiv .SelectedData .toggleBTN, .OptionSelectionDiv .SelectedData .toggleBTN::after, .OptionSelectionDiv .SelectedData .toggleBTN::before {
        width: 16px;
        background-color: var(--bg1);
        color: #fff
    }

    .OptionSelectionDiv .SelectedData span {
        margin-right: 10px
    }

ul.SlotTourOptions {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.SlotTourOptions li a {
    padding: 12px;
    display: flex;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    background-color: var(--bg2);
    width: max-content;
}

.SlotPopup {
    width: 60%
}

.modal-dialog.SlotPopup {
    top: 0;
    right: 0;
    margin: unset;
    position: absolute;
    height: 100%;
    transform: translate3d(100%,0,0) !important
}

.modal.in .modal-dialog.SlotPopup {
    transform: translate3d(0,0,0) !important
}

.SlotPopup .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none
}

.SlotPopup .PopupBody {
    background-color: #fff;
    margin-top: 15px;
    overflow: auto;
    max-height: 92vh;
    padding-top: 0
}

.SlotPopup .modal-header {
    padding-right: 70px;
    background-image: none;
    text-align: left;
    position: sticky;
    top: 0;
    padding-left: 70px;
}

.SlotPopup .close {
    right: 15px;
    top: 20px
}

.SlotPopup .missedparagraph {
    margin-bottom: 50px
}

.dateselectionDiv .SelectedData {
    padding-top: 0
}

.dateselectionDiv .SelectedDateDiv {
    background-color: unset;
    font-size: 18px
}

.supercal-header {
    line-height: 34px;
    text-align: center;
    position: relative;
    width: 270px;
    margin: 20px auto;
    font-size: 20px;
    font-weight: 500
}

.supercal td {
    cursor: pointer
}

.supercal-header .btn {
    font-family: FontAwesome !important ;
    font-weight: 400;
    font-size: 24px;
    font-style: normal
}

.supercal-header .prev-month {
    float: left;
    font-size: 24px;
    line-height: 12px
}

.supercal-header .next-month {
    float: right;
    font-size: 24px;
    line-height: 12px
}

.supercal-month {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.supercal table {
    width: 100%;
    table-layout: fixed;
    background: #fff
}

    .supercal table tr:first-child {
        display: table-row
    }

        .supercal table tr:first-child th {
            padding: 20px 5px;
            color: #aaa
        }

.blockcal .current.table > tbody > tr > th {
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 400
}

.supercal .month-next, .wrappertour .month-prev {
    opacity: 0;
    cursor: default
}

.blockcal .current.table > tbody > tr > td {
    background-color: #fff;
    padding: 5px;
    border: none
}

.SlotCalender .table > tbody > tr > td {
    color: #333
}

.blockcal .current.table > tbody > tr > td.today span {
    background-color: #f5f5f5;
    border: 1px solid #ddd
}

.blockcal .table.table-condensed.current span {
    font-size: 20px;
    min-height: 70px;
    background: #fff;
    padding: 10px 0 0 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    width: 100px;
    border-radius: 8px;
    font-weight: 500
}

.blockcal .table.table-condensed.current tr td span {
    display: flex;
    margin: auto;
    position: relative;
    transition: all .1s ease 0s;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    padding: 0;
}

@media(max-width:767px) {
    .patternheader {
        height: 110px
    }

    .PageSlider .carousel-inner .item img {
        height: 150px
    }

    .PageSlider .carousel-control {
        top: 40%;
        font-size: 36px
    }

        .PageSlider .carousel-control.left {
            left: 0
        }

        .PageSlider .carousel-control.right {
            right: 0
        }

    .ProductHighlights, .ProductPriceDiv {
        padding: 15px
    }

    .ProductPriceDiv {
        margin-top: 15px
    }

    .ProductNameReviews h1 {
        font-size: 16px;
        line-height: 24px
    }

    .rateoptiontbl .inputselectbox {
        margin: 0
    }

    .addBtnsRight {
        text-align: right
    }

        .addBtnsRight a {
            font-size: 12px;
            height: 30px;
            padding: 0 10px;
            line-height: 30px
        }

    .IncludedTour .activiyIcoN {
        width: 35px
    }

    .PriceInline .OrigionalPrice {
        font-size: 20px
    }

    .ProductPriceDiv .savePrice {
        font-size: 12px
    }

    .bottomContent {
        display: block;
        margin: 0
    }

    .smrt {
        width: 80%;
        margin-bottom: 15px
    }

    .rateoptiontbl .table > tbody > tr > td {
        padding-left: 0
    }

    .informationbox p, .paragraph ul li, .timingtbls {
        font-size: 12px
    }

    .informationbox .info-title, .informationbox h4 {
        font-size: 16px
    }

    .OP_name {
        font-size: 14px;
        font-weight: 400
    }
}

.strikePrice {
    color: #777;
    text-decoration: line-through
}

.rateoptiontbl {
    margin-top: 15px
}

.trnsfroptions select.inputselectbox {
    min-width: 130px;
    padding-right: 30px
}

td.trnsfroptions {
    width: 180px
}

.rpoints {
    color: red;
    font-size: 12px;
    line-height: normal
}

.ProductPriceDiv .rpoints {
    /*margin-bottom: 15px;*/
    font-size: 14px;
    font-weight: 400
}

.MsoNormal a {
    color: var(--color1)
}

.paragraph ul {
    display: flex;
    flex-flow: column;
    row-gap: 10px
}

    .paragraph ul:last-child {
        margin: 0;
    }

    .paragraph ul li {
        margin: 0
    }

        .paragraph ul li:empty, .paragraph ul p:empty {
            display: none;
        }

.selected-facility i {
    display: inline-block;
    height: 26px;
    width: 26px
}

.fac-div {
    width: 48%;
    display: inline-block
}

.selected-facility {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 500;
    font-size: 16px
}

.fac-div p {
    color: #707070;
    padding-left: 36px;
    margin-top: 2px
}

.selected-facility .ficon001 {
    background-position: -34px -1px
}

.selected-facility .ficon002 {
    background-position: -137px -1px
}

.selected-facility .ficon003 {
    background-position: 0 0
}

.selected-facility .ficon004 {
    background-position: -101px -1px
}

.selected-facility .ficon005 {
    background-position: -66px 0
}

/*-----list detail hitesh------*/
.TransferTime-Popup {
    width: 50%;
}

    .TransferTime-Popup .paragraph ul {
        margin-bottom: 20px;
    }

    .TransferTime-Popup .timing-tbl thead th {
        font-weight: 500;
        border: none !important;
        padding-top: 0 !important;
    }

    .TransferTime-Popup .timing-tbl tbody td {
        border: none;
        padding: 5px 8px;
    }

        .TransferTime-Popup .timing-tbl tbody td:first-child, .TransferTime-Popup table tbody td:last-child {
            width: 20%;
        }

    .TransferTime-Popup .timing-tbl thead th:first-child, .TransferTime-Popup table tbody td:first-child {
        padding-left: 0 !important;
    }

    .TransferTime-Popup .timing-tbl thead th:last-child, .TransferTime-Popup table tbody td:last-child {
        text-align: center;
    }

    .TransferTime-Popup .timing-tbl:last-child {
        margin: 0;
    }

    .TransferTime-Popup .timing-tbl {
        border: 0;
    }

.option-name-div .fa-info-circle {
    display: none;
}

.play-video-Section {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 9999;
}

    .play-video-Section i {
        color: #fff;
        font-size: 50px;
    }

.VideoPlayerSection iframe {
    width: 1170px;
}

.SeatOptionDiv .slottabcontent {
    background-color: unset;
}

.SeatOptionDiv .heading-st {
    display: flex;
    align-items: center;
    column-gap: 50px;
    margin: 30px -1px;
}

.SeatOptionDiv .SoldOutCircle {
    background-color: #ccc;
}

.SeatOptionDiv .slottypes {
    border: 0;
    padding: 0;
}

.SeatOptionDiv .slotHeading {
    margin: 0;
}

.seat-tbl {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    overflow-x: scroll;
    padding-left: 0;
}

    .seat-tbl::-webkit-scrollbar-thumb {
        background: #c1c1c1
    }

    .seat-tbl::-webkit-scrollbar {
        height: 5px
    }

.seatrow {
    display: flex;
    column-gap: 10px;
    margin-left: 15px;
}

.seatcolumn {
    height: 30px;
    width: 30px;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .seatcolumn.T-on {
        background-color: var(--bg4);
    }

    .seatcolumn.T-off {
        background-color: #ccc;
    }

.seat-tbl table th, .seat-tbl table td {
    padding: 10px;
}

.seat-tbl table th {
    position: sticky;
    left: 0;
    background-color: #f5f5f5;
    padding-left: 30px;
}

.seatrowname {
    font-weight: 400;
}

.chckout-btns {
    display: flex;
    column-gap: 10px;
}

.c-shopping {
    border: 1px solid var(--color1);
    border-radius: 8px;
    padding: 8px 15px;
    color: var(--color1);
}

.quntity-count {
    display: flex;
    column-gap: 5px;
    padding-left: 20px;
    border-left: 1px solid #ddd;
    font-size: 16px;
    font-weight: 400;
}

.T-on.selected {
    background-color: #fff;
    border: 2px solid var(--color1);
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
}

    .T-on.selected::after {
        content: '';
        width: 6px;
        height: 11px;
        border: solid var(--color1);
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.T-on:hover {
    background-color: #fff;
    border: 2px solid var(--color1);
    transition: .1s ease;
}

.seatcolumn .hoverinfo {
    left: 40px;
    top: -25px;
    bottom: unset;
    margin: 0;
    padding: 10px;
    background-color: #333;
    border: 0;
    border-radius: 8px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 200;
    transition: .3s
}

    .seatcolumn .hoverinfo::after {
        content: '';
        border: 6px solid transparent;
        border-left: 0;
        border-right: 10px solid #333;
        transform: translate(calc(-100% - 5px), -50%);
        display: flex;
        position: absolute;
        top: 38px;
        left: 5px;
    }

.tab-loader {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    height: 200px;
}