/* ==============================
    Miscellaneous Styles 
============================== */


body {
    color: #1a1a1a;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

button:focus,
.btn:focus,
input:focus,
.form-control:focus {
    outline: none;
    box-shadow: none
}

a,
button {
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-decoration: none
}

a {
    color: #4f63e8
}

a:hover,
a:focus,
a:active {
    color: #4557ce;
    text-decoration: none
}

dl,
ol,
ul,
p {
    margin-bottom: 0
}

ins {
    text-decoration: none
}

select.form-control:not([size]):not([multiple]) {
    height: auto
}

.form-control,
.dropdown-menu,
.dropdown-item {
    color: #1a1a1a
}

.form-control::placeholder {
    color: #1a1a1a
}

.full-width {
    width: 100% !important;
}

.section-horizontal-align,
.mouse-down,
.section-title.section-title-center::after,
.prc-smmry-link,
.voucher-tick,
.about-hero-section .sprt-abt-map,
.sp-nav-pills .nav-link.active::after,
.sp-nav-pills .show>.nav-link::after,
.sp-nav-pills .nav-link.active::before,
.sp-nav-pills .show>.nav-link::before,
.blog-caption::after {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-vertical-align,
.custom-owl-nav .owl-nav [class*=owl-],
.custom-owl-nav [class*=carousel-nav-item],
.mm-select-city-input i,
.user-signed-img,
.login-benefits,
.form-group-pass [class*=sprt-pass-eye],
.section-title .btn-see-more,
.wds-card span,
.ofp-tags li::before,
.mdfy-traveller .btn-add-room,
.prdct-gallery-nav,
.prdct-gallery-nav>div,
.title-dropdown .dropdown-toggle .sprite,
.ryb-coupons .form-group .sprt-ryb-coupon-cross,
.our-plcs-card .card-header h5 .sprite,
.offrs-search-input i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-align-both,
.list-city-change span,
.mdfy-show-form-items .sprite,
.filter-type-list li>div,
.input-sblh-group label .sprite,
.voucher-tick::before,
.voucher-tick .sprt-voucher-tick,
.about-hero-section>div,
.uph-add-col>span>i {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.custom-scrollbar::-webkit-scrollbar {
    background-color: #d9d9d9;
    border-radius: 5px;
    width: 5px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(171, 171, 171, 0.6);
    border-radius: 5px
}

.seo-footer {
    background-color: #0a1f32;
    padding: 44px 0 48px;
}


.pos-r {
    position: relative !important
}

.bb0 {
    border-bottom: 0 !important
}

.br0 {
    border-right: 0 !important
}

.bl-e4 {
    border-left: 1px solid #e4e4e4 !important
}

.font-16 {
    font-size: 16px !important
}

.gutter-10 {
    margin-left: -5px;
    margin-right: -5px
}

.gutter-10>[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px
}

.gutter-14 {
    margin-left: -7px;
    margin-right: -7px
}

.gutter-14>[class^="col-"] {
    padding-left: 7px;
    padding-right: 7px
}

.gutter-16 {
    margin-left: -8px;
    margin-right: -8px
}

.gutter-16>[class^="col-"] {
    padding-left: 8px;
    padding-right: 8px
}

.border-radius-8 {
    border-radius: 8px !important
}

.lightGrey {
    color: #a5a4a4 !important
}

.mt0 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt14 {
    margin-top: 14px !important
}

.float-none {
    float: none !important
}

.btn-primary {
    background-color: #1a1a1a;
    border: none
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #000000;
    color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.page-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    visibility: hidden;
    z-index: 1;
}

.page-backdrop.page-backdrop-show {
    opacity: 0.5;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    visibility: visible;
}

/*read more / less css*/
.more-content {
    display: flow-root;

}

.content {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    max-height: 4.2rem;
    transition: all 0.3s;
    --webkit-transition: all 0.3s;
}

.content p {
    margin-bottom: 0.5rem;
    text-align: justify;
}

.content p>span {
    font-size: 14px !important;
}

.content.amenities {
    max-height: 3.8rem;
    transition: all 0.3s;
    --webkit-transition: all 0.3s;
}

.txtcol {
    display: none;
    cursor: pointer;
    color: blue;
    margin-top: 0.5rem;
}

/* .content.amenities>.txtcol {
    display: none;
} */

@media (max-width: 767px) {
    .content.amenities {
        max-height: 3.5rem;
    }

    /* .content.amenities>.txtcol {
        display: block;
    } */
}


/* ==============================
    Site Header
============================== */

.site-header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.site-header-left {
    float: left;
    width: 100%
}

.logo-city-change {
    float: left;
    margin-left: 29px
}

.site-logo {
    float: left;
    position: relative;
    top: 4px;
}

.btn-city-change {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 25px;
    color: #fff;
    float: left;
    font-size: 14px;
    margin: 8px 0 0 40px;
    padding: 12px 22px 11px 23px;
    position: relative
}

.btn-city-change::before {
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
    display: block;
    height: 25px;
    left: -21px;
    position: absolute;
    top: 9px;
    width: 2px
}

.btn-city-change .sprt-city-chevron {
    margin-left: 21px;
    position: relative;
    top: -1px
}

.modal-city-change .modal-dialog {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin: 128px auto 0;
    max-width: 838px
}

.modal-city-change .modal-content {
    border-radius: 9px
}

.modal-city-change .modal-header {
    padding: 33px 38px 40px
}

.modal-city-change .modal-title {
    font-size: 21px;
    font-weight: bold
}

.modal-close-btn,
.modal-close-btn:hover,
.modal-close-btn:focus {
    background-color: #38c7b5 !important;
    border-radius: 25px 0 0 25px;
    border: none !important;
    color: #fff;
    font-size: 14px;
    margin: 0 !important;
    opacity: 1;
    padding: 12px 19px !important;
    position: absolute;
    text-shadow: none;
    right: 0;
    top: 30px
}

.modal-city-change .modal-body {
    padding: 32px 33px
}

.list-city-change li {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 15px;
    position: relative
}

.list-city-change img {
    border-radius: 7px
}

.list-city-change li::before {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease
}

.list-city-change li:hover::before,
.list-city-change li.active::before {
    background-color: rgba(0, 0, 0, 0.7)
}

.list-city-change li span {
    color: #fff;
    padding: 0 10px;
    text-align: center;
    width: 100%;
    z-index: 1
}

.menu-contact-search {
    float: right
}

.header-contact {
    float: left;
    margin: 19px 30px 19px 0
}

.header-contact li {
    display: inline;
    margin-right: 25px
}

.header-contact li:last-child {
    margin-right: 0
}

.header-contact a {
    color: #fff;
}

.header-contact .sprt-header-call {
    margin-right: 9px;
    position: relative;
    top: 3px
}

.header-search {
    float: left;
    margin-top: 8px;
    position: relative
}

.btn-hdr-search {
    background-color: #fff;
    border-radius: 25px 0 0 25px;
    border: none;
    height: 44px;
    padding: 14px 24px;
    position: relative;
    width: 64px;
    z-index: 3
}

.header-search-bar {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    width: 64px;
    z-index: 2
}

.header-search-bar.show {
    width: 385px
}

.header-search-bar .form-control {
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: 0;
    border-radius: 25px 0 0 25px;
    color: #ababab;
    font-size: 15px;
    padding: 10px 15px 10px 25px
}

.header-search-bar .form-control::placeholder {
    color: #ababab
}

.btn-hdr-register {
    background-color: #1a1a1a;
    border-radius: 0 6px 6px 0;
    border: none;
    color: #fff;
    font-size: 14px;
    height: 44px;
    margin: 8px 0;
    padding: 4px 40px 4px 16px;
    position: relative;
    font-weight: 500;
}

.mm-drpdn-menu-btn {
    position: absolute;
    top: 13px;
    right: 20px
}

.mm-drpdn-menu {
    border: none;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin: 20px 0 0 -30px;
    min-width: 240px;
    padding: 10px 0
}

.mm-drpdn-menu::before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    height: 0;
    left: 30px;
    position: absolute;
    top: -10px;
    width: 0
}

.mm-header {
    border-bottom: 1px solid #f1f1f1;
    display: block;
    margin-top: 20px;
    padding-bottom: 15px;
    position: relative
}

.mm-close {
    position: absolute;
    left: 25px;
    top: 15px;
    opacity: 1;
    margin: 0;
    padding: 0;
    z-index: 1
}

.mm-list a {
    border-bottom: 1px solid #f1f1f1;
    color: #1a1a1a;
    display: block;
    font-size: 15px;
    padding: 11px 25px
}

.mm-list a:hover,
.mm-list a:focus,
.mm-list a:active {
    color: #4557ce
}

.mm-register-btns {
    background-color: #f7f7f7;
    padding: 15px 25px;
}

.mm-register-btns li {
    display: inline-block;
    margin-right: 8px
}

.mm-register-btns li:last-child {
    margin-right: 0
}

.mm-register-btns .btn {
    background-color: transparent;
    border: 1px solid #1a1a1a;
    border-radius: 6px;
    color: #1a1a1a;
    font-size: 14px;
    max-width: 116px;
    padding: 10px 20px 6px;
    text-transform: uppercase;
    font-weight: 500;
}

.mm-register-btns .btn-mm-signIn {
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #fff
}

.modal-login .modal-dialog {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin-top: 44px;
    max-width: 988px
}

.modal-login .modal-content {
    border: none;
    border-radius: 11px
}

.modal-login .modal-body {
    padding: 0
}

.modal-login-left {
    border-radius: 11px 0 0 11px;
    position: relative
}

.login-img-bg img {
    border-radius: 10px 0 0 10px
}

.login-benefits {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 10px 0 0 10px;
    color: #fff;
    padding: 24px 30px 30px;
    right: 2px;
    top: 240px;
}

.login-benefits-hdng {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 12px
}

.login-benefits-list li {
    font-size: 13px;
    margin-bottom: 12px
}

.login-benefits-list li::before {
    background: url('../img/sprite.png') -61px 0 no-repeat;
    content: '';
    display: inline-block;
    height: 13px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 16px
}

.login-benefits-list li span {
    display: inline-block;
    line-height: 23px;
    margin-left: 12px
}

.dont-have-accnt {
    bottom: 51px;
    color: #fff;
    font-size: 11px;
    position: absolute;
    right: 20px
}

.dont-have-accnt a,
.forgot-pass-line a,
.otp-valid-txt a {
    color: #5463e6;
}

.dont-have-accnt a:hover,
.dont-have-accnt a:focus,
.forgot-pass-line a:hover,
.forgot-pass-line a:focus,
.otp-valid-txt a:hover,
.otp-valid-txt a:focus {
    color: #34e4cd
}

.modal-login-right {
    border-radius: 0 11px 11px 0;
    box-shadow: -10px 0 20px 20px rgba(0, 0, 0, 0.3);
    padding: 27px 48px
}

.login-content {
    margin-top: 30px
}

.login-welcome p {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 4px
}

.login-welcome span {
    color: #727272;
    font-size: 13px
}

.login-form {
    margin-top: 40px
}

.login-form .form-group {
    margin-bottom: 23px;
    position: relative
}

.login-form .form-control {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    /* box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); */
    color: #1a1a1a;
    font-size: 0.813rem;
    padding: 16px;
}

.login-form .form-control::placeholder {
    color: #ababab
}

.form-group-pass [class*=sprt-pass-eye] {
    right: 20px
}

.form-group-country-contact,
.form-group-otp {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    border: 1px solid #f1f1f1;
    float: left;
    width: 100%
}

.cc-dropdown {
    border-radius: 30px 0 0 30px;
    float: left;
    max-width: 140px;
    width: 35%
}

.cc-dropdown .dropdown-toggle {
    background-color: #fff;
    border: none;
    border-right: 1px solid #f1f1f1;
    border-radius: 30px 0 0 30px;
    color: #ababab;
    font-size: 15px;
    padding: 16px 21px 16px 40px
}

.cc-dropdown .dropdown-toggle::after {
    display: none
}

.cc-dropdown img[src*="flag"] {
    position: relative;
    top: -2px
}

.country-code-text {
    margin: 0 3px
}

.cc-dropdown .sprt-chevron-country {
    position: relative;
    top: -1px
}

.cc-dropdown-menu {
    border: none;
    border-radius: 20px 0 20px 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin: -59px 0 0 0;
    max-height: 210px;
    min-width: 137px;
    overflow-y: auto;
    padding: 22px 20px
}

.cc-dropdown-menu::-webkit-scrollbar-thumb {
    height: 80px
}

.cc-dropdown-menu .dropdown-item {
    color: #ababab;
    display: block;
    font-size: 16px;
    margin-bottom: 13px;
    padding: 0
}

.cc-dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0
}

.cc-dropdown-menu a:hover,
.cc-dropdown-menu a:focus,
.cc-dropdown-menu a:active {
    background-color: transparent;
    color: #4557ce
}

.form-group-country-contact .form-control {
    border: none;
    border-radius: 0 30px 30px 0;
    box-shadow: none;
    float: left;
    left: 0;
    padding: 16px 40px 16px 18px;
    position: relative;
    width: 65%
}

.form-group-otp .otp-input-col {
    float: left;
    position: relative;
    width: 25%
}

.form-group-otp .otp-input-col .form-control {
    box-shadow: none;
    border: none;
    border-radius: 0;
    text-align: center;
    padding: 16px 10px
}

.form-group-otp .otp-input-col:nth-child(1) .form-control {
    border-radius: 30px 0 0 30px
}

.form-group-otp .otp-input-col:nth-child(4) .form-control {
    border-radius: 0 30px 30px 0
}

.form-group-otp .otp-input-col::after {
    background-color: #f1f1f1;
    content: '';
    display: block;
    height: 34px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 1px
}

.form-group-otp .otp-input-col:last-child::after {
    display: none
}

.forgot-pass-line {
    clear: left;
    font-size: 13px;
    text-align: right
}

.login-buttons {
    margin: 17px 0 12px
}

.login-buttons li {
    display: inline-block;
    margin-right: 1%;
    width: 49%
}

.login-buttons li:last-child {
    margin-right: 0
}

.login-buttons li .btn {
    border-radius: 10px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}

.btn-login-otp {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #727272
}

.otp-valid-txt {
    color: #727272;
    font-size: 11px;
    opacity: 0.8
}

.login-social-wrap {
    margin: 46px 0 49px;
    overflow: hidden
}

.login-social-wrap span {
    color: #727272;
    float: left;
    font-size: 13px;
    margin: 6px 20px 0 0
}

.login-social-list {
    float: left;
    overflow: hidden
}

.login-social-list li {
    float: left;
    margin-right: 20px
}

.login-social-list li:last-child {
    margin-right: 0
}

.login-social-list li a {
    display: block;
    height: 30px;
    width: 30px
}

.login-with-otp .login-social-wrap {
    margin-bottom: 21px
}

.register-with-us {
    margin-bottom: 50px;
    margin-bottom: 50px;
}

.register-with-us .login-content {
    margin-top: 22px;
}

.register-with-us .login-form {
    margin-top: 25px
}

.remember-me {
    clear: both
}

.remember-me input[type='checkbox'] {
    height: 0;
    width: 0
}

.remember-me input[type='checkbox']+label {
    color: #38c7b4;
    float: left;
    font-size: 13px;
    margin: 0;
    position: relative;
    -webkit-transition: color 250ms cubic-bezier(.4, .0, .23, 1);
    transition: color 250ms cubic-bezier(.4, .0, .23, 1);
}

.remember-me input[type='checkbox']+label span {
    background: transparent;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    position: relative;
    top: 3px;
    width: 16px
}

.remember-me input[type='checkbox']+label:hover,
.remember-me input[type='checkbox']:focus+label {
    color: #30ad9c
}

.remember-me input[type='checkbox']+label:hover>span,
.remember-me input[type='checkbox']:focus+label>span {
    background: rgba(255, 255, 255, .1)
}

.remember-me input[type='checkbox']:checked+label span {
    -webkit-animation: shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1);
    animation: shrink-bounce 200ms cubic-bezier(.4, .0, .23, 1);
    border: 8px solid #38c7b4
}

.remember-me input[type='checkbox']:checked+label span:before {
    -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, .0, .23, 1) forwards;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    content: "";
    font-size: 18px;
    left: -5px;
    position: absolute;
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%
}

@-webkit-keyframes shrink-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    33% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes shrink-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    33% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes checkbox-check {
    0% {
        border-color: #fff;
        height: 0;
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
        width: 0
    }

    33% {
        height: 0;
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
        width: .2em
    }

    100% {
        border-color: #fff;
        height: .5em;
        -webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
        transform: translate3d(0, -.5em, 0) rotate(45deg);
        width: .2em
    }
}

@keyframes checkbox-check {
    0% {
        border-color: #fff;
        height: 0;
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
        width: 0
    }

    33% {
        height: 0;
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
        width: .2em
    }

    100% {
        border-color: #fff;
        height: .5em;
        -webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
        transform: translate3d(0, -.5em, 0) rotate(45deg);
        width: .2em
    }
}

.register-with-us .login-social-wrap {
    margin: 22px 0 8px
}

.forgot-password .login-content {
    margin-top: 104px
}

.forgot-password .forgot-para {
    color: #727272;
    font-size: 13px;
    line-height: 22px
}

.forgot-password .login-form {
    margin-top: 100px
}

.forgot-password .login-buttons {
    margin: 60px 0 151px
}


/* ==============================
    Site Main Page Hero Section
============================== */

.hero-left {
    position: relative
}

.main-carousel-caption {
    bottom: 180px;
    color: #fff;
    left: 70px;
    position: absolute;
    right: 130px;
    z-index: 1;
}

.main-carousel-caption p {
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 12px
}

.main-carousel-caption span {
    font-size: 16px
}

.main-carousel-item,
.main-carousel-item img {
    max-height: 660px;
    border-bottom-right-radius: 60px;
}

.main-carousel-item::after {
    /*background-color: rgba(0, 0, 0, 0.3);*/
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.main-carousel.numerical-owl-dots .owl-dots {
    bottom: 45px;
    right: 20px
}

.custom-owl-nav .owl-nav {
    margin-top: 0
}

.custom-owl-nav.owl-carousel .owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    color: #fff;
    height: 40px;
    margin: 0;
    width: 60px
}

.custom-owl-nav .owl-prev {
    left: 20px
}

.custom-owl-nav .owl-next {
    right: 20px
}

.custom-owl-nav [class*=carousel-nav-item] {
    background-color: #aaa;
    border-radius: 25px;
    height: 3px;
    right: 13px;
    width: 25px
}

.custom-owl-nav [class*=carousel-nav-item]::after {
    background-color: #aaa;
    border-radius: 50%;
    content: '';
    display: block;
    height: 6px;
    left: -9px;
    position: absolute;
    top: -2px;
    width: 6px
}

.custom-owl-nav .carousel-nav-item-right {
    left: 13px;
    right: auto
}

.custom-owl-nav .carousel-nav-item-right::after {
    left: auto;
    right: -9px
}

.custom-owl-nav.custom-owl-nav-form1 .owl-nav [class*=owl-] {
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2)
}

.custom-owl-nav.custom-owl-nav-form1 .owl-nav button.owl-prev {
    left: -30px
}

.custom-owl-nav.custom-owl-nav-form1 .owl-nav button.owl-next {
    right: -30px
}

.custom-owl-nav.custom-owl-nav-form1 [class*=carousel-nav-item] {
    background-color: #4ec1b2
}

.custom-owl-nav.custom-owl-nav-form1 [class*=carousel-nav-item]::after {
    background-color: #f6586f
}

.numerical-owl-dots.owl-carousel .owl-dots {
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
    color: #fff;
    counter-reset: slides-num;
    padding: 5px 7px;
    position: absolute;
    bottom: 20px;
}

.numerical-owl-dots.owl-carousel .owl-dots:after {
    content: " / " counter(slides-num);
    display: inline-block;
    font-size: 14px;
    padding-left: 12px;
    vertical-align: middle
}

.numerical-owl-dots.owl-carousel .owl-dot {
    counter-increment: slides-num;
    display: inline-block
}

.numerical-owl-dots.owl-carousel .owl-dot span {
    display: none
}

.numerical-owl-dots.owl-carousel .owl-dot.active:before {
    content: counter(slides-num);
    display: inline-block;
    font-size: 14px;
    left: 9px;
    position: absolute;
    top: 6px;
    vertical-align: middle
}

.mouse-down {
    border: 2px solid #fff;
    border-radius: 25px;
    bottom: 20px;
    height: 60px;
    width: 33px;
    z-index: 1;
}

.mouse-down .chevron {
    -webkit-animation: move-chevron 3s ease-out infinite;
    animation: move-chevron 3s ease-out infinite;
    height: 3px;
    left: 4px;
    opacity: 0.1;
    position: absolute;
    top: 16px;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    width: 20px
}

.mouse-down .chevron:first-child {
    -webkit-animation: move-chevron 3s ease-out 1s infinite;
    animation: move-chevron 3s ease-out 1s infinite
}

.mouse-down .chevron:nth-child(2) {
    -webkit-animation: move-chevron 3s ease-out 2s infinite;
    animation: move-chevron 3s ease-out 2s infinite
}

.mouse-down .chevron:before,
.mouse-down .chevron:after {
    background-color: #fff;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%
}

.mouse-down .chevron:before {
    border-radius: 5px 0 0 5px;
    left: 2px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.mouse-down .chevron:after {
    border-radius: 0 5px 5px 0;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    right: 2px
}

@-webkit-keyframes move-chevron {
    25% {
        opacity: 0.5
    }

    33.3% {
        opacity: 0.8;
        -webkit-transform: translateY(0.5rem) scale(0.8);
        transform: translateY(0.5rem) scale(0.8)
    }

    66.6% {
        opacity: 1;
        -webkit-transform: translateY(1rem) scale(1);
        transform: translateY(1rem) scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2rem) scale(0.3);
        transform: translateY(2rem) scale(0.3)
    }
}

@keyframes move-chevron {
    25% {
        opacity: 0.5;
    }

    33.3% {
        opacity: 0.8;
        -webkit-transform: translateY(0.5rem) scale(0.8);
        transform: translateY(0.5rem) scale(0.8)
    }

    66.6% {
        opacity: 1;
        -webkit-transform: translateY(1rem) scale(1);
        transform: translateY(1rem) scale(1)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2rem) scale(0.3);
        transform: translateY(2rem) scale(0.3)
    }
}

.hero-right {
    background-color: #fff;
    /*box-shadow: -10px -20px 20px rgb(0 0 0 / 30%);*/
    height: 100%;
    max-height: 657px;
    overflow-y: auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1
}

.iaa-logo {
    position: absolute;
    top: 10px;
    right: 18px;
}

.ms-widget {
    margin-top: 100px;
    position: relative
}

.ms-welcome-guest {
    margin-top: 19px
}

.ms-welcome-guest p {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 9px
}

.ms-welcome-guest span {
    font-size: 16px;
    font-weight: 600
}

.ms-tag-options {
    margin: 30px 0 30px;
    text-align: center
}

.ms-tag-options li {
    border: 1px solid #1a1a1a;
    border-radius: 6px;
    color: #1a1a1a;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    text-align: center;
    width: 46.8%;
    padding: 8px 7px;
}

.ms-tag-options li:hover {
    background-color: #1a1a1a;
    color: #fff;
}

.ms-tag-options li:last-child {
    margin-right: 0;
}

.ms-form .input-group {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); */
    border-radius: 10px;
    margin-bottom: 26px;
    margin-top: 20px;
    border: 1px solid #1a1a1a36;
}

.ms-form .input-group-text {
    color: #fff;
    border-radius: 10px 0 0 10px;
    border: none;
    padding: 14px 20px 14px 20px;
    max-width: 60px;
}

.ms-form .input-group:nth-child(1) .input-group-text {
    background-image: -moz-linear-gradient(135deg, rgba(252, 96, 118, 1) 25%, rgba(254, 135, 83, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(252, 96, 118, 1) 25%, rgba(254, 135, 83, 1) 100%);
    background-image: linear-gradient(135deg, rgba(252, 96, 118, 1) 25%, rgba(254, 135, 83, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fc607600', endColorstr='#fe875300', GradientType=0)
}

.ms-form .input-group:nth-child(2) .input-group-text {
    background-image: -moz-linear-gradient(135deg, rgba(157, 70, 209, 1) 25%, rgba(250, 113, 205, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(157, 70, 209, 1) 25%, rgba(250, 113, 205, 1) 100%);
    background-image: linear-gradient(135deg, rgba(157, 70, 209, 1) 25%, rgba(250, 113, 205, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c471f500', endColorstr='#fa71cd00', GradientType=0)
}

.ms-form .input-group:nth-child(3) .input-group-text {
    background-image: -moz-linear-gradient(135deg, rgba(164, 43, 152, 1) 25%, rgba(245, 87, 108, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(164, 43, 152, 1) 25%, rgba(245, 87, 108, 1) 100%);
    background-image: linear-gradient(135deg, rgba(164, 43, 152, 1) 25%, rgba(245, 87, 108, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a42b9800', endColorstr='#f5576c00', GradientType=0)
}

.ms-form .form-control {
    border-radius: 0 10px 10px 0;
    border: none;
    /*color: #ababab;*/
    font-size: 14px;
    height: 54px;
    padding: 6px 20px;
}

.ms-form .form-control::placeholder {
    color: #ababab
}

.select-ms-city {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #ababab 50%), linear-gradient(135deg, #ababab 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 11px), calc(100% - 15px) calc(1em + 11px), 100% 0;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 2.5em 54px;
    padding-right: 43px
}

.select-ms-city option {
    font-size: 14px
}

.input-ms-date::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../img/sprite.png') -595px -111px no-repeat;
    height: 22px;
    width: 22px;
    position: relative;
    top: 2px;
}

.ms-widget-btn {
    margin-top: 30px;
}

.btn-ms {
    border-radius: 10px;
    font-size: 20px;
    padding: 10px;
    font-weight: 500;
}

.ms-widget-btn .btn-ms {
    display: block;
    margin: 0 auto;
    max-width: 350px;
    width: 100%
}


/* ==============================
    Site Main Content
============================== */

.section {
    margin-top: 40px
}

.section-alt {
    background-color: #f7f7f7;
    margin-top: 30px;
    padding: 30px 0
}

.section-content {
    margin-top: 10px
}

.section-title {
    position: relative;
    padding-bottom: 16px;
    overflow: hidden
}

.section-title-hdng {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.6px
}

.section-title-desc {
    clear: left;
    color: #a5a4a4;
    display: block
}

.section-title::after {
    /*background-color: #38c7b4;*/
    border-radius: 3px;
    bottom: 0;
    content: '';
    height: 5px;
    left: 0;
    max-width: 120px;
    min-width: 60px;
    position: absolute;
    width: 50%
}

.section-title.section-title-hr-left {
    /*padding: 0 0 0 0px*/
}

.section-title.section-title-hr-left::after {
    height: 100%;
    min-width: 5px;
    max-width: 5px;
    width: 5px
}

.section-title-with-dropdown {
    overflow: visible
}

.section-title-with-dropdown .section-title-hdng,
.section-title-with-dropdown .ao-drpdn {
    float: left
}

.ao-drpdn .dropdown-toggle {
    background-color: transparent;
    border: none;
    color: #626eff;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0 0 30px
}

.ao-drpdn .dropdown-toggle::after {
    display: none
}

.ao-drpdn-menu {
    border: none;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin: -70px 0 0 -9px;
    min-width: 360px;
    padding: 35px 30px
}

.ao-drpdn-menu .dropdown-header {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.6px;
    margin-bottom: 25px;
    padding: 0
}

.ao-drpdn-menu .dropdown-item {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 22px;
    padding: 0;
    text-decoration: none
}

.ao-drpdn-menu .dropdown-item:last-child {
    margin-bottom: 0
}

.ao-drpdn-menu a:hover,
.ao-drpdn-menu a:focus,
.ao-drpdn-menu a:active {
    background-color: transparent;
    color: #525cd7
}

.btn-see-more {
    background-color: #1a1a1a;
    /* border: 1.5px solid #1a1a1a; */
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    padding: 6px 12px 6px;
    font-weight: 500;
}

.btn-see-more:hover,
.btn-see-more:focus {
    border-color: #4f63e8;
    color: #fff;
    Background-color: #4f63e8;
}

.section-title .btn-see-more {
    right: 0
}

.section-title-center {
    text-align: center
}

.img-custom {
    position: relative
}

.img-custom>img {
    border-radius: 10px;
    /* max-height: 200px; */
}

.img-custom::after {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.89) 99%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.89) 99%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 10%) 25%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0.89) 99%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
    border-radius: 8px;
    bottom: 0;
    content: '';
    left: 0;
    /*position: absolute;*/
    right: 0;
    top: 0
}


/* how it works */

.hiw-col {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    /*box-shadow: 0 0 20px rgba(51, 51, 51, 0.12);*/
    overflow: hidden
}

.hiw-col img {
    float: left
}

.hiw-col-text {
    float: left;
    margin-top: 15px;
    width: 190px
}

.hiw-col-text p {
    font-size: 17px;
    font-weight: 600
}

.hiw-col-text span {
    color: #a0a0a0;
    display: block;
    font-size: 12px
}

/* ways to daycation styles */

.wds-card {
    border-radius: 8px;
    /*box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);*/
    display: block
}

.wds-card span {
    color: #fff;
    left: 0;
    padding: 0 20px;
    right: 0;
    text-align: center;
    z-index: 1;
    font-size: 0.9rem;
}


/* special offers for you */

.so-card::after {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.15);
}


/* offer banner  */

.section-ofr-bnr {
    margin-top: 60px
}

.section-ofr-bnr img {
    border-radius: 8px
}


/* our fresh picks */

.section-ofp .section-content {
    margin-top: 15px
}

.ofp-card {
    background-color: transparent;
    border: none;
    border-radius: 0;
    display: block;
    margin-top: 25px
}

.ofp-disc-txt {
    bottom: 16px;
    color: #1a1a1a;
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    z-index: 1;
    background-color: #ffc107ed;
    padding: 5px 10px 5px 10px;
    border-radius: 4px 0 0 4px;
}

.ofp-badge {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
    left: 10px;
    position: absolute;
    padding: 5px 13px;
    text-align: center;
    top: 10px;
    z-index: 1
}

.ofp-badge.exclusive {
    background-color: #822178;
}

.ofp-badge.premium {
    background-color: #F23952
}

.ofp-card .card-body {
    overflow: hidden;
    padding: 13px 10px
}

.ofp-card .card-title {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}

.card-duration {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 5px;
    float: left;
}

.ofp-tags {
    color: #8f8f8f;
    font-size: 12px;
    float: left;
    margin-bottom: 10px;
}

.ofp-tags li {
    float: left;
    margin-right: 9px;
    padding-left: 11px;
    position: relative
}

.ofp-tags li:first-child {
    padding-left: 0
}

.ofp-tags li:last-child {
    margin-right: 0
}

.ofp-tags li::before {
    background-color: #4d4d4d;
    border-radius: 50%;
    content: '';
    display: block;
    height: 5px;
    left: 0;
    width: 5px
}

.ofp-tags li:first-child::before {
    display: none
}

.ofp-rating {
    /*border-left: 1px solid #4e4e4e;*/
    color: #f4576a;
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px 13px;
    padding-left: 11px
}

.ofp-price {
    clear: left;
    color: #8f8f8f;
    float: left;
    font-size: 12px
}

.ofp-price p {
    margin-bottom: 1px;
    position: relative;
    width: 97px
}

.ofp-price p::after,
.pnp-price p::after {
    background-color: #4d4d4d;
    content: '';
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px
}

.ofp-price del {
    color: #a6a6a6;
    font-size: 14px;
}

.ofp-price ins {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 600;
    /*margin-right: 2px*/
}


/* drink & dining super savers */

.ddss-card-caption {
    bottom: 0;
    color: #fff;
    left: 0;
    min-height: 94px;
    padding: 0 30px 25px;
    position: absolute;
    right: 0;
    z-index: 1
}

.ddss-card-caption p {
    font-size: 13px;
}

.ddss-card-caption del {
    margin-right: 8px
}

.ddss-card-caption ins {
    font-size: 20px
}

.ddss-card-caption span {
    display: block;
    font-size: 13px;
    line-height: 18px
}


/* wekeend tour packages */

.wtp-card {
    margin-top: 0
}


/* why book with us */

.section-wb,
.section-op {
    margin-top: 75px
}

.why-book {
    background: #ffffff url('../img/why-book-bg.jpg') center center no-repeat;
    padding: 65px 0 63px
}

.wb-col {
    color: #fafafa;
    text-align: center
}

.wb-col .sprite {
    margin: 0 auto
}

.wb-hdng {
    font-size: 18px;
    font-weight: 600;
    margin: 28px 0 6px
}

.wb-col span {
    font-size: 12px
}


/* our partners */
.section-op .section-content {
    background-color: #f7f7f7;
    padding: 47px 0
}

.section-op.partners {
    margin-top: 35px;
    padding: 20px 0;
}

.our-partners-list {
    text-align: center
}

.our-partners-list li {
    display: inline-block;
}

.our-partners-list li:last-child {
    margin-right: 0
}



/* ==============================
    Site Footer
============================== */

.site-footer,
.site-footer a {
    color: #738796;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #38c7b4;
}

.footer-close-mbl {
    background-color: #38c7b5;
    padding: 20px 16px 16px;
}

.footer-top {
    background-color: #07111a;
    padding: 44px 0 48px
}

.stay-in-touch p {
    color: #f5f5f5;
    font-size: 28px;
    font-weight: 600;
    margin: 4px 0 3px;
    text-transform: uppercase
}

.stay-in-touch span {
    color: #ababab;
    font-size: 14px
}

.subscribe-form {
    float: left;
    margin-bottom: 9px;
    width: 100%
}

.subscribe-form .form-control {
    border-radius: 6px;
    border: none;
    color: #bbb;
    float: left;
    font-size: 14px;
    line-height: 2;
    margin: 0 10px 0 72px;
    padding: 11px 20px;
    width: 59.2%
}

.subscribe-form .form-control::placeholder {
    color: #bbb
}

.subscribe-form .btn-subscribe {
    float: left;
    font-size: 14px;
    padding: 15px 28px 14px 27px
}

.subscribe-form+p {
    clear: both;
    color: #999;
    font-size: 11px;
    margin-left: 73px
}

.subscribe-form+p a {
    color: #38c7b4
}

.subscribe-form+p a:hover,
.subscribe-form+p a:focus {
    color: #33b6a5
}

.footer-middle {
    background-color: #0a1f32;
    padding: 40px 30px 40px;
    /*border-radius: 30px;*/
}

.quick-links {
    /* border-bottom: 1px solid #62707c; */
    padding-bottom: 38px;

}

.quick-links li {
    margin-bottom: 13px
}

.quick-links a {
    font-size: 12px
}

.we-accept-wrap {
    font-size: 12px;
    margin-top: 30px
}

.we-accept-col p {
    float: left;
    margin: 4px 28px 0 0
}

.we-accept-col span {
    float: left
}

.payment-security {
    float: right
}

.footer-collapse-btn {
    background-color: #f7f7f7;
    color: #1a1a1a;
    font-size: 12px;
    margin-left: 3px
}

.footer-collapse-btn .sprt-footer-collapse-btn {
    padding: 9px;
    text-align: center
}

.footer-collapse-btn .sprt-footer-collapse-btn-arrow {
    position: relative;
    top: -1px
}

.footer-bottom {
    background-color: #07111a;
    padding: 10px 0;
}

.footer-bottom .site-logo img {
    height: 40px;
}

.copyright-text {
    color: #ababab;
    font-size: 12px;
    margin-top: 12px;
    /*text-align: center*/
}

.iaf-logo-box {
    position: absolute;
    top: -50px;
    background: #fff;
    border-radius: 50px 50px 0 0;
    padding: 10px;
    height: 110px;
    box-shadow: 0 -7px 5px 0 rgba(0, 0, 0, 0.4);
    left: 42px;
}

.footer-social-list {
    float: right;
    margin-top: 5px
}

.footer-social-list li {
    float: left;
    margin-right: 20px
}

.footer-social-list li:last-child {
    margin-right: 0
}

.footer-social-list a {
    float: left;
    height: 30px;
    opacity: 0.5;
    width: 30px
}

.footer-social-list li a:hover,
.footer-social-list li a:focus {
    opacity: 1
}


/* ==============================
    Log in & Register Individual Pages
============================== */

.site-header-alt {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 20px;
    position: sticky;
}

.site-header-alt .logo-city-change {
    margin-left: 0
}

.site-header-alt .btn-city-change {
    background-color: #f1f1f1;
    color: #4d4d4d
}

.site-header-alt .btn-city-change::before {
    background-color: rgba(0, 0, 0, 0.2)
}

.site-header-alt .sprt-city-chevron {
    background-position: -100px -22px
}

.site-header-alt .header-contact a {
    color: #4d4d4d
}

.site-header-alt .header-contact .sprt-header-call {
    background-position: 0 -97px
}

.site-header-alt .btn-hdr-search,
.site-header-alt .header-search-bar .form-control {
    background-color: #f1f1f1
}

.site-header-alt .btn-hdr-search,
.site-header-alt .header-search-bar .form-control {
    border-radius: 25px
}

.site-header-alt .btn-hdr-register {
    float: right;
    border-radius: 6px;
}

.login-page-wrap {
    margin-top: 50px
}

.login-page-wrap .modal-dialog {
    box-shadow: none
}

.login-page-wrap .modal-login-left .dont-have-accnt a {
    background-color: rgba(0, 0, 0, 0.95);
    border-radius: 25px;
    margin-left: 15px;
    padding: 8px 10px
}

.login-page-wrap .modal-login-right {
    box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
}

.login-page-site-main .section-wb {
    margin-top: 150px
}


/* ==============================
    Search Result Page
============================== */

.site-breadcrumb {
    background-color: transparent;
    color: rgba(77, 77, 77, 0.7);
    font-size: 12px;
    margin-bottom: 0;
    padding: 15px 0
}

.site-breadcrumb a {
    color: rgba(77, 77, 77, 0.7);
}

.site-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    background: url('../img/sprite.png') -20px -97px no-repeat;
    content: '';
    height: 11px;
    margin: 0 12px;
    padding: 0;
    position: relative;
    top: 1px;
    width: 7px
}

.site-breadcrumb .breadcrumb-item+.breadcrumb-item.active {
    color: #626eff
}

.site-breadcrumb .breadcrumb-item+.breadcrumb-item.active::before {
    background-position: -29px -97px
}

.mdfy-search-wrap {
    background-color: #f5f5f5;
    padding: 40px 0
}

.mdfy-search {
    margin-top: 34px
}

.mdfy-search-hotel-location {
    border-radius: 8px;
    border: 0;
    height: 116px;
    width: 100%
}

.mdfy-search-form {
    overflow: hidden
}



.mdfy-search-form-col {
    float: left;
    margin-right: 15px;
    width: 26%;
}


.mdfy-search-form-col:last-child {
    margin-right: 0;
    width: 15%
}

.mdfy-search-form-col .form-group {
    margin-bottom: 0
}

.mdfy-search-form-col label {
    color: #ababab;
    margin: 0 0 7px 20px
}

.mdfy-search-form-col .form-control {
    background-color: #fff;
    border-radius: 6px;
    border-color: #e6e6e6;
    box-shadow: none;
    color: #4d4d4d;
    cursor: default;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 20px
}

.mdfy-search-form-col .select-mdfy-city {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #4d4d4d 50%), linear-gradient(135deg, #4d4d4d 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), 100% 0;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 2.5em 54px;
}

.mdfy-search-form-col .select-mdfy-city option {
    font-size: 14px
}

.mdfy-search-form-col .input-ms-date {
    height: 50px;
}

.mdfy-search-form-col .input-ms-date::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../img/ms-calendar.png') 15px 8px no-repeat;
    height: 27px;
    width: 28px
}

.btn-mdfy {
    border-radius: 6px;
    font-weight: 560;
    margin-top: 30px;
    padding: 12px 20px;
    text-align: center
}

.filter-search-wrap {
    margin-top: 45px
}

.filter-search {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(100, 100, 100, 0.3);
    left: -120px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 75px
}

.fs-control-head {
    background-color: #fa6a82;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 23px 5px
}

.fs-control-head .sprt-filter-control-head-arrow {
    position: relative;
    top: 2px
}

.fs-control-items li {
    border-bottom: 1px solid #e6e6e6;
    padding: 17px 10px
}

.fs-control-items li:last-child {
    border-bottom: none
}

.fs-control-items-txt {
    font-size: 12px;
    font-weight: bold
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-filter-search .modal-dialog {
    max-width: 465px
}

.modal-filter-search .modal-content {
    border: none;
    border-radius: 0;
    max-height: 657px;
    overflow-y: auto
}

.modal-filter-search .modal-header {
    background-color: #f1f1f1;
    border-bottom: none;
    padding: 34px 50px;
    justify-content: normal
}

.modal-filter-search .modal-title {
    line-height: normal;
    margin-left: 15px
}

.filter-clear-all {
    color: #ccc;
    cursor: pointer;
    font-weight: 600;
    margin: 2px 0 0 143px
}

.modal-filter-search .modal-body {
    padding: 30px 50px
}

.filter-row-repeat {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 23px;
    padding-bottom: 25px
}

.filter-row-repeat:last-child {
    border-bottom: none;
    margin-bottom: 40px;
    padding-bottom: 0
}

.filter-row-head {
    font-size: 16px;
    font-weight: 600
}

.filter-row-head .reset {
    color: #f5576c;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

.filter-row-content {
    margin-top: 21px
}

.filter-price-range {
    margin-top: 50px
}


/* price range slider styling */

.slider-labels {
    color: #4a4a4a;
    margin-top: 18px
}


/* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    direction: ltr;
    position: relative
}

.noUi-base {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
        /* Fix 401 */
}

.noUi-origin {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when its values is > 50%. */
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top .3s;
    transition: left 0.3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}


/* Painting and performance; * Browsers can paint handles in their own layer. */

.noUi-base,
.noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}


/* Slider size and handle placement; */

.noUi-horizontal {
    height: 4px
}

.noUi-horizontal .noUi-handle {
    background-color: #38c7b4;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    height: 18px;
    left: -10px;
    top: -10px;
    width: 18px
}


/* Styling; */

.noUi-background {
    background: #e6e6e6
}

.noUi-connect {
    background: #38c7b4;
    -webkit-transition: background-color 450ms;
    transition: background-color 450ms
}

.noUi-origin {
    border-radius: 5px
}

.noUi-target {
    border-radius: 5px
}


/* Handles and cursors; */

.noUi-draggable {
    cursor: w-resize
}

.noUi-vertical .noUi-draggable {
    cursor: n-resize
}

.noUi-handle {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    cursor: default
}

.noUi-handle:active {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 8px solid #38c7b4;
    border: 8px solid rgba(56, 199, 180, 0.38);
    left: -14px;
    top: -14px
}


/* Disabled state; */

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-origin,
[disabled] .noUi-handle {
    cursor: not-allowed
}

.filter-type-list {
    overflow: hidden
}

.filter-type-list li {
    border-radius: 6px;
    font-size: 14px;
    float: left;
    height: 90px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color 0.3s ease, color 0.3s ease;
    transition: background-color 0.3s ease, color 0.3s ease;
    width: 120px
}

.filter-type-list li:hover {
    background-color: #626eff;
    color: #fff
}

.filter-type-list li:hover .sprt-filter-type-hotel {
    background-position: 0 -267px
}

.filter-type-list li:hover .sprt-filter-type-resort {
    background-position: -44px -267px
}

.filter-type-list li:hover .sprt-filter-type-villa {
    background-position: -93px -267px
}

.filter-type-list li:hover .sprt-filter-type-cottage {
    background-position: -141px -267px
}

.filter-type-list li:hover .sprt-filter-type-camps {
    background-position: -189px -267px
}

.filter-type-list li:hover .sprt-filter-type-more {
    background-position: -234px -267px
}

.filter-star-rating li {
    margin-bottom: 20px;
    overflow: hidden
}

.filter-star-rating li:last-child {
    margin-bottom: 0
}

.filter-star-rating .remember-me {
    float: left
}

.filter-star-rating .remember-me input[type='checkbox']+label {
    color: #1a1a1a;
    font-size: 14px
}

.filter-star-rating .property-star-list {
    float: right
}

.filter-type-list li:hover .sprt-filter-amenities-wifi {
    background-position: 0 -358px
}

.filter-type-list li:hover .sprt-filter-amenities-jacuzzi {
    background-position: -44px -358px
}

.filter-type-list li:hover .sprt-filter-amenities-pool {
    background-position: -93px -358px
}

.filter-type-list li:hover .sprt-filter-amenities-gym {
    background-position: -141px -358px
}

.filter-type-list li:hover .sprt-filter-amenities-parking {
    background-position: -189px -358px
}

.filter-type-list li:hover .sprt-filter-amenities-pet {
    background-position: -234px -358px
}

.filter-neighbourhood-list li {
    border: 1px solid #e6e6e6;
    height: auto;
    margin: 0 7px 12px 0;
    max-width: 115px;
    padding: 9px 10px
}

.filter-neighbourhood-list li:nth-child(3),
.filter-neighbourhood-list li:nth-child(6) {
    margin-right: 0
}

.modal-filter-search .modal-footer {
    bottom: 0;
    position: fixed;
    width: 100%
}

.btn-filter-mdfy {
    border-radius: 25px;
    font-size: 20px;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 25px;
    width: 100%
}

.found-sort {
    margin-top: 45px
}

.input-sblh-group {
    position: initial;
}

.input-sblh-group label {
    background-color: #4d4d4d;
    border-radius: 6px;
    height: 48px;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: -14px;
    width: 48px;
    z-index: 1;
}

.input-sblh-group input[type="checkbox"] {
    display: none
}

.input-sblh,
.input-sblh:focus {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    color: #ababab;
    font-size: 15px;
    opacity: 0;
    padding: 12px 10px 12px 60px;
    position: absolute;
    top: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
    visibility: hidden;
    width: 50px;
    z-index: 0
}

.input-sblh::placeholder {
    color: #ababab
}

.input-sblh-group input[type="checkbox"]:checked+.input-sblh {
    opacity: 1;
    visibility: visible;
    width: 50%;
    top: 0;
}

.srp-cat-filter {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    float: left;
    font-size: 13px;
    margin-left: 65px;
    overflow: hidden
}

.srp-cat-filter li {
    border-right: 1px solid #e6e6e6;
    cursor: pointer;
    float: left;
    height: 48px;
    padding: 14px 16px;
    text-align: center
}

.srp-cat-filter li:hover,
.srp-cat-filter li.active {
    background-color: #4f63e8;
    color: #fff
}

.srp-cat-filter li:last-child {
    border-right: none
}

.sort-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #4d4d4d 50%), linear-gradient(135deg, #4d4d4d 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), 100% 0;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 2.5em 54px;
    margin-top: 2px;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.sort-select option {
    font-size: 14px
}

.section-srp-items {
    margin-top: 0
}

.srp-promo {
    margin: 70px 0 80px;
    text-align: center
}


/* newly added experience */

.section-nae {
    padding-bottom: 50px
}

.nae-card {
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 0
}

.nae-card .img-custom img,
.nae-card .img-custom::after {
    border-radius: 8px 8px 0 0
}

.nae-card .card-body {
    padding: 18px 12px
}

.nae-card .card-title {
    font-size: 14px;
}


/* ==============================
    Product Detail Page
============================== */

.btn-pdp-your-cart {
    border-radius: 30px;
    font-size: 14px;
    padding: 12px 25px;
    line-height: 20px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(163, 99, 99, 0.2);
    z-index: 2;
}

.prdct-back-share {
    height: 24px;
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 27px;
    width: 100%;
    z-index: 2
}

.prdct-main-carousel,
.prdct-main-carousel .owl-stage-outer,
.prdct-main-carousel img {
    border-radius: 20px
}

.prdct-main-carousel .owl-item img {
    max-height: 484px;
}

.prdct-main-carousel-thumbs {
    overflow-y: auto;
    max-height: 484px;
}

.prdct-main-carousel-thumbs img {
    width: 164px;
    height: 115px;
    border-radius: 10px
}

.prdct-main-carousel-thumbs li {
    float: left;
    margin: 0 10px 8px 0;
    opacity: 0.9;
    position: relative;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.prdct-main-carousel-thumbs li::before {
    background-color: rgba(20, 25, 28, 0.9);
    border-radius: 3px 3px 10px 3px;
    bottom: 4px;
    content: '';
    height: 42px;
    line-height: 50px;
    opacity: 0;
    position: absolute;
    right: 4px;
    text-align: center;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    visibility: hidden;
    width: 42px
}

.prdct-main-carousel-thumbs li::after {
    background: url('../img/sprite.png') -383px -255px no-repeat;
    bottom: 15px;
    content: '';
    height: 19px;
    opacity: 0;
    position: absolute;
    right: 13px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    vertical-align: top;
    visibility: hidden;
    width: 24px
}

.prdct-main-carousel-thumbs li:hover,
.prdct-main-carousel-thumbs li.active,
.prdct-main-carousel-thumbs li:hover::before,
.prdct-main-carousel-thumbs li:hover::after,
.prdct-main-carousel-thumbs li.active::before,
.prdct-main-carousel-thumbs li.active::after {
    cursor: pointer;
    opacity: 1;
    visibility: visible
}

.prdct-main-carousel-thumbs li:nth-child(even) {
    margin-right: 0
}


/* .prdct-main-carousel-thumbs li:nth-last-child(1),
.prdct-main-carousel-thumbs li:nth-last-child(2) {
    margin-bottom: 0
} */

.prdct-detail-wrap {
    margin: -40px 30px 0;
    position: relative
}

.prdct-name-option-mbl {
    background-color: #fff;
    border-radius: 25px;
    font-size: 11px;
    left: 40px;
    padding: 4px 12px;
    position: absolute;
    top: -12px;
    z-index: 2
}

.prdct-name-price {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: relative;
    z-index: 1
}

.prdct-name-price .sprt-pop-sugg-map {
    float: left;
    position: relative;
    top: 6px
}

.pnp-name-address {
    float: left;
    margin-left: 18px;
    width: 88%
}

.pnp-name {
    font-size: 23px;
}

/* .pnp-title-rating {
    background-color: #fa6a82;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 12px 5px;
    position: relative;
    top: 0;
} */

.ofp-rating {
    margin: 0;
}

.pnp-title-rating {
    background-color: #141414;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px 4px;
    position: absolute;
    top: 10px;
    left: 10px;
}

.pnp-title-rating .sprt-star-white {
    left: 2px;
    position: relative;
    top: 1px
}

.pnp-address {
    color: #a5a4a4;
    font-size: 15px
}

.pnp-price {
    text-align: right
}

.pnp-price del {
    color: #ababab;
    font-size: 15px
}

.pnp-price ins {
    font-size: 25px;
    font-weight: 600;
    margin-right: 10px
}

.pnp-price span {
    color: #4d4d4d;
    display: block;
    font-size: 13px
}

.btn-pnp-select-pckg {
    border-radius: 6px;
    font-size: 15px;
    padding: 16px 10px;
    text-align: center;
    line-height: 25px;
}

.prdct-extra-details {
    margin-top: 15px
}

.prdct-ed-sections {
    margin-top: 30px
}

.prdct-title.section-title-hr-left {
    padding-left: 0px;
    padding-bottom: 16px;
}

.prdct-title .section-title-hdng {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
}

.section-title-hdng {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: normal;
}

.list-title-hdng {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: normal;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}

.prdct-title-divider {
    border-color: #e6e6e6;
    margin: 18px 0
}

.prdct-overview-txt,
.prdct-overview-txt span,
.prdct-overview-txt font {
    font-size: 14px;
    line-height: 23px !important;
    margin-bottom: 10px !important;
    /*font-weight: 500 !important;*/
    /*color: #1a1a1a !important;*/
    /*font-family: 'Montserrat', sans-serif !important;*/
}

.prdct-overview-txt ul {
    padding: 0;
    list-style: none
}

.readMoreCollapse .collapse:not(.show) {
    display: block;
    height: 110px;
    overflow: hidden;
}

.readMoreCollapse .collapsing {
    height: 80px
}

.readMoreCollapse a.collapsed::after {
    content: 'read more \00BB'
}

.readMoreCollapse a:not(.collapsed)::after {
    content: 'read less \00AB'
}

.prdct-rm-link,
.prdct-rm-link:hover,
.prdct-rm-link:focus,
.prdct-rm-link:active {
    color: #1a1a1a;
    display: inline-block;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 16px;
}

.list-highlights li {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #4d4d4d;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px 0;
    padding: 13px
}

.list-highlights .sprite {
    margin-right: 10px;
    vertical-align: middle
}

.prdct-option-pills {
    margin-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px
}

.prdct-option-pills .nav-link {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    color: #1a1a1a;
    font-weight: 600;
    padding: 14px 5px 13px;
    text-align: center
}

.prdct-option-pills .nav-link.active,
.prdct-option-pills .show>.nav-link {
    background-color: transparent;
    border: 1px solid #38c7b4;
    color: #38c7b4
}

.prdct-option-carousel .owl-nav {
    margin-top: 0
}

.prdct-option-carousel.owl-theme .owl-nav [class*=owl-] {
    background: #565656;
    color: #fff;
    font-size: 44px;
    font-weight: 300;
    height: 50px;
    line-height: 44px;
    margin: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 50px
}

.prdct-option-carousel .owl-nav [class*=owl-]>span {
    position: relative;
    top: -4px
}

.prdct-option-carousel .owl-nav button.owl-prev {
    border-radius: 6px;
    left: 0
}

.prdct-option-carousel .owl-nav button.owl-next {
    border-radius: 6px;
    right: 0
}

.prdct-option-collapse-row {
    margin-bottom: 20px;
}

.prdct-option-collapse-row:last-child {
    margin-bottom: 0
}

.prdct-option-collapse-row .checkbox {
    right: 15px;
}

.inputnone {
    font-weight: 600;
}

.prdct-option-collapse-hdng {
    background-color: #edfffd;
    border: 1px solid #ddd;
    /* border-radius: 6px; */
    padding: 9px 10px 9px 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


/* .prdct-option-collapse-row [aria-expanded=true] .prdct-option-collapse-hdng {
    background-color: #f7f7f7;
    border-color: #e6e6e6;
    border-radius: 6px 6px 0 0
} */

.poc-name {
    font-size: 18px;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.poc-price {
    position: relative;
    text-align: right;
}

.poc-price span {
    color: #1a1a1a;
    display: inline-flex;
    font-size: 12px
}

.poc-price ins {
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-top: -4px
}

.btn-prdct-option-add {
    background-color: #30bdaa;
    border: 1px solid #30bdaa;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    margin-top: 2px;
    padding: 8px 10px;
    font-weight: 500;
    max-width: 100px;
    /* float: left;
    font-size: 18px; */
}


/* .prdct-option-collapse-row [data-toggle="collapse"] .prdct-option-add-btn-wrap .sprt-citydrpdn-chevron {
    position: relative;
    top: 16px;
    left: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
} */


/* .prdct-option-collapse-row[data-toggle="collapse"] .prdct-option-add-btn-wrap .sprt-citydrpdn-chevron {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
} */

.prdct-option-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    padding: 25px 20px
}

.included-perks-title {
    color: #3b2c2c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 19px;
    clear: left;
}

.prdct-option-included-perks .incExcListRow {
    display: none !important;
}

.prdct-option-included-perks ul>li {
    margin-bottom: 13px !important;
}

.book-hours {
    background-color: #efefef;
    border-radius: 4px;
    color: #626eff;
    cursor: default;
    float: right;
    font-size: 14px;
    padding: 10px 11px;
    float: left;
    margin-bottom: 20px;
}

.included-perks-list li {
    margin-bottom: 13px
}

.included-perks-list li:last-child {
    margin-bottom: 0
}

.included-perks-list li::before {
    background: url('../img/sprite.png') -296px -187px no-repeat;
    content: '';
    display: inline-block;
    height: 11px;
    position: relative;
    top: 5px;
    vertical-align: top;
    width: 14px
}

.included-perks-list li p {
    display: inline-block;
    font-size: 15px;
    margin-left: 20px;
    width: 88%
}

.prdct-option-pax {
    margin-top: 25px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 10px;
}

.prdct-option-pax ul>li {
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    vertical-align: middle;
    padding: 10px 19px 10px 11px;
    width: 32.9%;
}

.prdct-option-pax ul>li:last-child {
    border-right: none;
    padding-right: 11px;
}

.prdct-option-pax-date-input,
.prdct-option-pax-date-input:focus {
    background: #f0f4f5c9;
    height: 44px;
    line-height: 44px;
    font-weight: 600;
    color: #666;
    border: none;
    border-radius: 0.375rem;
    /* padding: 0px 10px 0 15px; */
    font-size: 15px;
}

.prdct-option-pax-title {
    font-weight: 600;
}

.prdct-option-pax-title>small {
    color: #999;
    font-size: 11px;
    display: block;
    font-weight: 500;
}

.input-option-pax-number {
    background: #eee;
    height: 42px !important;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.prdct-option-pax-row-left {
    font-size: 16px;
    margin: 5px 0 0 10px
}

.prdct-option-pax-row-right {
    color: #4d4d4d;
    font-size: 13px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.prdct-option-pax-row-right>span {
    width: 50%;
    margin-right: 1rem;
}

.prdct-option-pax-row-right .prdct-option-pax-counter {
    float: left
}

.prdct-option-pax-counter>span {
    background-color: #e6e6e6;
    border-radius: 4px;
    color: #727272;
    cursor: pointer;
    float: left;
    font-size: 30px;
    padding: 2px;
    text-align: center;
    width: 44px
}

.prdct-option-pax-counter>input[type="text"] {
    border: none;
    color: #1a1a1a;
    float: left;
    font-size: 18px;
    font-weight: 600;
    max-width: 50px;
    padding: 12px 12px 8px;
    text-align: center
}

.pos-sticky {
    position: sticky;
    top: 1rem;
}

.prdct-get-package {
    /*position: sticky;*/
    top: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    padding: 29px
}

.prdct-get-package-form .form-control {
    height: 38px !important;
    font-size: 14px;
}

.prdct-get-package-form .btn {
    width: 100%;
    margin-top: 20px;
    height: 46px;
}

.pgp-selected {
    background-color: #fff;
    border: 1px solid #4d4d4d;
    border-radius: 8px;
    height: 56px;
    margin-bottom: 30px
}

.pgp-selected-left {
    border-right: 1px solid #4d4d4d;
    float: left;
    max-width: 53px;
    padding: 16px 15px 11px;
    width: 20%
}

.pgp-selected-right {
    color: #333;
    float: left;
    font-size: 17px;
    padding: 14px 15px 13px;
    position: relative;
    width: 80%
}

.pgp-selected-right span {
    font-size: 15px
}

.pgp-selected-right .sprt-gp-guest-chevron {
    position: absolute;
    right: 12px;
    top: 24px
}

.btn-get-package {
    border-radius: 8px;
    font-size: 19px;
    margin-top: 40px;
    padding: 14px
}

.prdct-why-book-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px
}


/* .why-book-list li {
    line-height: 24px;
    margin-bottom: 15px
}

.why-book-list li:last-child {
    margin-bottom: 0
}

.why-book-list li::before {
    background: url('../img/sprite.png') -480px -233px no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 16px
}

.why-book-list li p {
    display: inline-block;
    margin-left: 10px;
    width: 91%
} */

.prdct-why-should ul {
    row-gap: 0 !important;
}

.prdct-why-should li {
    line-height: 24px;
    margin-bottom: 10px !important;
}

.prdct-why-should li:last-child {
    margin-bottom: 0 !important;
}

.prdct-why-should li::before {
    background: url('../img/sprite.png') -480px -233px no-repeat;
    content: '';
    display: inline-block;
    height: 16px;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 16px
}

.prdct-why-should li>font {
    display: inline-block !important;
    margin-left: 10px !important;
    width: 91% !important;
    line-height: 24px;
    color: #1a1a1a !important;
    font-size: 14px !important;
}

.prdct-why-should li>font>span {
    font-size: 14px !important;
}

.prdct-rating-row {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    overflow: hidden;
    padding: 17px 15px 11px;
    width: 100%
}

.prdct-rating-row.first-rating-row {
    margin-bottom: 20px
}

.prdct-rating-left {
    float: left;
    margin-right: 5px;
    width: 18%
}

.prdct-rating-right {
    float: left;
    width: 80%
}

.prdct-star-list {
    margin-bottom: 9px;
    overflow: hidden
}

.prdct-star-list li {
    float: left;
    height: 14px;
    margin-right: 5px
}

.prdct-map-location {
    border-radius: 8px;
    height: 180px
}

.check-timings li {
    margin-bottom: 15px
}

.check-timings .sprite,
.house-rules li .sprite {
    margin-right: 10px;
    position: relative;
    top: 3px
}

.check-timings .days-check-title {
    font-size: 14px;
    font-weight: 600
}

.check-timings .days-timings {
    font-size: 14px;
    font-weight: 400
}

.house-rules {
    overflow: hidden;
    font-size: 14px;
}

/*.house-rules li {*/
/*    float: left;*/
/*    margin: 0 15px 15px 0;*/
/*    width: 47%*/
/*}*/

.canc-policy-divider {
    margin: 10px 0 35px
}

.canc-policy-content {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 28px
}

.total-review-rating {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 600;
    text-align: right;
    margin-top: 12px
}

.total-review-rating .sprt-prdct-review-star {
    left: -5px;
    position: relative;
    top: 1px
}

.reviews-point-list {
    margin-top: 25px;
    overflow: hidden
}

.reviews-point-list li {
    float: left;
    margin: 0 5% 11px 0;
    width: 47.5%
}

.reviews-point-list li:nth-child(even) {
    margin-right: 0
}

.review-point-name {
    float: left;
    font-size: 14px
}

.review-progress {
    float: right;
    margin-top: 2px
}

.review-progress-bar {
    float: left;
    margin-top: 8px;
    position: relative
}

.review-progress-base {
    background-color: #d7d7d7;
    border-radius: 25px;
    float: left;
    height: 3px;
    position: relative;
    width: 210px
}

.review-progress-user {
    background-color: #38C7B4;
    border-radius: 25px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.review-progress span {
    color: #4d4d4d;
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-left: 11px;
    text-align: right;
    width: 30px
}

.prdct-tstmnls-list {
    margin-top: 40px
}

.prdct-tstmnls-list li {
    margin-bottom: 60px
}

.prdct-tstmnls-list li:last-child,
.prdct-tstmnls-list li:nth-last-child(2) {
    margin-bottom: 0
}

.prdct-tstmnl-meta img {
    float: left;
    margin-right: 20px
}

.prdct-tstmnl-meta-txt {
    float: left
}

.prdct-tstmnl-meta p {
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px
}

.prdct-tstmnl-meta span {
    color: #a5a4a4;
    font-size: 13px
}

.prdct-tstmnl-txt {
    font-size: 14px;
    float: left;
    line-height: 24px;
    margin-top: 18px;
    width: 100%;
}

.prdct-tstmnl-txt .prdct-rm-link {
    margin-top: 15px
}

.section-rpts {
    padding-bottom: 0
}


/* ==============================
    Review Booking Page
============================== */

.ryb-top-hdng {
    color: #0a1f32;
    font-size: 22px;
    font-weight: bold;
    margin: 14px 0;
}

.ryb-check-details {
    float: right;
}

.ryb-check-details li {
    display: inline-block;
    margin-right: 30px;
    position: relative
}

.ryb-check-details li:last-child {
    margin-right: 0
}

.ryb-check-details li::after {
    background-color: #e6e6e6;
    border-radius: 90px;
    content: '';
    height: 60px;
    right: -17px;
    position: absolute;
    top: 5px;
    width: 1px
}

.ryb-check-details li:last-child::after {
    display: none
}

.ryb-check-details p {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}

.ryb-check-details .sprite {
    margin-right: 4px;
    vertical-align: top
}

.ryb-check-details .ryb-check-values {
    font-size: 14px;
    color: #777;
    font-weight: 500;
    margin-left: 32px;
    text-align: right;
}

.ryb-check-details small {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
}

.ryb-prdct-ed-left .prdct-ed-sections {
    margin-top: 30px
}

.rvw-getway-room-features>p {
    font-size: 15px;
    margin-bottom: 13px;
}

.rvw-getway-room-features>p::before {
    background: url(../img/sprite.png) -296px -187px no-repeat;
    content: '';
    display: inline-block;
    height: 11px;
    position: relative;
    top: 5px;
    vertical-align: top;
    width: 14px;
    margin-right: 20px;
}

.ryb-tariff-summary {
    border-bottom: 1px solid #e6e6e6
}

.ryb-tariff-summary li {
    margin-right: 33px;
    padding-bottom: 28px
}

.ryb-tariff-summary small {
    margin-left: 31px
}

.ryb-tariff-summary li::after {
    height: 81px;
    right: -19px;
    top: 0
}

.ryb-check-details .sprite {
    vertical-align: middle
}

.ryb-pkg-opt .prdct-option-collapse-hdng {
    background-color: #f7f7f7;
    padding: 18px 20px
}

.ryb-pkg-opt .poc-name {
    font-size: 17px;
    font-weight: bold
}

.ryb-pkg-opt-price {
    color: #626eff;
    float: right;
    font-weight: bold
}

.ryb-pkg-opt-price .sprite {
    vertical-align: middle
}

[aria-expanded=true] .ryb-pkg-opt-price .sprite {
    transform: rotate(180deg)
}

.ryb-pkg-opt-price span {
    margin-right: 15px;
    font-size: 16px;
}

.ryb-house-rules .house-rules li {
    float: left;
    margin-right: 0;
    margin-bottom: 15px;
    width: 50%;

    vertical-align: top;
}

.ryb-house-rules .house-rules li>img {
    margin-right: 10px;
    float: left;
}

.ryb-trvlr-info .section-title-hdng {
    float: left
}

.ryb-trvlr-info .remember-me {
    clear: none;
    float: right;
    margin-top: 4px
}

.ryb-trvlr-info .section-title .remember-me input[type='checkbox']+label {
    color: #626eff
}

.ryb-trvlr-info .section-title .remember-me input[type='checkbox']+label span,
.ryb-trvlr-info .section-title .remember-me input[type='checkbox']:checked+label span {
    border-color: #626eff
}

.booking-for-list {
    overflow: hidden
}

.booking-for-list li {
    color: #4d4d4d;
    float: left;
    margin-right: 15px
}

.booking-for-list li:first-child {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    margin: 4px 15px 0 0
}

.booking-for-list .remember-me input[type='checkbox']+label>span {
    border-color: #4d4d4d
}

.booking-for-list .remember-me input[type='checkbox']+label {
    color: #4d4d4d
}

.booking-for-list .remember-me input[type='checkbox']:checked+label span:before {
    left: -4px
}

.primary-guest-details {
    overflow: hidden
}

.primary-guest-details .form-group {
    margin-top: 40px
}

.primary-guest-details .form-group label {
    font-size: 13px;
    font-weight: 600
}

.primary-guest-details .form-group label span {
    color: #abbaab;
    font-size: 10px
}

.title-dropdown {
    border: 1px solid #999;
    border-radius: 25px;
    color: #1a1a1a
}

.title-dropdown .dropdown-toggle {
    background-color: transparent;
    border: none;
    color: #1a1a1a;
    padding: 14px 20px;
    text-align: left;
    width: 100%
}

.title-dropdown .dropdown-toggle .sprite {
    right: 20px
}

.title-dropdown .dropdown-toggle::after {
    display: none
}

.titledropdownMenu {
    border: none;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(8, 3, 3, 0.2);
    margin: -30px 0 0 0;
    min-width: 120px;
    padding: 18px
}

.titledropdownMenu .dropdown-item {
    color: #ababab;
    display: block;
    font-size: 16px;
    margin-bottom: 13px;
    padding: 0;
    text-decoration: none
}

.titledropdownMenu .dropdown-item:last-child {
    margin-bottom: 0
}

.titledropdownMenu a:hover,
.titledropdownMenu a:focus,
.titledropdownMenu a:active {
    background-color: transparent;
    color: #4557ce
}

.title-dropdown .titledropdownMenu {
    border-radius: 25px;
    margin: -50px 0 0 -1px;
    min-width: 110px
}

.primary-guest-details .form-control {
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 25px;
    color: #1a1a1a;
    font-size: 15px;
    padding: 13px 20px
}

.primary-guest-details .form-control::placeholder {
    color: #1a1a1a
}

.primary-guest-details .error label {
    color: #F5576c
}

.primary-guest-details .error .form-control {
    border-color: #F5576c
}

.primary-guest-details .error .form-control::-placeholder {
    color: #ababab
}

.primary-guest-details .error .title-dropdown {
    border-color: #f5576c
}

.primary-guest-details .error .title-dropdown .dropdown-toggle .sprite {
    opacity: 0.4
}

.primary-guest-details .error .title-dropdown .dropdown-toggle {
    color: #ababab
}

.primary-guest-details .extra-txt {
    color: #8198b1;
    font-size: 12px;
    margin-top: 8px
}

.primary-guest-details .error-txt {
    color: #f5576c;
    font-size: 11px;
    font-weight: 600;
    margin: 8px 0 0 21px;
    position: absolute;
    width: 100%
}

.gstNumber {
    float: left
}

.gstNumber .remember-me {
    margin-top: 20px
}

.gstNumber .remember-me input[type='checkbox']+label {
    color: #1a1a1a
}

.gstNumber .remember-me input[type='checkbox']+label span {
    border-color: #1a1a1a
}

.gstOptional {
    color: #ababab;
    font-size: 11px;
    font-weight: 600
}

.ryb-coupons .form-group {
    height: 52px;
    margin-bottom: 40px;
    position: relative
}

.ryb-coupons .form-group .sprt-ryb-coupon-cross {
    background: url('../img/sprite.png') -310px -91px no-repeat;
    content: '';
    display: inline-block;
    height: 12px;
    opacity: 0;
    right: 20px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 12px
}

.ryb-coupons .form-group input {
    left: 20px;
    position: absolute;
    top: 20px
}

.ryb-coupons .form-group label,
.have-code-row .form-control {
    border: 1px solid #999;
    border-radius: 25px;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 15px 14px 13px 40px;
    width: 100%
}

.ryb-coupons .form-group input:checked+label,
.have-code-row .form-control:focus::placeholder {
    color: #626eff
}

.ryb-coupons .form-group input:checked~.sprt-ryb-coupon-cross {
    opacity: 1
}

.congCoupon {
    display: block;
    font-size: 11px;
    font-weight: 600;
    margin: 5px 0 0 20px
}

.have-code-row input[type="text"] {
    position: static
}

.btn-applpy-code {
    border-radius: 25px;
    font-size: 18px;
    padding: 12px 10px 11px
}

.have-code-row .form-group {
    margin-bottom: 0
}

.ryb-special-request .section-title-hdng>span {
    color: #ababab;
    font-size: 14px;
    font-weight: 600
}

.ryb-special-request .section-title small {
    color: #1a1a1a;
    font-size: 11px;
    font-weight: 600
}

.list-special-request li {
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 0 20px 20px 0;
    font-weight: 600;
    padding: 10px 15px
}

.list-special-request li input[type="checkbox"] {
    margin-right: 5px;
    position: relative;
    top: 2px
}

.list-special-request li label {
    margin-bottom: 0
}

.any-other-request {
    margin-top: 10px
}

.any-other-request>p {
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px
}

.any-other-request .form-control {
    background-color: #f7f7f7;
    border-radius: 12px;
    color: #ababab;
    font-size: 14px;
    height: 90px;
    padding: 15px
}

.proceeding-text {
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}

.proceeding-text a {
    color: #626eff
}

.ryb-price-breakup {
    overflow: hidden;
    margin-bottom: 20px
}

.ryb-prc-brkp-row {
    border-bottom: 1px solid #e6e6e6;
    font-size: 15px;
    padding: 18px 0
}

.ryb-prc-brkp-row-right {
    text-align: right
}

.ryb-prc-brkp-summary {
    cursor: pointer;
    font-size: 12px;
    padding-top: 0
}

.ryb-prc-brkp-summary p {
    font-size: 16px;
    font-weight: bold
}

.ryb-prc-brkp-summary span {
    color: #626eff
}

.full-brkup-link {
    color: #626eff;
    margin-top: 2px
}

[aria-expanded=true] .full-brkup-link .sprite {
    transform: rotate(180deg)
}

.ryb-prc-brkp-room-charges small {
    display: block;
}

.ryb-prc-brkp-promo {
    color: #77bb44;
    font-size: 13px;
    margin-top: 10px
}

.ryb-prc-brkp-tax {
    color: #999;
    font-size: 13px;
    margin-top: 10px
}

.ryb-prc-brkp-total {
    border-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0
}

.ryb-prc-brkp-total .btn {
    margin-top: 30px
}

.ryb-why-sign-in {
    margin-top: 20px
}

.ryb-why-sign-in-right>p {
    font-size: 16px;
    font-weight: 600
}

.ryb-why-sign-in-list {
    margin: 20px 0 0 20px
}

.ryb-why-sign-in-list li {
    font-size: 14px;
    margin-bottom: 15px;
    position: relative
}

.ryb-why-sign-in-list li>p {
    display: inline-block;
    margin-left: 15px;
    width: 90%
}

.ryb-why-sign-in-list li span {
    font-weight: 600
}

.ryb-why-sign-in-list li::before {
    background: url('../img/sprite.png') -296px -187px no-repeat;
    content: '';
    display: inline-block;
    height: 11px;
    margin-left: -15px;
    position: relative;
    top: 5px;
    vertical-align: top;
    width: 14px
}


/* ==============================
    Booking Voucher Page
============================== */

.voucher-header {
    margin: 30px 0 50px
}

.voucher-header-contact {
    color: #999;
    float: right
}

.voucher-header-contact li {
    margin-bottom: 8px
}

.voucher-header-contact li:last-child {
    margin-bottom: 0
}

.voucher-header-contact a {
    color: #626eff
}

.voucher-main-content {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    color: #000;
    padding: 50px 30px 30px;
    position: relative
}

.voucher-tick {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.03);
    height: 100px;
    top: -50px;
    width: 100px
}

.voucher-tick::before {
    background-color: #00f2a9;
    border-radius: 50%;
    content: '';
    display: block;
    height: 70px;
    width: 70px
}

.voucher-dear-txt {
    margin-bottom: 40px
}

.booking-id-txt {
    font-size: 16px;
    text-align: right;
    margin-top: -3px
}

.voucher-bkng-cnfrmd {
    margin-top: 45px
}

.bkng-cnfrmd-title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-top: 15px
}

.bkng-cnfrmd-meta {
    letter-spacing: -0.5px;
    line-height: 24px
}

.cnfrmtn-no {
    color: #6f05cb
}

.cnfrmtn-no b {
    font-size: 16px;
    position: relative
}

.cnfrmtn-no b::after {
    background-color: #00f2a9;
    bottom: -4px;
    border-radius: 5px;
    content: '';
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.voucher-main-img {
    margin-top: 15px
}

.voucher-main-img img {
    border-radius: 16px
}

.voucher-details {
    overflow: hidden
}

.voucher-details-row {
    border-bottom: 1px solid #e4e4e4;
    margin-top: 20px;
    padding-bottom: 20px
}

.voucher-details-row .sprite {
    float: left;
    width: 32px
}

.voucher-details-row-content {
    float: left;
    margin-left: 20px;
    width: 82%
}

.voucher-hotel-name {
    float: left;
    font-size: 18px;
    font-weight: bold
}

.voucher-star-rating {
    float: left;
    margin: 8px 0 0 14px
}

.voucher-star-rating li {
    background-color: #00aa6c;
    border-radius: 50%;
    float: left;
    height: 10px;
    margin-right: 3px;
    width: 10px
}

.voucher-hotel-address {
    clear: left;
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.voucher-check-date-time {
    color: #707070
}

.voucher-check-date-time p,
.voucher-room-cat-list li {
    color: #000;
    font-size: 15px;
    margin-top: 5px
}

.voucher-inclsns {
    background-color: #fdfdfd;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    padding: 25px 20px
}

.voucher-inclsns-title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px
}

.voucher-inclsns-list li {
    margin: 0 0 15px 5px;
    position: relative
}

.voucher-inclsns-list li::before {
    z-index: 1
}

.voucher-inclsns-list li::after {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    content: '';
    display: block;
    height: 24px;
    left: -5px;
    position: absolute;
    top: -2px;
    padding: 7px;
    width: 24px
}

.voucher-inclsns-list li p {
    font-size: 14px;
    margin-left: 15px
}

.voucher-rate-details {
    margin-top: 30px
}

.table-voucher-rate {
    background-color: #fdfdfd;
    border: none;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 0
}

.table-voucher-rate thead th {
    border-color: #e4e4e4;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    font-size: 15px;
    padding: 15px 20px
}

.table-voucher-rate td {
    border-color: #e4e4e4;
    border-bottom: none;
    padding: 13px 20px
}

.table-voucher-rate tbody tr td:last-child {
    border-left: none;
    text-align: right
}

.table-voucher-rate tbody tr:last-child td {
    border-bottom: 1px solid #e4e4e4
}

.table-voucher-rate tbody tr:last-child td:first-child {
    border-radius: 0 0 0 10px
}

.table-voucher-rate tbody tr:last-child td:last-child {
    border-radius: 0 0 10px 0
}

.table-voucher-rate .voucher-rate-price {
    font-weight: bold
}

.voucher-covid-instructions {
    color: #999;
    font-size: 13px;
    margin: 30px 0 0 40px
}

.voucher-covid-instructions li {
    margin-bottom: 15px;
    position: relative
}

.voucher-covid-instructions li:last-child {
    margin-bottom: 0
}

.voucher-covid-instructions li::before {
    content: "\002A";
    font-size: 18px;
    left: -20px;
    position: absolute;
    top: -2px
}

.voucher-footer {
    color: #acacac;
    font-size: 13px;
    margin: 40px 0;
    text-align: center
}

.voucher-footer a {
    color: #acacac
}

.footer-links {
    margin-bottom: 15px
}

.footer-links li {
    border-right: 1px solid #acacac;
    display: inline;
    padding-right: 6px;
    margin-right: 3px
}

.footer-links li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.voucher-footer hr {
    margin: 20px 0
}


/* ==============================
    About Us Page
============================== */

.site-header-alt1 {
    padding: 29px 50px;
    top: 0
}

.site-header-alt1 .logo-city-change {
    margin-left: 0
}

.about-hero-section {
    background-image: url(../img/about-hero.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    min-height: 370px;
    position: relative;
    text-align: center;
    width: 100%
}

.about-hero-section>div {
    margin-top: 15px
}

.about-hero-section h2 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0
}

.about-hero-section p {
    font-size: 20px
}

.about-hero-section .sprt-abt-map {
    bottom: -27px
}

.section-about-content {
    margin: 90px 0 !important
}

.sp-nav-pills {
    padding-left: 50px
}

.sp-nav-pills .nav-link {
    border: 1px solid #1a1a1a;
    border-radius: 25px;
    color: #1a1a1a;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 14px 12px 13px;
    text-align: center
}

.sp-nav-pills .nav-link.active,
.sp-nav-pills .show>.nav-link {
    background-color: transparent;
    border: 1px solid #626eff;
    color: #626eff
}

.sp-nav-pills .nav-link.active::after,
.sp-nav-pills .show>.nav-link::after,
.sp-nav-pills .nav-link.active::before,
.sp-nav-pills .show>.nav-link::before {
    border: 10px solid transparent;
    content: "";
    display: block
}

.sp-nav-pills .nav-link.active::before,
.sp-nav-pills .show>.nav-link::before {
    border-top-color: #626eff;
    border-width: 11px;
    top: 50px
}

.sp-nav-pills .nav-link.active::after,
.sp-nav-pills .show>.nav-link::after {
    border-top-color: #fff;
    top: 49px
}

.sp-tab-content {
    margin: 30px 90px 0 90px
}

.about-row {
    margin-bottom: 100px
}

.about-row .section-content {
    margin-top: 0
}

.about-row:last-child {
    margin-bottom: 0
}

.about-row-box-set {
    background-color: #626eff;
    border-radius: 40px 40px 0 40px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    line-height: 28px;
    padding: 66px 32px;
    position: relative;
    text-align: center;
    width: 300px
}

.about-row-box-set::before {
    background-color: #f5576c;
    border-radius: 0 20px 0 0;
    content: '';
    height: 70%;
    position: absolute;
    right: -23px;
    top: 40px;
    width: 23px
}

.about-row-box-set-wc {
    background-color: #04388d;
    border-radius: 40px 40px 40px 0;
    float: right
}

.about-row-box-set-wc::before {
    background-color: #626eff;
    border-radius: 20px 0 0 0;
    left: -23px;
    right: auto
}

.about-row-box-set-ops {
    background-color: #fa8c80
}

.about-row-box-set-ops::before {
    background-color: #626eff
}

.we-txt-bar {
    position: relative
}

.we-txt-bar::before {
    background-color: #fff;
    border-radius: 25px;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: -10px;
    width: 29px
}

.about-row-content .readMoreCollapse .collapse:not(.show),
.about-row-content .readMoreCollapse .collapsing {
    height: 100px
}

.about-row-content p {
    font-size: 15px;
    line-height: 26px;
    margin: 50px 0 20px
}

.about-wb-points {
    margin-top: 40px
}

.about-wb-col {
    background-color: #f7f8ff;
    border-radius: 16px;
    height: 200px;
    padding: 19px 12px
}

.about-wb-col .wb-hdng {
    color: #626eff;
    font-size: 14px;
    font-weight: bold;
    margin: 7px 0
}

.about-wb-col span {
    color: #585fb9;
    display: block;
    font-size: 12px;
}

.about-wb-points-ops .about-wb-col {
    background-color: #eafcf9
}

.about-wb-points-ops .about-wb-col .wb-hdng {
    color: #38C7b4
}

.about-wb-points-ops .about-wb-col span {
    color: #0fa8b0
}

.team-member-name {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px
}

.core-team-row .readMoreCollapse .collapse:not(.show),
.core-team-row .readMoreCollapse .collapsing {
    height: 160px
}

.team-row .about-row-box-set {
    background-color: #48e0b4
}

.team-row .about-row-box-set::before {
    background-color: #626eff
}

.team-carousel {
    margin-top: 50px;
    text-align: center
}

.team-carousel .about-wb-col {
    background-color: transparent;
    height: auto;
    padding: 0
}

.team-carousel .owl-item img {
    border: 10px solid #fff;
    border-radius: 50%;
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 80px;
    position: relative;
    width: 80px
}

.tm-para-box {
    background-color: #f3f3fd;
    border-radius: 16px;
    color: #8587e6;
    padding: 20px;
    margin-top: -50px;
    padding-top: 60px
}

.tm-para-box .wb-hdng {
    color: #8587e6;
    font-size: 16px
}

.tm-para-box span {
    color: #8587e6;
    line-height: 16px
}

.blog-caption {
    position: relative;
    text-align: center
}

.blog-caption p {
    font-size: 23px;
    font-weight: bold
}

.blog-caption h3 {
    font-size: 33px;
    font-weight: 800;
    margin-top: 5px
}

.blog-caption span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 18px 220px 0
}

.blog-caption::after {
    background-color: #38C7b4;
    bottom: -20px;
    border-radius: 8px;
    content: '';
    height: 5px;
    width: 200px
}

.blog-img-content {
    margin-top: 60px;
    position: relative
}

.blog-big-img {
    position: relative
}

.blog-big-img img {
    border-radius: 20px
}

.blog-big-img::after {
    background-color: rgba(51, 51, 51, 0.24);
    border-radius: 20px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.blog-search {
    bottom: 10px;
    float: none;
    margin-top: 0;
    position: absolute;
    right: 10px
}

.blog-search .btn-hdr-search {
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 22px 0 10px 22px
}

.blog-search .header-search-bar .form-control {
    background-color: rgba(0, 0, 0, 0.8);
    border: none;
    border-right: 0;
    border-radius: 22px 0 10px 22px
}

.blog-city-dd {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top
}

.blgCty-drpdn-menu-btn {
    background-color: #fff;
    border: none;
    border-radius: 60px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    height: 80px;
    margin-top: -40px;
    padding: 0 30px 0 88px;
    position: relative;
    width: 100%
}

.blgCty-logo-symbol {
    position: absolute;
    left: 20px;
    top: 15px
}

.blgCty-drpdn-menu-btn>span {
    font-size: 15px;
    font-weight: bold;
    margin-right: 8px
}

.blgCty-drpdn-menu {
    border-radius: 10px 0 0 10px;
    border: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    top: -82px !important;
    width: 100%
}

.blgCty-drpdn-menu ul {
    border-radius: 10px 0 0 10px;
    max-height: 237px;
    overflow-y: auto;
    padding: 10px 0
}

.blgCty-drpdn-menu li,
.blgNav-drpdn-menu li {
    border-bottom: 1px solid #ddd;
    cursor: default;
    padding: 8px 20px
}

.blgCty-drpdn-menu li:hover,
.blgNav-drpdn-menu li:hover {
    background-color: #eee;
    color: #38c7b4
}

.blgCty-drpdn-menu li:last-child,
.blgNav-drpdn-menu li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.blog-nav {
    cursor: default;
    display: inline-block;
    margin: 18px 0 0 25px
}

.allCat-drpdn-menu-btn,
.blog-nav-list>li,
.blgNav-drpdn-menu-btn {
    background: transparent;
    border: none;
    color: #1a1a1a;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 10px;
    position: relative
}

.allCat-drpdn-menu-btn::after,
.blog-nav-list>li::after {
    background-color: #38c7b4;
    border-radius: 5px;
    bottom: 0;
    content: '';
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    width: 100%
}

.allCat-drpdn-menu-btn.active::after,
.allCat-drpdn-menu-btn:hover::after,
.blog-nav-list>li.active::after,
.blog-nav-list>li:hover::after {
    opacity: 1;
    visibility: visible
}

.allCat-drpdn-menu {
    background: transparent;
    border: none;
    border-radius: 0;
    display: inline-block;
    float: none;
    margin: 0 0 0 42px;
    padding: 0;
    position: static
}

.blog-nav-list {
    display: inline-block
}

.blog-nav-list>li {
    display: inline-block;
    margin-right: 40px
}

.blog-nav-list>li:last-child {
    margin-right: 0
}

.blgNav-drpdn-menu-btn {
    padding: 0
}

.blgNav-drpdn:hover .blgNav-drpdn-menu-btn .sprt-blgNav-dd-chevron {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.blgNav-drpdn:hover .blgNav-drpdn-menu {
    display: block
}

.blgNav-drpdn-menu {
    border-radius: 0;
    border: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    padding: 0;
    width: 100%
}

.blgNav-drpdn-menu ul {
    max-height: 254px;
    overflow-y: auto;
    padding: 10px 0
}

.blog-breadcrumb {
    margin-top: 15px
}

.blog-top-dest {
    margin-top: 20px;
}

.blog-top-dest-content {
    margin-left: 25px;
    margin-top: 20px
}

.blog-top-dest-content p {
    font-size: 15px;
    line-height: 26px
}

.blog-top-dest-tags {
    margin-top: 25px
}

.blog-top-dest .section-title .dropdown-toggle,
.blog-top-dest .ao-drpdn-menu a:hover,
.blog-top-dest .ao-drpdn-menu a:focus,
.blog-top-dest .ao-drpdn-menu a:active {
    color: #f5576c
}

.blog-top-dest-tags li {
    background-color: #fcbc2b;
    border-radius: 30px;
    display: inline-block;
    margin-right: 6px
}

.blog-top-dest-tags a {
    color: #5c3500;
    display: block;
    font-size: 13px;
    padding: 6px 12px
}

.section-blog-gs,
.section-blog-or,
.section-blog-ta {
    margin-top: 60px
}

.section-blog-gs .section-content {
    margin: 25px -7.5px 0 -7.5px
}

.fs-carousel .owl-item {
    width: 25%
}

.blog-gs-card {
    display: block;
    margin: 15px 7.5px 0 7.5px
}

.blog-gs-card img,
.blog-or-card img,
.blog-ta-card-img img {
    border-radius: 20px
}

.blog-gs-card::after,
.blog-or-card::after,
.blog-ta-card-img::after {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 20px
}

.blog-gs-card-body {
    border-radius: 20px;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 18px 15px;
    position: absolute;
    right: 0;
    z-index: 1
}

.blog-gs-card-badge {
    background-color: #fcbc2b;
    border-radius: 4px;
    color: #1a1a1a;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 8px;
    position: absolute;
    left: 15px;
    top: 18px;
    z-index: 1
}

.blog-gs-card-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0
}

.blog-gs-card-meta {
    margin-top: 10px
}

.blog-gs-card-meta li {
    font-size: 11px;
    margin-bottom: 12px
}

.blog-gs-card-meta li:last-child {
    margin-bottom: 0
}

.blog-gs-card-meta li img,
.blog-gs-card-meta li i {
    display: inline-block !important;
    vertical-align: bottom;
    margin-right: 8px
}

.blog-gs-card-meta img {
    width: 22px !important
}

.btn-fs-ms {
    background-color: transparent;
    border: 1px solid #f5576c;
    border-radius: 30px;
    color: #f5576c;
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin: 60px auto 0;
    padding: 12px 40px
}

.or-carousel .owl-stage-outer {
    overflow-x: auto
}

.or-carousel .owl-item {
    margin-bottom: 30px
}

.or-carousel .owl-stage-outer::-webkit-scrollbar {
    background-color: #d9d9d9;
    border-radius: 5px;
    height: 6px
}

.or-carousel .owl-stage-outer::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 5px
}

.blog-or-card {
    display: block
}

.blog-or-tag-list {
    position: absolute;
    left: 15px;
    top: 18px;
    z-index: 1
}

.blog-or-tag-list li {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    font-weight: 400;
    margin-bottom: 6px;
    margin-right: 2px;
    padding: 5px;
    text-transform: uppercase
}

.blog-or-card .blog-gs-card-meta li {
    display: inline-block;
    margin: 0 10px 0 0
}

.blog-or-card .blog-gs-card-meta li:last-child {
    margin-right: 0
}

.section-title-blog-ta {
    overflow: visible
}

.section-title-blog-ta .blog-search {
    bottom: 0;
    right: 0;
    top: -2px
}

.section-title-blog-ta .btn-hdr-search {
    background-color: #f6f6f6;
    border-radius: 22px 0 0 22px;
    width: 59px
}

.section-title-blog-ta .header-search-bar .form-control {
    background-color: #f6f6f6;
    padding-bottom: 11px;
    padding-top: 11px
}

.ta-carousel .blog-ta-card {
    margin-bottom: 20px
}

.ta-carousel .owl-item:last-child .blog-ta-card {
    margin-bottom: 0
}

.blog-ta-card-img .blog-gs-card-badge {
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #11efa2;
    color: #fff;
    font-weight: 600
}

.blog-ta-card-img .blog-gs-card-badge.followed {
    background-color: #11efa2;
    border: 1px solid #11efa2
}

.blog-ta-card .blog-gs-card-body {
    border-radius: 0;
    color: #1a1a1a;
    padding: 11px 0 11px 30px;
    position: static
}

.blog-ta-card .blog-gs-card-title {
    font-weight: 600
}

.blog-ta-card .blog-ta-extra-desc {
    margin: 15px 0
}

.blog-ta-card .blog-gs-card-meta li {
    color: #a5a4a4;
    display: inline-block;
    margin-right: 20px
}

.blog-ta-card .blog-gs-card-meta li i {
    vertical-align: middle
}

.blog-ta-pagination {
    float: right;
    margin-top: 20px
}

.blog-ta-pagination .page-link {
    border: none;
    border-radius: 50%;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    line-height: 25px;
    text-align: center;
    width: 40px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 50%
}

.blog-ta-pagination .pagination {
    float: right
}

.section-blog-eti {
    margin-top: 60px
}

.blog-eti-item {
    background-color: #f7f7f7;
    border-radius: 20px;
    color: #626eff;
    font-size: 15px;
    font-weight: 600;
    padding: 17px 15px;
    text-align: center
}

.blog-eti-item img {
    margin: 0 auto 15px;
    width: 60px !important
}

.section-blog-ec {
    margin-top: 60px
}

.blog-ec-item {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 600;
    text-align: center
}

.blog-ec-item img {
    border-radius: 20px 20px 0 0
}

.blog-ec-item p {
    margin: 15px 0
}

.valrvws-content {
    margin-top: 70px
}

.valrvws-content .blog-ta-card {
    margin-bottom: 20px
}

.valrvws-content .blog-ta-card-img {
    position: relative
}

.valrvws-content .blog-gs-card-meta {
    bottom: 0;
    color: #fff;
    margin: 15px;
    position: absolute;
    z-index: 1
}

.valrvws-content .blog-gs-card-meta li {
    color: #fff;
    margin: 0 10px 0 0
}

.valrvws-content .blog-gs-card-body {
    padding: 20px 0 15px 15px
}

.valrvws-content .blog-ta-extra-desc {
    color: #777;
    font-size: 13px;
    line-height: 20px
}

.valrvws-content .blog-gs-card-body .blog-gs-card-meta {
    margin: 15px 0 20px
}

.valrvws-content .blog-gs-card-body .blog-gs-card-meta li {
    color: #1a1a1a;
    font-size: 13px;
    margin-right: 15px
}

.nav-tabs-reviews {
    border-bottom-color: rgba(77, 77, 77, 0.3)
}

.nav-tabs-reviews .nav-item {
    margin-bottom: 0
}

.nav-tabs-reviews .nav-link {
    border: none;
    border-radius: 0;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    position: relative
}

.nav-tabs-reviews .nav-link::after {
    background-color: #f5576c;
    border-radius: 25px;
    bottom: -2px;
    content: '';
    display: none;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.nav-tabs-reviews .nav-item.show .nav-link::after,
.nav-tabs-reviews .nav-link.active:after {
    display: block
}

.tab-content-reviews {
    margin-top: 50px
}

.popular-tags-wrap {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    padding: 30px 20px
}

.popular-tags-wrap .section-title::after {
    display: none
}

.popular-tags-wrap .section-title.section-title-hr-left {
    padding-left: 0
}

.popular-tags-wrap .section-title-blog-ta .blog-search {
    top: -8px
}

.plrTags-drpdn-menu-btn {
    background-color: transparent;
    border: none;
    font-size: 19px;
    font-weight: 600;
    padding: 0
}

.plrTags-drpdn-menu {
    background: transparent;
    border: none;
    display: block;
    margin: 0;
    padding: 0;
    position: static
}

.plrTags-drpdn-menu ul {
    margin-top: 10px
}

.plrTags-drpdn-menu li {
    display: inline-block;
    margin: 10px 4px 0 0
}

.plrTags-drpdn-menu li a {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #1a1a1a;
    display: block;
    font-size: 14px;
    padding: 10px 12px;
    text-align: center
}

.plrTags-drpdn-menu li:hover a,
.plrTags-drpdn-menu li.selected a {
    background-color: #f5576c;
    color: #fff
}

.press-media-row {
    margin-bottom: 60px;
    overflow: hidden
}

.press-media-row:first-child {
    margin-top: 60px
}

.press-media-sno {
    float: left;
    margin-right: 50px;
    position: relative;
    width: 116px
}

.press-media-sno>span {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    height: 45px;
    left: 26px;
    line-height: 49px;
    position: absolute;
    top: 41px;
    text-align: center;
    width: 45px
}

.press-media-txt {
    float: left;
    font-size: 15px;
    line-height: 26px;
    width: 80%
}

.press-media-txt .readMoreCollapse .collapse:not(.show) {
    height: 75px
}

.press-media-txt .prdct-rm-link {
    margin-top: 15px
}

.our-plcs-accordion {
    margin-top: 40px
}

.our-plcs-row {
    margin-bottom: 30px
}

.our-plcs-sno {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.our-plcs-sno>span {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    left: 16px;
    line-height: 38px;
    position: absolute;
    top: 25px;
    text-align: center;
    width: 32px
}

.our-plcs-card {
    border-radius: 8px;
    display: inline-block;
    margin-left: 50px;
    width: 87%
}

.our-plcs-card .card-header {
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    padding: 15px 20px;
    position: relative
}

.our-plcs-card .card-header h5 {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: bold
}

.our-plcs-card .card-header h5 .sprite {
    right: 20px;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease
}

.our-plcs-card .card-header [aria-expanded=false] h5 .sprite {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.our-plcs-card .card-body {
    padding: 25px 20px
}

.our-plcs-txt {
    font-size: 15px;
    line-height: 26px
}

.our-plcs-row:nth-child(1) .card-header {
    background-color: #d8f4f0
}

.our-plcs-row:nth-child(1) .our-plcs-card {
    border-color: #d8f4f0
}

.our-plcs-row:nth-child(2) .card-header {
    background-color: #fef0d1
}

.our-plcs-row:nth-child(2) .our-plcs-card {
    border-color: #fef0d1
}

.our-plcs-row:nth-child(3) .card-header {
    background-color: #cfd3ff
}

.our-plcs-row:nth-child(3) .our-plcs-card {
    border-color: #cfd3ff
}

.our-plcs-row:nth-child(4) .card-header {
    background-color: #d9bcd6
}

.our-plcs-row:nth-child(4) .our-plcs-card {
    border-color: #d9bcd6
}

.our-plcs-row:nth-child(5) .card-header {
    background-color: #b2ffd3
}

.our-plcs-row:nth-child(5) .our-plcs-card {
    border-color: #b2ffd3
}

.our-plcs-row:nth-child(6) .card-header {
    background-color: #e7e9ff
}

.our-plcs-row:nth-child(6) .our-plcs-card {
    border-color: #e7e9ff
}

.our-plcs-row:nth-child(7) .card-header {
    background-color: #faece9
}

.our-plcs-row:nth-child(7) .our-plcs-card {
    border-color: #faece9
}


/* ==============================
    Offers Page
============================== */

.offrs-hero {
    position: relative;
}

.offrs-hero-img {
    position: absolute;
    top: -83px;
    right: -119px;
    z-index: -1;
}

.offrs-hero-text {
    margin-top: 35px
}

.offrs-hero-text h1 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: -1px;
}

.offrs-hero-text h1 span {
    color: #EC1C51;
}

.offrs-hero-text p {
    color: #4d4d4d;
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.offrs-search-panel {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    background: #fff;
    height: 80px;
}

.offrs-search-col {
    float: left
}

.offrs-search-col .form-control {
    border: none;
    border-right: 1px solid #d7d7d7
}

.offrs-search-col .form-control,
.offrs-search-col .btn {
    height: 80px !important;
    border-radius: 0
}

.offrs-search-alldrpdn {
    width: 18%;
    border-radius: 20px 0 0 20px
}

.offrs-search-alldrpdn .form-control {
    font-size: 17px;
    font-weight: 700;
    border-radius: 20px 0 0 20px;
    background: url('../img/arrow-offrs-srch.png') no-repeat 92%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 25px
}

.offrs-search-alldrpdn .form-control option {
    font-size: 14px;
}

.offrs-search-input {
    position: relative;
    width: 37%
}

.offrs-search-input i {
    left: 25px
}

.offrs-search-input .form-control {
    font-size: 15px;
    color: #ababab;
    padding-left: 65px;
    padding-right: 50px
}

.offrs-search-input .form-control::placeholder {
    color: #ababab
}

.offrs-search-input .form-control+i {
    left: auto;
    right: 20px
}

.offrs-search-btn {
    width: 8%
}

.offrs-search-btn .btn {
    background-color: #EC1C51;
    border-radius: 0 20px 20px 0;
    line-height: 85px;
    padding: 0 34px;
}

.offrs-search-btn .btn:hover,
.offrs-search-btn .btn:focus {
    background-color: #df1247;
}

.section-ltpo {
    margin-top: 72px
}

.ltpo-card {
    border-radius: 10px;
    margin-bottom: 14px
}

.ltpo-card .img-custom>img,
.ltpo-card .img-custom::after {
    border-radius: 10px 10px 0 0
}

.ltpo-card .img-custom::after {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.55) 99%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.55) 99%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgb(0 0 0 / 5%) 50%, rgb(0 0 0 / 30%) 99%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
}

.ltpo-card .card-body {
    padding: 23px 20px;
    position: relative;
}

.ltpo-badge {
    background-color: #1a1a1a;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    width: 100px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 14px;
    top: -24px;
}

.ltpo-badge span {
    font-size: 14px;
    font-weight: 600
}

.ltpo-badge-alt {
    background-color: #EC1C51
}

.ltpo-card .card-title {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 21px;
    max-height: 46px;
    font-weight: 600;
}

.ltpo-card .card-text {
    color: #4d4d4d;
    font-size: 11px;
    font-weight: 400
}

.ltpo-card .card-text span {
    color: #fa6a82;
    font-size: 11px;
    font-weight: 500;
}

.ltpo-card .card-footer {
    text-align: center
}

.btn-ltpo-vd {
    background-color: #fa6a82;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 14px;
    border-top: 1px solid #e6e6e6;
    border-radius: 0 0 10px 10px;
    text-transform: uppercase;
}

.btn-ltpo-vd:hover,
.btn-ltpo-vd:focus {
    background-color: #626EFF;
    color: #fff
}

.offrs-details-hero {
    position: relative
}

.offrs-details-hero img {
    border-radius: 20px;
    max-height: 400px;
    width: 100%;
}

.offrs-details-hero::after {
    background-color: rgb(0 0 0 / 3%);
    border-radius: 20px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.offrs-details-hero-text {
    position: absolute;
    color: #fff;
    top: 60px;
    font-size: 27px;
    font-weight: bold;
    line-height: 38px;
    letter-spacing: -1px;
    text-align: right;
    z-index: 1;
    max-width: 560px;
    right: 25px;
}

.offrs-details-grab {
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 12%);
    border-radius: 20px;
    background: #fff;
    position: relative;
    margin: -50px 0 50px 30px;
    float: left;
    width: calc(100% - 60px);
}

.offrs-details-grab-left {
    float: left;
    padding: 50px 30px;
    width: 50%;
    font-size: 20px;
    font-weight: bold;
    border-radius: 20px;
    position: relative;
}

.offrs-details-grab-left p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


/* .offrs-details-grab-left i,
.offrs-details-grab-left p {
    float: left;
}

.offrs-details-grab-left p {
    font-size: 22px;
    font-weight: 700;
    margin-left: 28px;
} */

.offrs-details-grab-right {
    background: url(../img/subtraction5.png) 0px 0 no-repeat;
    float: right;
    color: #fff;
    font-size: 15px;
    border-radius: 0px 20px 20px 0px;
}


.offrs-details-grab-right p strong {
    font-size: 20px;
    font-weight: bold
}

.offrs-details-grab-right p:first-child {
    padding: 27px 31px;
    float: left;
    line-height: 22px;
}

.offrs-details-grab-right p:last-child {
    padding: 27px 25px;
    float: right;
    text-align: right;
    line-height: 22px;
}

.offrs-overview {
    margin-top: 60px;
    clear: left;
}

.offrs-overview .section-title-hdng {
    font-size: 22px
}

.offrs-overview .offrs-overview-txt {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 0 20px
}

.offrs-ed-row {
    border: 1px solid #ddd;
    border-radius: 20px;
    margin-bottom: 30px;
}

.offrs-ed-row:first-child {
    margin-top: 60px
}

.offrs-ed-row-hdng {
    background: #f5f6ff;
    border: 1px solid #EEEFFF;
    border-radius: 20px 20px 0 0;
    font-size: 18px;
    font-weight: bold;
    padding: 18px 20px 13px
}

.offrs-ed-row-hdng-right {
    color: #626EFF;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-top: 3px
}

.offrs-ed-row-cntnt {
    padding: 30px 25px
}

.gto-hdng {
    color: #EC1C51;
    font-size: 21px;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px
}

.gto-price-pg {
    margin-top: 25px
}

.gto-price-pg-top {
    margin-bottom: 10px
}

.gto-price-pg-sf {
    font-size: 12px;
    float: left;
}

.gto-price-pg-info {
    color: #A8A8A8;
    font-size: 11px;
    text-align: right;
}

.gto-price-pg-info i {
    vertical-align: middle;
    margin-right: 2px
}

.gto-price-pg-box {
    background-color: #F5576C;
    font-size: 12px;
    color: #fff;
    border-radius: 6px;
    padding: 10px 20px;
}

.gto-price-pg-box span {
    font-size: 20px;
    font-weight: 600;
    margin-right: 8px;
    margin-bottom: 0;
    position: relative;
    top: 2px;
}

.gto-form {
    margin-top: 30px
}

.gto-form-group {
    margin-bottom: 20px
}

.gto-form-group:last-child {
    margin-bottom: 0
}

.gto-form .form-control {
    border: 1px solid #e6e6e6;
    font-size: 15px;
    border-radius: 6px;
    height: 50px !important;
    padding: 7px 20px;
    color: #1a1a1a
}

.gto-form .form-control::placeholder {
    color: #1a1a1a
}

.gto-form-select {
    background: url('../img/arrow-offrs-srch.png') no-repeat 94%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.gto-form-select option {
    font-size: 14px
}

.gto-form-group label {
    font-size: 13px;
    color: #4D4D4D;
    margin-left: 20px;
    margin-bottom: 8px
}

.gto-form-date {
    position: relative;
}

.gto-form-date i {
    position: absolute;
    right: 15px;
    top: 13px;
}

.gto-age-retrct {
    font-size: 12px;
    color: #a8a8a8;
    margin-top: 8px;
    margin-left: 15px
}


/* ==============================
    User Profile Page
============================== */

.uph-hero {
    position: relative
}

.uph-hero::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    content: ''
}

.uph-main-detail {
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin-top: -65px;
    position: relative;
    padding: 25px;
}
.nm-initial{
padding: 30px 30px 30px 60px; 
background-color: #e8eaff;  
color:#626eff; 
border-radius:100%; 
font-size:34px; 
margin-right: -16px;
}

.uph-img-id {
    float: left;
}

.uph-img {
    background-color: #fff;
    border-radius: 20px;
    /* padding: 10px; */
    margin-top: 0px;
    position: relative;
}

.uph-img img {
    border-radius: 10px;
    max-width: 110px;
    max-height: 110px;
}

.uph-camera-wrap {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px 5px 10px 5px;
    height: 34px;
    width: 34px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 9;
    line-height: 39px;
    text-align: center;
}

.uph-id {
    font-weight: 600;
    color: #3c3c3c;
    text-transform: uppercase;
    margin: 10px 0 0 10px;
    text-align: center
}

.uph-email-phone {
    margin-left: 60px;
    float: left
}

.uph-hi-title {
    font-weight: 600;
    font-size: 23px;
    position: relative
}

.uph-hi-title::before {
    content: '';
    width: 180px;
    height: 3px;
    background-color: #5263e9;
    position: absolute;
    bottom: -17px
}

.uph-contact-list {
    margin-top: 36px
}

.uph-contact-list li {
    float: left;
    margin-right: 50px
}

.uph-contact-list li a {
    color: #3c3c3c;
    float: left;
    width: 100%
}

.uph-contact-list li a i {
    float: left;
    width: 22px;
}

.uph-contact-list li:first-child a i {
    position: relative;
    top: 2px
}

.uph-contact-list a p {
    float: left;
    margin-left: 15px
}

.btn-uph-edit-profile {
    float: right;
    background-color: #F5576C;
    color: #fff;
    font-size: 15px;
    border-radius: 8px 0 0 8px;
    padding: 6px ​19px
}

.btn-uph-edit-profile i {
    vertical-align: top;
    margin-right: 10px
}

.uph-add-list {
    margin-top: 50px
}

.uph-add-col {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    position: relative;
    padding: 33px 40px 33px 30px
}

.uph-add-col>span {
    background-color: #F5F6FF;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    top: -20px;
    left: -20px;
}

.uph-add-col>p {
    color: #626EFF;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px
}

.uph-add-col>small {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 23px
}

.uph-add-col:hover>span {
    background-color: #38c7b4
}

.uph-add-col:hover .sprt-uph-add-traveller {
    background-position: -341px -427px
}

.uph-add-col:hover .sprt-uph-add-documents {
    background-position: -383px -427px
}

.uph-add-col:hover .sprt-uph-add-payment-methods {
    background-position: -419px -427px
}

.accnt-bkng-wrap {
    margin-top: 50px
}

.accnt-bkng-tabs {
    border-bottom-color: #e6e6e6
}

.accnt-bkng-tabs>.nav-item {
    background-color: #fff;
    border: 1px solid #f5576c;
    color: #1a1a1a;
    font-size: 16px;
    text-align: center;
    padding: 15px 30px;
}

.accnt-bkng-tabs>.nav-item:first-child {
    border-radius: 10px 0 0 0;
    border-right: 0
}

.accnt-bkng-tabs>.nav-item:last-child {
    border-radius: 0 10px 0 0;
    border-left: 0
}

.accnt-bkng-tabs>.nav-item:hover,
.accnt-bkng-tabs>.nav-item:focus,
.accnt-bkng-tabs>.nav-item.show .nav-link,
.accnt-bkng-tabs>.nav-link.active {
    color: #fff;
    background-color: #f5576c;
    border-color: #f5576c;
}

.accnt-bkng-tab-content {
    margin-top: 30px;
    position: relative;
}

.my-bkng-tabs {
    border-bottom: 0
}

.my-bkng-tabs>.nav-item {
    background-color: #f8f8ff;
    border: 0;
    color: #1a1a1a;
    font-size: 14px;
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    margin-right: 10px
}

.my-bkng-tabs>.nav-item:hover,
.my-bkng-tabs>.nav-item:focus,
.my-bkng-tabs>.nav-item.show .nav-link,
.my-bkng-tabs>.nav-link.active {
    background-color: #EAF9F7;
}

.btn-bkng-filter-calendar {
    background-color: #38C7B4;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 6px;
    font-size: 13px;
    line-height: 25px;
    padding: 9px 24px;
}

.btn-bkng-filter-calendar>i {
    margin-right: 15px;
    vertical-align: middle
}

.mbo-carousel {
    margin: 20px 0
}

.my-bkng-option-col {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 16px 10px;
    text-align: center;
    cursor: pointer;
}

.my-bkng-option-col:hover {
    background-color: #f9f9f9;
}

.my-bkng-option-col>p {
    font-size: 15px;
    font-weight: 600
}

.my-bkng-option-col>i {
    display: block;
    margin: 22px auto
}

.my-bkng-option-col>span {
    font-size: 18px;
    font-weight: bold
}

.my-bkng-pkg-list {
    color: #000;
    margin-top: 50px;
    border: 1px solid #eeefff;
    border-radius: 20px
}

.my-bkng-pkg-list-head {
    background-color: #F5F6FF;
    border-bottom: 1px solid #eeefff;
    border-radius: 20px 20px 0 0;
    font-weight: 600;
    padding: 17px 30px;
}

.my-bkng-pkg-list-item {
    border-bottom: 1px solid #eeefff;
    padding: 20px 30px 18px;
    font-size: 13px
}

.my-bkng-pkg-list-item:last-child {
    border-bottom: 0
}

.my-bkng-pkg-name>i {
    float: left;
    width: 32px;
}

.my-bkng-pkg-name-cntnt {
    float: left;
    width: 80%;
    margin-left: 15px
}

.my-bkng-pkg-name-cntnt h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0
}

.my-bkng-pkg-name-cntnt small {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
}

.my-bkng-pkg-name-cntnt p {
    color: #822178;
    font-size: 13px;
    margin-top: 5px
}

.my-bkng-status {
    border: 1px solid #000;
    border-radius: 4px;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 34px
}

.my-bkng-status.completed {
    border: 1px solid #11EFA2;
}

.my-bkng-status.upcoming {
    border: 1px solid #FCA32B;
    line-height: 40px;
}

.my-bkng-status.cancelled {
    border: 1px solid #FF503F;
}

.explore-existing-col {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 40px 30px 30px 50px;
    overflow: hidden;
}

.explore-existing-col>img {
    float: left;
}

.explore-existing-col-contn {
    float: left;
    margin-left: 50px;
    width: 62%;
    color: #3D5C6D;
}

.explore-existing-col-contn>p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}

.explore-existing-col-contn>small {
    font-size: 13px;
    display: block;
}

.btn-explore-now {
    background-color: #6A75FF;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    float: right;
    padding: 8px 24px;
    margin-top: 20px
}

.accnt-bkng-pagination {
    margin-top: 20px;
    overflow: hidden;
}

.accnt-bkng-pagination>ul {
    float: right;
}

.accnt-bkng-pagination li {
    float: left;
    margin-right: 20px
}

.accnt-bkng-pagination li:last-child {
    margin-right: 0
}

.accnt-bkng-pagination li>p {
    float: left;
    margin-top: 7px
}

.accnt-bkng-pagination li>div {
    float: left;
    margin-left: 10px;
}

.pagntn-items-per-page>div {
    margin-top: 5px
}

.pagntn-items-per-page>div a {
    float: left;
    transform: rotate(90deg);
    margin-right: 15px;
    cursor: pointer;
}

.pagntn-items-per-page>div a:last-child {
    transform: rotate(-90deg);
    margin-right: 0;
}

.my-accnt-row {
    border-bottom: 1px solid #d7d7d7;
    padding: 20px;
}

.my-accnt-row:first-child {
    padding-top: 0;
}

.my-accnt-row-left>p {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 15px
}

.my-accnt-row-left li {
    color: #3c3c3c;
    margin-bottom: 3px
}

.my-accnt-row-left li:last-child {
    margin-bottom: 0
}

.my-accnt-switch {
    float: right
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #38c7b4;
}

input:focus+.slider {
    box-shadow: 0 0 1px #38c7b4;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


/* ==============================
    Add To Cart Page
============================== */

.atc-page-hdng-wrap {
    background-color: #fcfcfc;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 26px 0;
}

.atc-page-hdng {
    font-size: 26px;
    font-weight: bold;
    margin-top: 7px;
}

.slct-search-cart-pkg .dropdown-toggle {
    background: transparent;
    border-color: #d7d7d7;
    border-radius: 8px;
    float: right;
    color: rgba(77, 77, 77, 0.4);
    font-size: 13px;
    padding: 13px 25px 13px 55px;
    position: relative;
}

.slct-search-cart-pkg .dropdown-toggle::after {
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    margin-left: 20px;
}

.slct-search-cart-pkg .dropdown-toggle>.sprt-header-search {
    position: absolute;
    left: 20px;
}

.slct-search-cart-pkg .dropdown-menu .dropdown-item {
    font-size: 14px;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 31px;
}

.slct-search-cart-pkg .dropdown-item:hover {
    color: #04388d
}

.atc-cart {
    margin-top: 20px;
    margin-bottom: 100px;
}

.atc-cart-table {
    border: 1px solid #e6e6e6;
    border-top: none;
    font-size: 15px;
}

.atc-cart-table td,
.atc-cart-table th {
    border-color: #e6e6e6;
    padding: 15px 20px;
    display: inline-block;
    width: 10%
}

.atc-cart-table thead th {
    background-color: #f5f6fd;
    border-bottom: 0;
    padding: 17px 20px;
    vertical-align: top
}

.atc-cart-table td.atc-cart-item,
.atc-cart-table th.atc-cart-item {
    width: 37%;
}

.atc-cart-table td.atc-cart-price,
.atc-cart-table th.atc-cart-price {
    width: 13%;
}

.atc-cart-table th.atc-cart-remove {
    width: 7%;
    padding: 17px 10px;
}

.atc-cart-table td.atc-cart-remove {
    width: 7%;
    padding: 15px 10px;
}

.atc-cart-pkg-name img {
    float: left;
}

.atc-cart-pkg-name p {
    float: left;
    width: 58%;
    margin-left: 20px;
}

.cart-pax-drpdn {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #ababab 50%), linear-gradient(135deg, #ababab 50%, transparent 50%);
    background-position: calc(100% - 15px) calc(1em + 0px), calc(100% - 10px) calc(1em + 0px), 100% 0;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 2.5em 54px;
    width: 60px;
    font-size: 14px;
}

.cart-pax-drpdn option {
    font-size: 14px;
}

.btn-cart-remove {
    background-color: #FCDCE4;
    border-radius: 8px;
    height: 50px;
    width: 50px;
    line-height: 52px;
    margin: 0 auto;
    display: block;
}

.atc-cart-table tfoot td {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 30px;
    background-color: #fcfcfc;
    border-color: #e6e6e6;
}

.grandTotal {
    margin-right: 20px;
    position: relative;
    top: 5px;
}

.grandTotal strong {
    font-size: 20px;
    font-weight: bold
}

.btn-cart-proceed {
    background-color: #5263E9;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    padding: 15px 22px;
}

.ryb-prdct-ed-inner.ryb-traveller-information {
    padding: 20px 0;
}

.daycation-style>label {
    margin-right: 10px;
    margin-bottom: 0;
    width: 45%;
    font-weight: 600;
}

/*search filter*/
.filterSection {
    opacity: 0;
    top: 0;
    right: -3rem;
    width: 0;
    height: 100vh;
    position: fixed;
    overflow: auto;
    background: #ffffff;
    z-index: 9;
    will-change: transform;
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
    transform: translateX(0) translate3d(0, 0, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 1px 1px 10px 4px rgb(0 0 0 / 15%);
}

.filterSection.open {
    padding: 2.5rem;
    opacity: 1;
    width: 100%;
    right: 0;
    top: 0;
}

.btn-filter {
    background-color: #4f63e8;
    color: var(--white);
    border: none;
    padding: .8rem 2rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.daycation-style button {
    border: 1px solid #ced4da;
    background-color: #ffffff;
    padding: .8rem 1rem;
    color: #1a1a1a;
}

.daycation-style .btn-secondary:hover,
.daycation-style .btn-secondary:focus {
    background-color: #ffffff;
    color: #1a1a1a;
    box-shadow: none;
}

.daycation-style .dropdown-menu {
    padding: 0;
}

.daycation-style .dropdown-menu>li {
    padding: 0.5rem 1rem;
}

.daycation-style .dropdown-menu>li:hover {
    background-color: #ededed;
}

@media (max-width: 767px) {
    .btn-filter {
        padding: .8rem 1rem;
        margin-left: 1rem;
    }

    .daycation-style button {
        margin-right: 1rem
    }
}

/* Select Filter modal design */

.filterSection .btn-info {
    background-color: #38c7b4;
    border: none;
    color: #fff;
}

.filterSection .btn-info:hover,
.filterSection .btn-info:focus {
    background-color: #28a090;
    border: none;
}

.filterSection .btn-danger {
    background-color: #e95a72;
    border: none;
    color: #fff;
}

.filterSection .btn-danger:hover,
.filterSection .btn-danger:focus {
    background-color: #e95a72;
}

.reset-btn {
    border: none;
    background-color: transparent;
    color: #e95a72;
    font-size: var(--fnt-14);
}

/* Range Slider start */
.range-slider {
    text-align: center;
    position: relative;
}

.range-slider .rangeValues {
    display: block;
}

input[type="range"] {
    width: 100%;
    -webkit-appearance: none;
    position: absolute;
    left: 0;
}

input[type="range"]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border-radius: 3px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 2px solid var(--white);
    background: #4f63e8;
    margin-top: -10px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 2px solid var(--white);
    background: #4f63e8;
    margin-top: -10px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

input[type="range"]:focus {
    outline: none;
}

input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type="range"]::-moz-range-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type="range"]:-moz-focusring {
    outline: none;
    outline-offset: -1px;
}

input[type="range"]::-ms-track {
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
    z-index: -4;
}

input[type="range"]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

input[type="range"]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

input[type="range"]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #21c1ff;
}

input[type="range"]:focus::-ms-fill-lower {
    background: #888;
}

input[type="range"]:focus::-ms-fill-upper {
    background: #ccc;
}

/* Range Slider start */

.filter-types {
    height: 220px;
    overflow-x: auto;
}

.found-txt {
    margin-top: 0;
    display: flex;
    align-items: center;
    padding-left: 4rem;
}

.found-txt>span {
    margin: 0 5px;
}

@media (max-width: 767px) {
    .found-txt {
        justify-content: center;
        margin-bottom: 0.875rem;
    }

    .filterSection.open {
        padding: 1rem;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }
}

.pkg-truncate {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    width: 340px;
}

.font-12 {
    font-size: 12px;
    color: #ababab;
    font-weight: 400;
}
.price-varition {
    background-color: #f5f6ff;
    padding: 0.35rem 0.5rem;
    /* border: 1px solid #dddddd; */
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    max-width: 160px;
}
@media (min-width: 992px) {
    .ofp-card .card-title {
        height: 48px;
    }
}