body {
    font-family: 'Poppins';
}

.form-sec .login-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    display: grid;
    align-items: center;
}

.white-box {
    background: #fff;
    padding: 15px;
    border-radius: 40px;
}

.active a.nav-menu-icons {
    background: transparent;
    color: #0D8C99;
}

span.star {
    position: relative;
    top: -2px;
}

.grid-sec {
    display: grid;
    gap: 150px;
}

.gap-70 {
    gap: 70px;
}

.form-content h4 {
    color: #2B2B2B;
    font-size: 36px;
    font-weight: 400;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.form-field .custom-field {
    width: 100%;
    background: #F2F2F2;
    border: 0;
    height: 51px;
    border-radius: 16px;
    padding: 15px;
    color: #2B2B2B;
    font-size: 14px;
    outline: unset;
}

.form-field {
    margin-bottom: 15px;
    position: relative;
}

.password-hide-show .fa {
    color: #595151;
}

span.password-hide-show {
    position: absolute;
    right: 20px;
}

a.link-text {
    color: #000000;
    font-size: 14px;
}

.form-btn .btn-form {
    width: 100%;
    height: 51px;
    border: 0;
    color: #FFFFFF;
    background: #0D8C99;
    border-radius: 8px;
}

.form-btn .btn-form {
    width: 100%;
    height: 51px;
    border: 0;
    color: #FFFFFF;
    background: #0D8C99;
    border-radius: 8px;
    font-size: 20px;
}

.small-text p {
    color: #000000;
    font-size: 14px;
}

a.link-text-green {
    color: #0D8C99;
    font-weight: 600;
    text-decoration: unset;
}

.or-text p {
    color: #00000040;
    font-size: 16px;
}

ul.icon-list {
    padding: 0;
    margin: 0;
}

.left-right-space {
    padding: 0px 70px;
}

/*home page css start*/
ul.top-menus {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 50px;
    justify-content: end;
    width: 100%;
}

.top-menus li {
    list-style: none;
}

.top-menus a.nav-link {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
}

.container-fluid-items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
}

div#navbarSupportedContent {
    justify-content: end;
}

ul.navbar-nav {
    gap: 40px;
}

a.nav-menu-icons {
    display: inline-flex;
    padding: 12px 25px;
    color: #00000040;
    text-decoration: unset;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
}

a.nav-menu-icons.btn-menu {
    background: #0D8C99;
    color: #fff;
    border-radius: 8px;
}

.baner-img {
    height: 490px;
    border-radius: 24px;
    display: grid;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.baner-img {
    position: relative;
}

.main-header {
    padding: 10px 0px;
}

.baner-content-wrapper h1 {
    color: #FFFFFF;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 15px;
    font-weight: 600;
    margin: 0;
}

.baner-content-wrapper p {
    color: #FFFFFF;
    margin: 0;
    font-size: 20px;
    font-style: italic;
    text-transform: capitalize;
    letter-spacing: 1px;
}

a.baner-btn {
    display: inline-block;
    background: #0d8c998f;
    color: #ffff;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 65px;
    text-decoration: unset;
    border-radius: 10px;
}

.text-gap {
    display: grid;
    gap: 20px;
}

.search-form {
    align-items: center;
    background: white;
    border-radius: 14px;
    padding: 20px 30px;
    max-width: 100%;
    box-shadow: 0px 4px 40px rgba(175, 175, 175, 0.25);
    width: 100%;
    margin: 0 auto;
    margin-top: -5%;
    position: relative;
}

.search-field {
    /* position: relative;*/
    width: 100%;
}

.guest {
    position: relative;
}

.borderleft--right {
    padding: 0px 25px;
    border-left: 1px solid #0D8C99;
    border-right: 1px solid #0D8C99;
    width: 90%;
    margin: 0 auto;
}

.search-field label {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #2B2B2B;
    font-size: 14px;
}

.search-field input[type="text"] {
    border: none;
    border-bottom: 0;
    padding: 5px;
    width: 100%;
    background: transparent;
    cursor: pointer;
    outline: unset;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

/*
input[type="date"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;}
*/
.date-input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.date-display {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.location-dropdown,
.guest-dropdown {
    position: absolute;
    top: 112px;
    left: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 4px 17.7px rgba(173, 173, 173, 0.25);
    padding: 15px 30px;
    display: none;
    z-index: 10;
    width: 100%;
    text-align: left;
}

.location-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.location-dropdown li {
    padding: 10px 5px;
    cursor: pointer;
}

.location-dropdown li:hover strong {
    color: #ff8700;
}

.guest-dropdown button {
    padding: 4px 10px;
    font-size: 22px;
    margin: 0 5px;
    cursor: pointer;
    border: none;
    background: transparent;
    border-radius: 4px;
}

.guest-footer {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.clear-guests,
.apply-guests {
    background: #ff8700;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    flex: 1;
    margin: 0 5px;
}

.search-button {
    background: #F68712;
    color: white;
    border: none;
    padding: 15px 20px;
    border-radius: 8px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}

#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}

.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}

.ui-datepicker-calendar tbody td a {
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #f68712;
    color: white;
}

.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}

.ui-datepicker-header a>span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}

.location-field h4 {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
}

.location-field p {
    color: #00000040;
    font-size: 14px;
    margin: 0;
}

.qty-field {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-content: center;
}

span.guest-count {
    text-align: center;
    color: #F68712;
    font-size: 20px;
    font-weight: 600;
}

button.clear-guests {
    font-size: 14px;
    padding: 16px 15px !important;
    flex: unset;
    line-height: 0;
    height: auto !important;
    color: #000;
}

button.apply-guests {
    background: #F68712;
    font-size: 14px;
    padding: 16px 15px !important;
    flex: unset;
    line-height: 0;
    height: auto !important;
}

.pt-50 {
    padding-top: 50px;
}

.sec-top-heading-content h4 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

.sec-top-heading-content p {
    color: #00000040;
    font-size: 20px;
}

.three-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.destinations-box {
    padding: 15px;
    box-shadow: 0px 4px 40px rgba(175, 175, 175, 0.25);
    background: #ececec;
    border-radius: 20px;
}

.bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px;
    display: grid;
    align-items: end;
    height: 389px;
    background-position: center;
    border-radius: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.heart-icon.text-end {
    position: absolute;
    top: 15px;
    right: 15px;
}

.botton-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
    position: relative;
    z-index: 999;
}

.box-left-content h5 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
}

.box-left-content p {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0;
    font-weight: 300;
}

.box-btn {
    background: #0D8C99;
    display: inline-block;
    text-decoration: unset;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 22px;
    border-radius: 10px;
    border: 0;
}

.bg-img:after {
    content: '';
    position: absolute;
    background: url('../images/over-lap.png');
    width: 100%;
    height: 135px;
    bottom: 0;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.content-box.border-box {
    text-align: center;
    padding: 35px 25px;
    border: 2px dashed #0d8c99;
    border-radius: 24px;
    position: relative;
}

.left-top-img {
    position: absolute;
    top: -3px;
    left: -6px;
}

.box-content h4 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.box-content p {
    color: #00000080;
    font-size: 18px;
    margin: 0;
}

.box-sec-itmes .three-grid {
    gap: 55px;
}

.package-sec .bg-img {
    height: 237px;
    margin-bottom: 15px;
}

.for-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.list-text {
    text-align: center;
    background: #e3e3e3;
    padding: 4px 2px;
    border-radius: 50px;
    color: #2B2B2B;
    font-size: 12px;
}

.list-img img {
    margin-right: 5px;
}

.package-content {
    display: grid;
    gap: 15px;
}

.package-desc p {
    color: #6C6C6C;
    font-size: 14px;
    margin: 0;
}

.package-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

.right-content span {
    color: #2B2B2B;
    font-weight: 600;
    margin-right: 15px;
}

span.green-text {
    margin: 0;
    color: #0D8C99;
    font-size: 18px;
}

.footer-bg {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0px 50px 0px;
    position: relative;
}

.footer-bg:after {
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    background: url(../images/foter-arrow-img.png);
    width: 50%;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right;
    z-index: 1;
}

.foter-menu {
    position: relative;
    z-index: 999;
}

.footer-desc p {
    color: #7D7D7D;
    margin: 20px 0px;
}

.footer-searc input.srarch-field {
    width: 100%;
    padding: 12px 10px 12px 40px;
    border-radius: 10px;
    outline: unset;
    border: 0;
    background: #0D8C9940;
    color: #fff;
    font-size: 14px;
}

.footer-searc {
    position: relative;
}

span.search-icon {
    color: #fff;
    position: absolute;
    left: 18px;
    top: 10px;
}

.foter-menu h4 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

ul.menu-footer {
    padding: 0;
    margin: 0;
    display: grid;
    gap: 15px;
}

.right-sec-space {
    padding-right: 80px;
}

.menu-footer li {
    list-style: none;
}

a.menu-link {
    color: #7D7D7D;
    font-size: 14px;
    text-decoration: unset;
}

.foter-menu h4 {
    margin-bottom: 15px;
}

.social-icon {
    margin-top: 20px;
}

ul.footer-social {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 25px;
}

.footer-social li {
    list-style: none;
}

.footer-social a {
    color: #0D8C99;
    font-size: 20px;
}

.review-items {
    display: flex;
    align-items: center;
    gap: 25px;
}

.review-items span {
    font-size: 14px;
    font-weight: 600;
}

.list-wrapper.list-grid {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.list-wrapper .list-text {
    padding: 8px 20px;
}

section.list-sec {
    padding: 30px;
    box-shadow: 0px 4px 40px rgba(175, 175, 175, 0.25);
    margin: 20px 0px 50px 0px;
}

.descprtion-bg {
    padding: 50px 0px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.decprtion-content h4 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.decprtion-content p {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 26px;
}

a.text-read {
    color: #F68712;
    text-decoration: unset;
}

a.text-read-more {
    color: #F68712;
    text-decoration: underline;
    cursor: pointer;
    display: inline;
    /* ensures it stays in line with text */
    margin-left: 5px;
    /* spacing */
}

.hide {
    display: none;
}

.descption-list li {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 26px;
}

section.descprtion-sec.bottom-shape-img {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 24%;
}

.counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn {
    border: none;
    background: none;
    font-size: 18px;
    cursor: pointer;
    color: #333;
    font-weight: bold;
}

.count {
    min-width: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #0d8c99;
}

.text-label {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.value-box {
    display: inline-flex;
    padding: 6px 12px;
    background: #F2F2F2;
    border-radius: 4px;
    color: #0D8C99;
    font-size: 14px;
    height: 42px;
    align-items: center;
    border: 1px solid #E1E1E1;
}

a.cart-text-link {
    color: #0D8C99;
    font-size: 14px;
    text-decoration: unset;
}

.value-box input[type="date"] {
    background: transparent;
    border: 0;
    color: #0D8C99;
}

.cart-value-text button.btn {
    padding-top: 0;
    padding-bottom: 0;
}

.cart-items-sec a.box-btn {
    padding: 12px 22px;
    border-radius: 10px;
    text-align: center;
}

/*.cart-items-sec .container {
    max-width: 1440px;}
*/
.revie-num h5 {
    margin: 0;
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
}

.green-text h5 {
    color: #0D8C99;
}

.review-star .fa {
    color: #F68712;
}

.review-right-bar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-right-bar .revie-num {
    width: 5%;
    text-align: right;
}

.review-bar {
    width: 94%;
    height: 12px;
    background: #D9D9D9;
    border-radius: 50px;
    overflow: hidden;
}

.review-presnt {
    height: 100%;
    background: #F68712;
    border-radius: 50px;
}

.w-90 {
    width: 90%;
}

.review-field {
    margin-bottom: 25px;
}

.review-field:last-child {
    margin-bottom: 0px;
}

.star-grey {
    color: #ECECEC !important;
}

.review-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0;
}

.review-heading h5 {
    font-size: 16px;
    margin: 0;
}

.user-img img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    object-fit: cover;
}

.user-name h5 {
    color: #2B2B2B;
    font-size: 18px;
    font-weight: 600;
}

span.time {
    color: #2B2B2B;
    font-size: 14px;
}

.review-user span .fa {
    color: #F68712;
}

.user-feedback h5 {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
}

.user-review-field {
    margin-bottom: 20px;
    padding: 20px;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
}

.user-review-field {
    margin-bottom: 20px;
}

.active .nav-menu-icons path {
    /* fill: #0D8C99; */
    fill-opacity: unset !important;
}

.shadow-box {
    padding: 20px;
    box-shadow: 0px 4px 91.4px rgba(173, 173, 173, 0.29);
}

.fixed-items {
    height: 100vh;
}

.user-account-img img {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    margin-bottom: 15px;
}

p.user-name {
    color: #2B2B2B;
    margin-bottom: 5px;
    font-weight: 600;
}

p.user-email {
    color: #2B2B2B;
    font-size: 14px;
}

.menus-accounts li {
    list-style: none;
}

ul.menus-accounts {
    display: grid;
    gap: 15px;
    margin-top: 30px;
}

a.menu-item {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: #6C6C6C;
    text-decoration: unset;
    font-weight: 600;
}

.active a.menu-item {
    color: #F68712;
    fill: #F68712;
}

.active .menu-item svg path {
    fill: #F68712 !important;
}

.four-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.account-box-detail {
    text-align: center;
}

.account-details-items .package-content {
    background: #fff;
    margin-top: 20px;
    padding: 15px;
    border-radius: 8px;
}

p.top-text {
    color: #6C6C6C;
    font-size: 14px;
    margin-bottom: 6px;
}

p.bottom-text {
    color: #2B2B2B;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
}

.account-details-items .bg-img {
    height: 289px;
}

.two-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.cart-title h4 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

.date-text p {
    color: #2B2B2B;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 35px;
}

.cart-field p {
    color: #6C6C6C;
    font-size: 14px;
}

.cart-field .counter {
    width: 100px;
    margin: 0 auto;
}

.cart-field .count {
    color: #6C6C6C;
}

.cart-field .btn {
    color: #6C6C6C;
}

button.icon-delete {
    border: 0;
    background: transparent;
}

p.green-text {
    color: #0D8C99;
    font-weight: 600;
}

.cart-contact-form .input-field .custom-field {
    width: 100%;
    background: #F2F2F2;
    border: 0;
    padding: 13px 15px;
    color: #2B2B2B;
    font-size: 14px;
    border-radius: 5px;
    outline: unset;
    height: 51px;
}

.cart-contact-form {
    display: grid;
    gap: 18px;
}

textarea#message {
    height: auto;
}

.label-text p {
    color: #2B2B2B;
    margin: 0;
}

.value-text p {
    color: #2B2B2B;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.amount-fields {
    display: grid;
    gap: 18px;
}

.bg-grey {
    background: #F2F2F2;
    padding: 15px;
    border-radius: 12px;
}

.price-text p {
    margin: 0;
    font-size: 20px;
    color: #2B2B2B;
}

.value-price p {
    color: #2B2B2B;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.radio-type-fields {
    display: grid;
    gap: 15px;
}

.note-text p {
    color: #2B2B2B;
    margin: 0;
    font-size: 14px;
}

button.proced-btn {
    background: #0D8C99;
    color: #fff;
    border-radius: 8px;
    border: 0;
    width: 100%;
    height: 48px;
    font-size: 20px;
    font-weight: 500;
}

.popup-medium .modal-dialog {
    max-width: 660px;
}

.site-logo .navbar-brand img {
    height: 30px;
}

.popup-content {
    text-align: center;
    display: grid;
    gap: 20px;
    margin-top: 20px;
}

.popup-img {
    text-align: center;
}

.popup-content h3 {
    color: #2B2B2B;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}

.popup-content p {
    color: #00000080;
    margin: 0;
}

a.veryfiy-btn {
    background: #0D8C99;
    color: #fff;
    border-radius: 8px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    text-decoration: unset;
    text-transform: capitalize;
    padding: 12px 25px;
    display: inline-block;
}

/*end*/


/*new css*/
.activaty-search {
    padding: 10px 10px;
    background: #EEEEEE;
}

span.field-icons {
    position: absolute;
    top: 3px;
}

.icon-field input {
    padding-left: 30px !important;
}

.search-field {
    position: relative;
    width: 100%;
}

.activaty-search .location-dropdown,
.guest-dropdown {
    top: 62px;
}

.baner-img.half-baner {
    background-size: 61%;
    background-position: right;
    height: 587px;
}

.baner-content-wrapper-items {
    width: 60%;
}

.baner-content-wrapper-items h2 {
    font-size: 48px;
    font-family: 'Poppins';
    font-weight: 600;
}

.baner-content-wrapper-items p {
    color: #6C6C6C;
}

.search-form.activaty-search {
    margin: 0;
}

.slider-img-items .box-left-content h5 {
    color: #2B2B2B;
}

.slider-img-items .botton-content {
    display: block;
}

.slider-img-items img {
    display: block;
    width: 144px;
    border-radius: 100%;
    height: 144px;
    margin-bottom: 15px;
}

.slider-img-items {
    text-align: center;
}

.destinations-sec .slick-arrow {
    display: none !important;
}

.heart-icon {
    width: 26px;
    text-align: center !important;
    background: #F1F1F1;
    height: 26px;
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.reviews-items {
    background: #fff;
    padding: 2px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

span.reviews {
    font-size: 13px;
}

p.large-price {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
}

p.small-price {
    margin: 0;
    font-size: 12px;
    color: #6C6C6C;
    text-decoration: line-through;
}

.package-desc {
    margin-bottom: 15px;
}

.detail-baner {
    border-radius: 0px 0px 0px 50px !important;
}

.detail-baner {
    height: 504px;
    padding: 30px;
    align-items: end;
    position: relative;
    overflow: hidden;
}

.title-heading h3 {
    font-size: 24px;
    font-weight: 600;
}

.city-name p {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.baner-right-box-text {
    display: flex;
    align-items: center;
    justify-content: end;
}

.green-box {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #0D8C99;
    padding: 10px 18px;
    border-radius: 6px;
}

.left-text-items h4 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

.left-text-items p {
    margin: 0;
    color: #fff;
    font-size: 12px;
}

.line {
    width: 1px;
    height: 25px;
    background: #fff;
}

.book-baner-btn a {
    color: #fff;
    text-decoration: unset;
    font-size: 16px;
    font-weight: 600;
}

.banre-ovarlay {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
    background: #00000046;
    bottom: 0;
    filter: blur(8px);
}

.detail-baner-content {
    position: relative;
}

.detail-revie-box {
    border: 1px solid #E1E1E1;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
}

.star-field {
    display: flex;
    align-items: center;
    gap: 10px;
}

.yellow-box {
    background: #F68712;
    color: #fff;
}

.review-text h5 {
    font-size: 14px;
    margin: 0;
}

.review-text p {
    color: #6C6C6C;
    margin: 0;
    font-size: 12px;
}

.detail-revie-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a.green-text-link {
    color: #0D8C99;
    font-size: 14px;
    text-decoration: unset;
}

.map-box {
    background: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 20px;
    overflow: hidden;
}

.map-text p {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 15px;
}

a.yello-text-linl {
    color: #F68712;
    font-weight: 600;
    text-decoration: unset;
}

.card-slider.slick-initialized.slick-slider {
    display: flex;
    gap: 15px;
    align-items: center;
}

.card-box-slider .grid-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    background: #F1F1F1;
    border-radius: 20px;
    overflow: hidden;
}

.card-content p {
    margin: 0;
    color: #2B2B2B;
    font-size: 16px;
}

.card-content {
    padding: 12px;
}

.card-img img {
    width: 100%;
}

.card-box-slider {
    padding: 0px 10px;
}

.card-slider button.slick-arrow {
    background: #F1F1F1;
    border: 0;
    width: 36px;
    font-size: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 36px;
    border-radius: 50px;
}

.card-slider button.slick-prev.slick-arrow {
    position: absolute;
    left: -39px;
}

.card-slider button.slick-next.slick-arrow {
    position: absolute;
    right: -39px;
}

.popup-descprtion-sec .modal-dialog {
    max-width: 1077px;
}

.decprtion-content li {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 26px;
}

.decprtion-content ul {
    display: grid;
    gap: 10px;
}

.checkbox {
    height: 43px;
}

.top-label-text .text-label {
    margin-bottom: 0;
}

.top-label-text span.value-box {
    background: transparent;
    padding: 0;
    height: auto;
    border: 0;
}

.top-label-text a.cart-text-link {
    color: #F68712;
}

.select-field select {
    border: 1px solid #E1E1E1;
    outline: unset;
    font-size: 14px;
    padding: 8px;
    width: 100%;
    background: transparent;
}

.large-baner .baner-bg-img {
    height: 392px;
}

.baner-bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    padding: 20px;
    display: grid;
    align-items: end;
}

.small-baner .baner-bg-img {
    height: 186px;
}

.detail-baner-img {
    position: relative;
}

.baner-ovarlay {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    right: 0;
    background: #00000046;
    bottom: 0;
    filter: blur(14px);
}

.details-baner-contents {
    position: relative;
}

.location-distance {
    display: grid;
    gap: 5px;
}

.cart-btn .add-to-cart {
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    width: 100%;
}

button.btn.add-to-cart.btn-warning {
    background: #F68712;
    color: #fff;
}

.cart-table-items {
    background: #F1F1F1;
    padding: 20px;
    border-radius: 20px;
}

th {
    background: transparent !important;
}

td {
    background: transparent !important;
}

.reviews-tab {
    margin-bottom: 20px;
    border: 0;
    gap: 15px;
}

.reviews-tab .nav-link {
    border: 1px solid #E1E1E1 !important;
    border-radius: 4px !important;
    padding: 6px 20px !important;
    color: #2B2B2B !important;
    font-size: 14px;
}

.reviews-tab .nav-link.active {
    background: #F1F1F1;
}

.cart-contact-form .two-grid {
    gap: 15px;
}

.amount-fields .label-text p {
    font-size: 14px;
}

.bg-yellow {
    background: #F6871220;
    padding: 20px;
    border-radius: 8px;
}

.total-price p {
    font-size: 20px;
    margin: 0;
    color: #2B2B2B;
    font-weight: 600;
}

.baner-search-field {
    display: flex;
    align-items: center;
    padding: 5px 30px;
    background: #FFFFFF20;
    border-radius: 50px;
}

.serach-input-field {
    width: 80%;
}

.serach-input-field input.search-field {
    border: 0;
    background: transparent;
    color: #fff;
    outline: unset;
    font-size: 20px;
    font-weight: 600;
}

.bottom-overlay {
    position: absolute;
    width: 100%;
    height: 300px;
    left: 0;
    right: 0;
    background: #00000046;
    bottom: 0;
    filter: blur(14px);
}

.baner-search-location {
    position: unset;
}

.baner-content-wrapper {
    position: relative;
}

.search-btn--itme {
    width: 20%;
}

.border-right {
    border-right: 1px solid #AEADAD;
}

.top-heading h4 {
    color: #6C6C6C;
    font-size: 16px;
    font-weight: 600;
}

.filter-main-heading h4 {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
}

.select-field label {
    color: #6C6C6C;
    font-size: 14px;
}

.select-field .check-select {
    margin-right: 10px;
}

/*price filter css*/
.filter-price .price-box {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 320px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.filter-price .price-box h4 {
    margin: 0 0 10px;
    font-size: 16px;
}

.filter-price .price-values {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 14px;
}

.filter-price .price-values .label {
    color: #f97316;
    /* orange */
    font-size: 12px;
    margin-left: 4px;
}

/* slider wrapper */
.filter-price .slider-container {
    position: relative;
    height: 30px;
}

/* hide the default */
.filter-price .slider-container input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    width: 100%;
    pointer-events: none;
    background: none;
    height: 30px;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.filter-price .filter-seclect {
    display: grid;
    gap: 5px;
}

/* slider track invisible */
.filter-price input[type=range]::-webkit-slider-runnable-track {
    height: 6px;
    background: transparent;
}

.filter-price input[type=range]::-moz-range-track {
    height: 6px;
    background: transparent;
}

/* thumbs */
.filter-price input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: auto;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #f97316;
    /* orange */
    border: 3px solid #f97316;
    cursor: pointer;
    position: relative;
    margin-top: -7px;
    /* align center */
}

.filter-price input[type=range]::-moz-range-thumb {
    pointer-events: auto;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #f97316;
    border: 3px solid #f97316;
    cursor: pointer;
}

/* full background track */
.filter-price .track {
    position: absolute;
    height: 6px;
    background: #ddd;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-radius: 10px;
    z-index: 1;
}

/* the orange line between thumbs */
.filter-price .range {
    position: absolute;
    height: 6px;
    background: #f97316;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10px;
    z-index: 2;
}

.filter-seclect {
    display: grid;
    gap: 5px;
}

button.heart-btn {
    border: 0;
    background: transparent;
}

.box-right-btn .remove-booking {
    background: none;
    border: none;
    cursor: pointer;
    margin-left: 8px;
    font-size: 16px;
}

.child-count,
.adult-count,
.infant-count {
    -moz-appearance: textfield;
    border: 1px solid #E1E1E1;
    outline: unset;
    font-size: 14px;
    padding: 8px;
    width: 100%;
    background: transparent;
}

.footer-logo img {
    width: 35%;
}

.small-logo img {
    width: 35%;
}

.shadow-box {
    padding: 20px;
}

.slick-slide {
    height: auto !important;
}

.fixed-items {
    height: 100vh;
    background: #F1F1F1;
}

.active a.menu-item {
    color: #000;
    fill: #000;
}

.active .menu-item svg path {
    fill: #000 !important;
}

p.small-price {
    margin: 0;
    font-size: 12px !important;
    color: #6C6C6C;
    text-decoration: line-through;
}

.package-desc {
    margin-bottom: 0;
}

.map-text {
    padding: 15px;
}

.map-text p {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 500;
}

.filter-items-sec {
    padding-left: 40px;
}

.filter-items-sec .package-content {
    background: transparent;
    padding: 0;
    gap: 10px;
}

.list-text span.green-text {
    font-size: 10px;
}

.list-select {
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.list-select .chip {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.list-select .chip span {
    cursor: pointer;
    font-weight: bold;
}

/* here serch dublicate */

.list-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 21px;
    margin-bottom: 10px;
}

.list-itmes span {
    color: #2B2B2B;
    font-size: 14px;
}

.list-itmes img {
    width: 14px;
    height: 14px;
    margin: 0;
}

.search-form-value {
    background: #F2F2F2;
    padding: 15px;
    border-radius: 10px;
}

.borderright {
    border-right: 1px solid #0D8C99;
}

.guest-dropdown-value .qty-field {
    display: flex;
    justify-content: start;
}

.guest-dropdown-value button {
    border: 0;
    color: #00000040;
}

.guest-dropdown-value span.guest-count {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 26px;
}

p.value-text {
    margin: 0;
}

.list-heading h4 {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
}

.list-items li {
    color: #6C6C6C;
    font-size: 14px;
}

.list-items ul {
    margin: 0;
    display: grid;
    gap: 10px;
}

.popup-list-content {
    display: grid;
    gap: 30px;
    padding-bottom: 40px;
}

.standard-img-sec .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 111;
    background: transparent;
    border: 0;
    color: #fff;
}

.standard-img-sec button.slick-prev {
    left: 0;
}

.standard-img-sec .slick-next {
    right: 0;
}

.starnd-slider-img img {
    width: 100%;
    border-radius: 16px !important;
    height: 200px;
    object-fit: cover;
}

.standard-img-sec {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 15px;
}

.slider-img-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 15px;
    height: 100%;
    display: grid;
    align-items: end;
    background: #0000008c;
    border-radius: 16px;
    background-position: bottom;
}

.img-count span.count-num {
    color: #fff;
}

.slider-box-heading h4 {
    color: #2B2B2B;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.top-slider-sec {
    position: relative;
}

.price-green-text {
    color: #0D8C99 !important;
}

.list-itme span.list-text {
    background: transparent;
    color: #6C6C6C;
    font-size: 14px;
}

.standrd-list {
    display: grid;
    gap: 10px;
}

.small-text h5 {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 700;
}

.check-field label {
    color: #6C6C6C;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.rating-heading-text p {
    margin: 0;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
}

.rating-heading-text h4 {
    color: #F68712;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.rating-review-content p {
    color: #6C6C6C;
    font-size: 14px;
}

.full-room-items .starnd-slider-img img {
    width: 100%;
    border-radius: 16px !important;
    height: 300px;
    object-fit: cover;
}

.cruise-list span {
    font-size: 14px;
}

.Itinerary-content h5 {
    font-size: 14px;
    color: #2B2B2B;
    font-weight: 600;
}

.Itinerary-content p {
    color: #6C6C6C;
    font-size: 14px;
    margin: 0;
    letter-spacing: 0.4px;
}

.Itinerary-content {
    display: grid;
    gap: 10px;
}

.Itinerary-img img {
    width: 100%;
}

.Itinerary-content {
    padding-left: 50px;
    position: relative;
    padding-bottom: 30px;
}

.Itinerary-content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 5px solid #F68712;
    z-index: 999999999;
    background: #fff;
}

.Itinerary-content:before {
    content: '';
    position: absolute;
    left: 9px;
    top: 0;
    width: 1px;
    height: 100%;
    border: 1px dashed #F68712;
}

.amount-table th {
    font-weight: 600;
}

.total-ammount h3 {
    color: #000;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

a.amount-text {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 600;
    text-decoration: unset;
}

/*profile pages css*/
.top-bg {
    background-size: cover;
    height: 250px;
    display: grid;
    align-items: center;
}

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

.user-name h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.profile-content p {
    color: #fff;
    font-size: 15px;
}

.profile-form-items {
    height: 100vh;
    background: #F1F1F1;
    padding: 45px 75px;
}

.heading-text {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

.details-field h5 {
    color: #6C6C6C;
    font-size: 14px;
}

.details-field h4 {
    color: #2B2B2B;
    font-size: 14px;
}

p.lasr-edit {
    color: #6C6C6C;
    font-size: 14px;
    margin: 0;
}

.edit-text a {
    color: #2B2B2B;
    text-decoration: unset;
    font-size: 14px;
    font-weight: 600;
}

button.done-text {
    color: #F68712;
    border: 0;
    font-weight: 600;
}

.input-field .custom-field {
    background: #fff;
    border: 0;
    padding: 10px;
    height: 50px;
    width: 100%;
}

.input-field .field {
    width: 83%;
}

.input-field {
    margin-bottom: 20px;
}

p.read-text {
    margin: 0;
    color: #EB9481;
    font-size: 12px;
}

body {
    font-family: 'Poppins';
}



.gap-70 {
    gap: 70px;
}

a.nav-menu-icons {
    display: inline-flex;

    padding: 12px 25px;
    color: #00000040;
    text-decoration: unset;
    font-size: 14px;
    font-weight: 400;
    gap: 10px;
}

.search-field {
    /* position: relative;*/
    width: 100%;
}

.guest {
    position: relative;
}

.location-dropdown,
.guest-dropdown {
    position: absolute;
    top: 112px;
    left: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 4px 17.7px rgba(173, 173, 173, 0.25);
    padding: 15px 12px;
    display: none;
    z-index: 10;
    width: 100%;
    text-align: left;
}

.location-dropdown li {
    padding: 10px 5px;
    cursor: pointer;
}

.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #f68712;
    color: white;
}

.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}

.ui-datepicker-header a>span {
    display: none;
}

.pb-50 {
    padding-bottom: 50px;
}

a.box-btn {
    background: #0D8C99;
    display: inline-block;
    text-decoration: unset;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 22px;
    border-radius: 10px;
}

.list-text {
    text-align: center;
    /*background: #e3e3e3;*/
    padding: 4px 3px;
    border-radius: 50px;
    color: #2B2B2B;
    font-size: 10px;
}

.green-price {
    color: #0D8C99 !important;
}

.decprtion-content p {
    color: #6C6C6C;
    font-size: 14px;
    line-height: 26px;
}



/*.active .menu-item svg path {
    fill: #000 !important;}
*/
.four-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

p.top-text {
    color: #6C6C6C;
    font-size: 14px;
    margin-bottom: 0px;
}

.two-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.activaty-search .location-dropdown,
.guest-dropdown {
    top: 62px;
}

.baner-content-wrapper-items p {
    color: #6C6C6C;
}

.map-text {
    padding: 15px;
}

/*price filter css*/
.filter-price .price-box {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 320px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.filter-price .price-values .label {
    color: #f97316;
    /* orange */
    font-size: 12px;
    margin-left: 4px;
}

/* thumbs */
.filter-price input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    pointer-events: auto;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #f97316;
    /* orange */
    border: 3px solid #f97316;
    cursor: pointer;
    position: relative;
    margin-top: -7px;
    /* align center */
}

.location-text span {
    color: #2B2B2B;
    font-size: 12px;
}

.list-row {
    display: flex;
    align-items: center;
    gap: 21px;
    margin-bottom: 10px;
}

.booking-card {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}

.booking-img img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
}

.booking-img {
    position: relative;
}

.booking-img .img-icon {
    position: absolute;
    top: 6px;
    background: #fff;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 50px;
    left: 6px;
}

.boking-title h3 {
    color: #2B2B2B;
    font-size: 16px;
}

.card-bottom-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
}

.card-bottom-content .price-content span {
    font-size: 14px;
    font-weight: 600;
}

.card-bottom-content a.box-btn {
    padding: 5px 25px;
}

.tabs-items .nav-tabs {
    border: 0;
    gap: 15px;
}

.tabs-items .nav-link {
    color: #6C6C6C;
    font-size: 14px;
}

.tabs-items .nav-link.active {
    border: 0;
    background: transparent;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #F68712;
}

.space-left {
    padding-left: 30px;
}

.space-right {
    padding-right: 30px;
}

button.delete-btn {
    border: 0;
    background: transparent;
}

.price-content p {
    margin: 0;
    color: #6C6C6C;
    font-size: 12px;
    text-decoration: line-through;
}

.popup-content-items h3 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

.popup-content-items p {
    color: #00000040;
    font-size: 14px;
}

a.btn-item {
    color: #2B2B2B;
    text-decoration: unset;
    font-size: 14px;
    font-weight: 600;
}

.bg-btn-white {
    background: #0D8C99;
    display: inline-block;
    color: #fff !important;
    padding: 10px 25px;
    border-radius: 8px;
}

h1.large-heading {
    font-size: 48px;
}

.blog-content h4 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.blog-content p {
    color: #2B2B2B;
    font-size: 14px;
    letter-spacing: 0.2px;
}

.post-img img {
    width: 100%;
}

.post-box-content li {
    font-size: 12px;
}

.post-title h4 {
    color: #2B2B2B;
    font-size: 16px;
    font-weight: 600;
}

.post-descprtion p {
    color: #6C6C6C;
    font-size: 12px;
}

.future-cat-text h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

span.divider {
    background: #6C6C6C;
    height: 1px;
    width: 87%;
}

.left-space {
    padding-left: 60px;
}

.latest-post h4 {
    color: #2B2B2B;
    font-size: 16px;
}

.latest-post li {
    color: #6C6C6C;
    font-size: 14px;
    font-weight: 600;
}

.taxi-baner {
    height: 607px;
    background-size: contain;
    align-items: start;
    padding: 70px;
}

.taxi-heading h2 {
    color: #fff;
    font-size: 48px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
}

.heading-content-wrapper h3 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

.heading-content-wrapper p {
    color: #00000040;
    font-weight: 500;
    font-family: 'Poppins';
}

ul#myTab {
    align-items: center;
    justify-content: center;
    border: 0;
    gap: 15px;
}

.nav-link {
    border: 0 !important;
    padding: 0;
}

.img-item div {
    background: #ECECEC;
    height: 128px;
    width: 128px;
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.img-item p {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.active .img-item p {
    color: #F68712;
}

.car-taxi-img {
    text-align: center;
    height: 156px;
    display: grid;
    align-items: center;
    justify-content: center;
    background: url(../images/car-ovelap.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    border-radius: 15px;
}

.car-name {
    padding: 10px;
    margin-top: -58px;
    margin-bottom: 15px;
}

.car-name h5 {
    color: #FFFFFF;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
}

.car-name p {
    color: #FFFFFF;
    margin: 0;
    font-size: 12px;
}

.car-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    margin-bottom: 20px;
}

.details p {
    color: #6C6C6C;
    margin-bottom: 2px;
    font-size: 12px;
}

.details h6 {
    color: #2B2B2B;
    font-size: 12px;
    font-weight: 600;
}

button.enquire-btn {
    width: 100%;
    background: #0D8C99;
    border: 0;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
}

.icon-content h2 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}

.icon-content p {
    margin: 0;
    color: #6C6C6C;
    font-size: 14px;
}

.icon-heading h3 {
    color: #2B2B2B;
    font-size: 32px;
    font-weight: normal;
}

.slider-wrapper {
    position: relative;
    margin: auto;
}

.slick-slide img {
    width: 100%;
    border-radius: 10px;
}

.car-slider img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    border-radius: 20px;
}

.img-slider .slick-arrow {
    position: absolute;
    top: 50%;
    border: 0;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    display: grid;
    align-items: center;
    justify-content: center;
    z-index: 999999999;
}

.img-slider .slick-prev {
    left: 20px;
    z-index: 99999;
}

.img-slider .slick-next {
    right: 20px;
}

.vehicle-slider:before {
    content: '';
    position: absolute;
    width: 100%;
    border: 0;
    background: url(../images/slider-overlay.png);
    height: 100%;
    z-index: 9999;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}

.vehicle-slider {
    border-radius: 20px;
    overflow: hidden;
}

.slider-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    margin-top: -90px;
    position: relative;
    z-index: 99999999;
    margin-bottom: 22px;
}

.slider-total {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
}

.slider-counter {
    color: #FFFFFF;
    font-size: 14px;
}

.left-detail-box {
    background: #F1F1F1;
    padding: 20px;
    height: 100%;
    border-radius: 20px;
    display: grid;
}


.details-item h5 {
    color: #2B2B2B;
    font-size: 20px;
    font-weight: 600;
}

.details-item p {
    color: #00000040;
}

.form-detail-box {
    background: #F1F1F1;
    padding: 20px 25px;
    height: 100%;
    border-radius: 20px;
}

.form-wrapper .input-field label {
    color: #6C6C6C;
    font-size: 14px;
    margin-bottom: 9px;
}

.form-wrapper .custom-field {
    outline: unset;
    border-radius: 10px;
}

.input-field span {
    color: #F68712;
}

.three-gield {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

button.sumbit-btn {
    width: 60%;
    background: #0D8C99;
    border: 0;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
}

textarea {
    height: auto !important;
}

/* new css start */
.car-taxi-img img {
    width: 100%;
    height: 146px;
    object-fit: contain;
}

/* img.idenary-img {
    width: 150px;
} */

/*13-10-2025 css start*/

/*slider css start*/

.slider-for .slide {
    height: 460px !important;
    /* change to suit */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    overflow: hidden;
    border-radius: 8px;
}

.slider-for .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* cover ensures good crop */
    display: block;
}

/* ---- Thumbnail nav ---- */
.slider-nav {
    margin-top: 14px;
}

.slider-nav .thumb {
    padding: 4px;
    outline: none;
    cursor: pointer;
}

.slider-nav .thumb img {
    width: 100%;
    height: 78px;
    /* thumbnail height, adjust */
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(15, 20, 30, 0.06);
    display: block;
    border: 2px solid transparent;
}

/* active thumbnail styling from slick adds .slick-current */
.slider-nav .slick-current img {
    border-color: #F68712;
    transform: scale(1.03);
}

/* slick default arrows tweak */
.slick-prev,
.slick-next {
    width: 44px;
    height: 44px;
    line-height: 44px;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 50%;
    z-index: 2;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
    font-size: 18px;
    opacity: 1;
}

.large-img-slider .slick-arrow {
    background: #000;
    position: absolute;
    top: 50%;
    color: #fff;
    border: 0;
}

.large-img-slider button.slick-next.slick-arrow {
    right: 0;
}

.field-bg {
    background: #F2F2F2;
    padding: 0px 16px;
    border-radius: 10px;
}

.field-bg .custom-field {
    padding: 11px 0px;
    background: transparent;
    outline: unset;
}

.input-field label {
    color: #6C6C6C;
    font-size: 14px;
    margin-bottom: 6px;
}

.qty-field .cart-value-text {
    text-align: center;
}

.qty-field .value-box {
    border: 0;
    background: transparent;
    color: #2B2B2B !important;
}

.qty-field .value-box input[type="date"] {
    background: transparent;
    border: 0;
    color: #2B2B2B !important;
    outline: unset;
}

.qty-field span {
    color: #2B2B2B;
    font-size: 14px;
}

button.inquery-btn {
    background: #0D8C99;
    color: #fff;
    border: 0;
    width: 50%;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
}

.field-content p {
    color: #F68712;
}

#enquiryModalToggle .popup-contents {
    padding: 30px 50px;
}

select.select-item {
    width: 15% !important;
    margin-right: 10px;
}

/* Responsive: fewer thumbs on small screens */
@media (max-width: 700px) {
    .slider-for .slide {
        height: 320px;
    }

    .slider-nav .thumb img {
        height: 62px;
    }
}

.enquire-now.enabled {
    background-color: #ff8800;
    /* Orange color like your screenshot */
    color: #fff;
    border: none;
}

.enquire-now.enabled:hover {
    background-color: #e67600;
    /* Slightly darker on hover */
}