/* ===========================  Common Start  ================================= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'Proxima Nova';
    src: url('../webfonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../webfonts/ProximaNova-Regular.woff') format('woff'),
        url('../webfonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.wt-site {
    color: #0E1826;
    font-family: 'Inter', sans-serif;
    /* font-family: 'Poppins', sans-serif; */
}

.menu-open {
    overflow: hidden;
}

a {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.btn {
    border-radius: 16px;
    line-height: normal;
    padding: 12px 32px;
}

.btn-light {
    color: #1AAA69;
    border-color: #1AAA69;
    background-color: #FFF;
}

.btn-success {
    background-color: #1AAA69;
    border-color: #1AAA69;
}

.btn-outline-success {
    color: #1AAA69;
    border-color: #1AAA69;
}

.btn-outline-success:hover {
    background-color: #1AAA69;
    border-color: #1AAA69;
    color: #fff;
}

.wt-section-title {
    color: #0E1826;
    font-size: 56px;
    font-weight: 600;
    line-height: 66px;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.wt-section-description {
    color: #5B5F62;
    line-height: 16px;
}

.form-label {
    color: #212832;
    margin-bottom: 8px;
}

.form-control,
.form-select {
    border-radius: 8px;
    border: 1px solid #1AAA69;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 14px;
}

.form-select {
    padding: 10px 35px 10px 14px;
}

input:focus,
button:focus,
select:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.slick-arrow {
    position: absolute;
    top: -80px;
    right: 205px;
    width: 54px;
    height: 54px;
    border-radius: 54px;
    border: 1px solid #1AAA69;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%231AAA69' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    font-size: 0;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    z-index: 10;
}

.slick-next {
    right: 135px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick-arrow:hover {
    background-color: #1AAA69;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.btn-outline-dark {
    color: #0E1826;
    border-color: #0E1826;
}

/* ===========================  Common End  ================================= */

/* ===========================  Header Start  ================================= */
/* .wt-header {
    padding-top: 27px;
} */

.navbar-nav {
    margin: auto;
}

.navbar-nav .nav-link {
    color: #F5F5F5;
    border-bottom: 1px solid transparent;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #1AAA69;
    font-weight: 600;
    border-bottom: 1px solid #1AAA69;

}

.navbar-nav .nav-item {
    margin: 0 5px;
}

.wt-header-btn .btn:not(:last-child) {
    margin-right: 40px;
}

.wt-header-dark .navbar-nav .nav-link {
    color: #212832;
}

.wt-header-dark .wt-header-btn .btn:not(:last-child) {
    padding: 0;
    border: none;
}

.wt-header-dark .navbar-nav .nav-link:hover,
.wt-header-dark .navbar-nav .nav-link.active {
    color: #1AAA69;
}

.wt-header-light~main>section:first-child {
    margin-top: -100px;
}

.navbar-toggler-icons {
    width: 40px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin-bottom: 5px;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.wt-header-dark .navbar-toggler-icons {
    background-color: #000;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons {
    margin-bottom: 0;
    position: relative;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons:nth-child(2) {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 5px;
}

.navbar-toggler {
    padding: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: relative;
    z-index: 101;
}

/* ===========================  Header End  ================================= */

/* ===========================  After Log in Header Start  ================================= */
.wt-loggedin-btn__inner {
    border-radius: 32px;
    border: 1px solid #1AAA69;
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.wt-loggedin-btn-icon {
    margin-right: 8px;
}

.wt-loggedin-profile {
    position: relative;
}

.wt-loggedin-profile img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-loggedin-badge {
    border-radius: 30px;
    border: 1px solid #F5F5F5;
    background-color: #FF1F1F;
    width: 23px;
    height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #F5F5F5;
    font-size: 8px;
    position: absolute;
    top: -9px;
    right: -11px;
}

.wt-loggedin-btn__inner.dropdown-toggle::after {
    display: none;
}

.wt-loggedin-btn .dropdown .dropdown-menu {
    min-width: 275px;
}

.dropdown-menu {
    border-radius: 8px;
    background: #FFF;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    border: none;
}

.dropdown-menu[data-bs-popper] {
    left: unset;
    right: 0;
}

.dropdown-item {
    color: #0E1826;
    font-weight: 500;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 24px;
    position: relative;
}

.dropdown-item span {
    position: relative;
}

.dropdown-item .dropdown-item-badge {
    position: absolute;
    left: 100%;
    top: -4px;
}

.dropdown-item-icon {
    margin-right: 16px;
}

.dropdown-divider {
    margin: 8px 0;
    border-top: 1px solid #EDEDED;
}

.wt-dropdown-logout-item {
    color: #FF1F1F;
    font-weight: 400;
}

.dropdown-item-badge {
    background-color: #FF1F1F;
    stroke-width: 1px;
    border: 1px solid #F5F5F5;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    border-radius: 50%;
}

/* ===========================  After Log in Header End  ================================= */

/* ===========================  Home Page Start  ================================= */
/* Landing Section Start */
.wt-landing-section {
    padding: 230px 0 50px;
    background-image: url(../images/landing-section-back.jpeg);
    background-size: cover;
    color: #f5f5f5;
}

.wt-section-subtitle {
    color: #1AAA69;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.wt-landing-section .wt-section-title {
    color: #f5f5f5;
    text-align: center;
    font-size: 84px;
    font-weight: 700;
    line-height: 89px;
    letter-spacing: -3.36px;
    width: 980px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}

.wt-landing-section .wt-section-description {
    color: #f5f5f5;
    text-align: center;
    margin-bottom: 24px;
}

.wt-landing-btn {
    text-align: center;
    margin-bottom: 33px;
}

.wt-landing-search-box__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    background: #FFF;
    padding: 30px;
    width: 1120px;
    max-width: 100%;
    margin: auto;
}

.wt-landing-search-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 32px;
    width: calc(17% - 10px);
    max-width: calc(17% - 10px);
}

.wt-input-icon-group {
    position: relative;
}

.wt-input-icon-group .form-control,
.wt-input-icon-group .form-select {
    padding-left: 46px;
}

.wt-input-icon {
    position: absolute;
    top: 10px;
    left: 12px;
    padding: 0;
    border: none;
    background-color: transparent;
}

.wt-landing-search-btn .btn {
    padding: 12px 12px;
    border-radius: 50%;
}

.wt-landing-search-item .form-select,
.wt-landing-search-item .form-control {
    font-size: 12px;
    line-height: 24px;
}

.wt-landing-search-item .form-select,
.wt-landing-search-item .form-select option,
.wt-landing-search-item .form-control {
    color: #0E1826;
}

.wt-landing-search-item select:required:invalid {
    color: #CFD8E5;
}

.wt-landing-search-item option[value=""][disabled] {
    display: none;
}

.wt-landing-search-item .form-control::-webkit-input-placeholder {
    color: #CFD8E5;
    font-family: Verdana;
    font-size: 12px;
    line-height: 24px;
}

.wt-landing-search-item .form-control::-moz-placeholder {
    color: #CFD8E5;
    font-family: Verdana;
    font-size: 12px;
    line-height: 24px;
}

.wt-landing-search-item .form-control:-ms-input-placeholder {
    color: #CFD8E5;
    font-family: Verdana;
    font-size: 12px;
    line-height: 24px;
}

.wt-landing-search-item .form-control::-ms-input-placeholder {
    color: #CFD8E5;
    font-family: Verdana;
    font-size: 12px;
    line-height: 24px;
}

.wt-landing-search-item .form-control::placeholder {
    color: #CFD8E5;
    font-family: Verdana;
    font-size: 12px;
    line-height: 24px;
}

.wt-landing-search-item input[type="date"]::-webkit-inner-spin-button,
.wt-landing-search-item input[type="date"]::-webkit-calendar-picker-indicator {
    /* display: none;
    -webkit-appearance: none; */
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

/* Landing Section End */

/* Principales Section Start */
.wt-principales-section {
    padding: 35px 0;
}

.wt-principales-section .wt-section-description {
    margin-bottom: 28px;
}

.wt-principales-content .nav-pills {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
}

.nav-pills .nav-item {
    margin: 0 7px;
}

.nav-pills .nav-link {
    color: #1AAA69;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 20px;
    border-radius: 30px;
    border: 1px solid #1AAA69;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1AAA69;
}

.wt-principales-card {
    position: relative;
    margin-bottom: 25px;
}

.wt-principales-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(top, rgba(30, 30, 28, 0.00) 0%, rgba(20, 20, 18, 0.90) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 28, 0.00)), to(rgba(20, 20, 18, 0.90)));
    background: linear-gradient(180deg, rgba(30, 30, 28, 0.00) 0%, rgba(20, 20, 18, 0.90) 100%);
    border-radius: 20px;
}

.wt-principales-card-img img {
    width: 100%;
    height: auto;
    max-height: 525px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
}

.wt-principales-card-rating {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    border-radius: 12px;
    background: #FFF;
    padding: 5px 10px;
    position: absolute;
    top: 24px;
    left: 24px;
}

.wt-principales-card-body {
    position: absolute;
    bottom: 24px;
    left: 24px;
}

.wt-principales-card-title {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
}

.wt-principales-card-description {
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0;
}

.wt-principales-card:last-child {
    margin-bottom: 0;
}

.wt-principales-card-item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wt-principales-card-right-item {
    margin-bottom: 13px;
}

.wt-principales-right-bottom-item .wt-principales-card-img img {
    height: 260px;
}

/* Principales Section End */

/* Buscar Section Start */
.wt-buscar-section {
    padding: 50px 0 0;
}

.wt-buscar-section .slick-list {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
}

.wt-destino-card {
    border-radius: 16px;
    background-color: #EDFAF4;
    padding: 12px 12px 35px;
    margin: 0 15px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.wt-destino-card:hover {
    -webkit-box-shadow: 0px 24px 90px 0px rgba(192, 188, 161, 0.22);
    box-shadow: 0px 24px 90px 0px rgba(192, 188, 161, 0.22);
}

.wt-destino-card-img {
    margin-bottom: 24px;
}

.wt-destino-card-body {
    padding-left: 12px;
}

.wt-destino-card-title {
    color: #2D3134;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 14px;
}

.wt-destino-card-description {
    color: #5B5F62;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 25px;
}

.wt-destino-card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 12px;
}


.wt-destino-card-footer .btn {
    font-size: 14px;
    line-height: 14px;
    padding: 11px 16px;
    border-radius: 46px;
}

.wt-destino-card-price {
    color: #2D3134;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0;
}

.wt-destino-card-price span {
    color: #5B5F62;
    font-size: 16px;
    font-weight: 400;
}

.wt-destino-card-img img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

/* Buscar Section End */

/* Testimonial Section Start */
.wt-testimonial-section {
    padding-bottom: 50px;
}

.wt-testimonial-content {
    width: 537px;
    max-width: 100%;
    margin-left: auto;
}

.wt-testimonial-rating {
    padding-left: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.wt-testimonial-rate-icon:not(:last-child) {
    margin-right: 4px;
}

.wt-testimonial-content .wt-section-title {
    position: relative;
}

.wt-testimonial-content .wt-section-title:before {
    content: "";
    position: absolute;
    width: 65px;
    height: 8px;
    border-radius: 4px;
    background: -o-linear-gradient(top, #1AAA69 0%, #1AAA51 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#1AAA69), to(#1AAA51));
    background: linear-gradient(180deg, #1AAA69 0%, #1AAA51 100%);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(26, 170, 105, 0.15);
    box-shadow: 0px 2px 6px 0px rgba(26, 170, 105, 0.15);
    top: -12px;
    left: 0;
}

.wt-testimonial-description {
    color: #5B5F62;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 25px;
}

.wt-testimonial-name {
    color: #2D3134;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
}

.wt-testimonial-designation {
    color: #5B5F62;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
}

.wt-testimonial-slider-area {
    padding: 30px;
}

.wt-testimonial-img {
    text-align: center;
}

.wt-testimonial-areea .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-testimonial-slider .slick-arrow {
    top: unset;
    bottom: 0;
    right: 85px;
    height: 40px;
    width: 40px;
    background-size: 8px;
}

.wt-testimonial-slider .slick-next {
    right: 0;
}

.slick-slide.slick-active>div {
    height: 100%;
}

/* Testimonial Section End */

/* Ultimate Travel Section Start */
.wt-ultimate-travel-section {
    padding: 35px 0 90px;
    background: -o-radial-gradient(50% 50.00%, 50% 50.00%, rgba(247, 248, 249, 0.00) 0%, #F7F8F9 100%), url(../images/ultimate-travel-back.png);
    background: radial-gradient(50% 50.00% at 50% 50.00%, rgba(247, 248, 249, 0.00) 0%, #F7F8F9 100%), url(../images/ultimate-travel-back.png);
}

.wt-ultimate-travel-heading {
    margin-bottom: 50px;
}


.wt-ultimate-travel-heading .wt-section-description {
    color: #556987;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    width: 920px;
    max-width: 100%;
}

.wt-ultimate-travel-content .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-ultimate-travel-details {
    width: 456px;
    max-width: 100%;
}

.wt-ultimate-travel-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 45px;
}

.wt-ultimate-travel-icon {
    width: 56px;
    height: 56px;
    border-radius: 5px;
    background-color: #1AAA69;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px;
    position: relative;
    top: -10px;
}

.wt-ultimate-travel-item__inner {
    width: calc(100% - 80px);
}

.wt-ultimate-travel-title {
    color: #0E1826;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 14px;
}

.wt-ultimate-travel-description {
    color: #5E6282;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/* Ultimate Travel Section End */

/* Download App Section Start */
.wt-download-app-section {
    padding: 50px 0;
}

.wt-download-app-heading {
    text-align: center;
    width: 735px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wt-download-app-heading .wt-section-subtitle {
    color: #5C5C5C;
    font-size: 18px;
    font-weight: 400;
}

.wt-download-app-heading .wt-section-title {
    color: #1B1B1B;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 10px;
}

.wt-download-app-heading .wt-section-description {
    color: #5C5C5C;
    font-size: 18px;
    line-height: 26px;
    width: 507px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}

.wt-download-platform-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wt-download-platform-item {
    margin: 0 12px;
}

/* Download App Section End */

/* Not Member Section Start */
.wt-not-member-section {
    padding: 70px 0;
    background-color: #E0F4EB;
}

.wt-not-member-content .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-not-member-btn {
    text-align: right;
}

.wt-not-member-btn .btn {
    min-width: 158px;
    padding: 15px 32px;
}

.wt-not-member-btn .btn:not(:last-child) {
    margin-right: 16px;
}

.wt-not-member-btn .btn-outline-success:hover svg path {
    fill: #fff;
}

.wt-not-member-content .wt-section-title {
    color: #1B1B1B;
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.wt-not-member-content p.wt-section-description {
    color: #5C5C5C;
    line-height: 26px;
    margin-bottom: 0;
}

/* Not Member Section End */
/* ===========================  Home Page End  ================================= */

/* ===========================  Login Page Start  ================================= */
.wt-login-section {
    background-image: -o-radial-gradient(50% 50.00%, 50% 50.00%, rgba(247, 248, 249, 0.00) 0%, #F7F8F9 100%);
    background-image: radial-gradient(50% 50.00% at 50% 50.00%, rgba(247, 248, 249, 0.00) 0%, #F7F8F9 100%);
}

.wt-login-section>.row {
    min-height: 100vh;
}

.wt-login-img-slider,
.slick-list,
.wt-login-img-slider img,
.slick-track {
    height: 100%;
}

.wt-login-img-slider:before {
    content: "";
    background: -o-linear-gradient(bottom, #0E1826 0%, rgba(14, 24, 38, 0.00) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#0E1826), to(rgba(14, 24, 38, 0.00)));
    background: linear-gradient(0deg, #0E1826 0%, rgba(14, 24, 38, 0.00) 100%);
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.wt-login-img-slider-item {
    height: 100%;
}

.wt-login-img-slider-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-login-img-slider .slick-dots li {
    margin: 0 6px;
}

.wt-login-img-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    z-index: 10;
}

.wt-login-img-slider .slick-dots button {
    padding: 0;
    border: none;
    font-size: 0;
    border-radius: 8px;
    opacity: 0.5;
    background-color: #F5F5F5;
    width: 25px;
    height: 7px;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.wt-login-img-slider .slick-dots .slick-active button {
    opacity: 1;
    width: 50px;
}

.wt-login-content {
    /* margin-top: 40px; */
    margin-bottom: 60px;
}

.wt-login-section .form-control,
.wt-login-section .form-select {
    border: 1px solid var(--gray-200, #D5DAE1);
}

.wt-login-section input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    color: transparent;
    cursor: pointer;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    z-index: 10;
}

.wt-login-section .form-control::-webkit-input-placeholder {
    color: #5E6282;
    opacity: 0.5;
}

.wt-login-section .form-control::-moz-placeholder {
    color: #5E6282;
    opacity: 0.5;
}

.wt-login-section .form-control:-ms-input-placeholder {
    color: #5E6282;
    opacity: 0.5;
}

.wt-login-section .form-control::-ms-input-placeholder {
    color: #5E6282;
    opacity: 0.5;
}

.wt-login-section .form-control::placeholder {
    color: #5E6282;
    opacity: 0.5;
}

.wt-login-logo {
    padding: 32px 32px 0;
    margin-bottom: 20px;
}

.wt-login-heading {
    text-align: center;
    width: 455px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.wt-login-heading .wt-section-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
}

.wt-login-heading .wt-section-description {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}

.wt-login-form-area {
    width: 382px;
    max-width: 100%;
    padding: 0 12px;
    margin-left: auto;
    margin-right: auto;
}

.wt-login-section-area form .col:not(:last-child) {
    margin-bottom: 24px;
}

.remeber-forgot-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -8px;
}

.remeber-forgot-content .form-check-label {
    color: #333F51;
    font-size: 12px;
    font-weight: 500;
}

.remeber-forgot-content .form-check-label a {
    color: #1AAA69;
    text-decoration: none;
}

.remeber-forgot-content .form-check-label a:hover {
    color: #1AAA69;
    opacity: 0.8;
}

.wt-forgot-password-link {
    color: #1AAA69;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.wt-forgot-password-link:hover {
    color: #1AAA69;
    opacity: 0.8;
}

.wt-form-notes {
    color: #333F51;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 30px;
}

.wt-form-notes a {
    color: #22C55E;
    text-decoration: none;
}

.wt-login-section .btn {
    border-radius: 50px;
}

.wt-login-section .form-label {
    color: #333F51;
    font-weight: 500;
}

.wt-social-login-item:not(:last-child) {
    margin-bottom: 25px;
}

.wt-social-login-link {
    padding: 16px 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1B1B1B;
    font-family: Proxima Nova;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: 4px;
    line-height: 1;
}

.wt-social-login-link:hover {
    color: #1B1B1B;
}

.wt-social-login-icon {
    margin-right: 12px;
}

.wt-social-login-item .wt-social-login-link {
    border: 1px solid #BEBEBE;
}

.wt-social-login-facebook {
    background-color: #385898;
    color: #fff;
}

.wt-social-login-facebook:hover {
    color: #fff;
}

.special-label {
    display: none;
}

input[type="tel"].form-control::placeholder {
    visibility: hidden;
}

div.wt-pay-with-form-input .form-control::placeholder {
    visibility: visible;
}

input.inc-dec:disabled {
    background: none;
}

.wt-form-group .react-tel-input .form-control {
    border-radius: 2px !important;
    border-color: #E5E7EB !important;
    color: #5C5C5C;
}

.react-tel-input .form-control {
    height: auto !important;
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid var(--gray-200, #D5DAE1) !important;
    padding-left: 55px !important;
}

.react-tel-input .flag-dropdown {
    background: none !important;
    border: 0 !important;
    border-right: 1px solid var(--gray-200, #D5DAE1) !important;
    width: 50px !important;
}

.react-tel-input .selected-flag {
    padding-left: 15px !important;
}

/* ===========================  Login Page End  ================================= */

/* ===========================  Register Page Start  ================================= */
.wt-register-form-area {
    width: 648px;
    max-width: 100%;
    padding: 0 12px;
    margin: auto;
}

.select2-container .select2-selection--single {
    height: auto;
    border: 1px solid #D5DAE1;
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 10px;
    width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0002 9.17C16.8128 8.98375 16.5594 8.87921 16.2952 8.87921C16.031 8.87921 15.7776 8.98375 15.5902 9.17L12.0002 12.71L8.46019 9.17C8.27283 8.98375 8.01938 8.87921 7.75519 8.87921C7.49101 8.87921 7.23756 8.98375 7.05019 9.17C6.95646 9.26297 6.88207 9.37357 6.8313 9.49543C6.78053 9.61729 6.75439 9.74799 6.75439 9.88C6.75439 10.012 6.78053 10.1427 6.8313 10.2646C6.88207 10.3864 6.95646 10.497 7.05019 10.59L11.2902 14.83C11.3832 14.9237 11.4938 14.9981 11.6156 15.0489C11.7375 15.0997 11.8682 15.1258 12.0002 15.1258C12.1322 15.1258 12.2629 15.0997 12.3848 15.0489C12.5066 14.9981 12.6172 14.9237 12.7102 14.83L17.0002 10.59C17.0939 10.497 17.1683 10.3864 17.2191 10.2646C17.2699 10.1427 17.296 10.012 17.296 9.88C17.296 9.74799 17.2699 9.61729 17.2191 9.49543C17.1683 9.37357 17.0939 9.26297 17.0002 9.17Z' fill='%23556987'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}

/* ===========================  Register Page End  ================================= */

/* ===========================  Forgot Password Page Start  ================================= */
.wt-forgot-form-area {
    width: 561px;
    max-width: 100%;
    padding: 0 12px;
    margin: auto;
}

.wt-back-login-content {
    padding-left: 70px;
    margin-bottom: 90px;
    /* margin-top: 50px; */
}

.wt-forgot-section .wt-login-heading {
    width: 561px;
    margin-bottom: 40px;
    padding: 0 12px;
}

.wt-forgot-section .wt-login-heading .wt-section-description {
    font-size: 16px;
    color: #828282;
}

.wt-back-login-link {
    color: #0E1826;
    font-weight: 600;
    letter-spacing: 0.15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.wt-back-login-link:hover {
    color: #0E1826;
    opacity: 0.8;
}

.wt-back-login-icon {
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.wt-password-form-area .wt-input-icon-group .form-control,
.wt-password-form-area .wt-input-icon-group .form-select {
    padding-left: 14px;
    padding-right: 46px;
}

.wt-password-form-area .wt-input-icon {
    left: unset;
    right: 12px;
}

.wt-success-forgot-icon {
    text-align: center;
    margin-bottom: 32px;
}

.wt-success-forgot-area .wt-login-heading,
.wt-success-forgot-area .wt-section-title {
    margin-bottom: 32px;
}

/* ===========================  Forgot Password Page End  ================================= */

/* ===========================  Accommodation Page End  ================================= */
.wt-accommodation-section {
    padding: 290px 0 40px;
    background-image: url(../images/accommodation-img-2.png);
    border-image: fill 0 linear-gradient(#0001, #000);
}

.wt-accommodation-section .wt-landing-search-box__inner {
    background: transparent;
    padding: 0;
    width: 1056px;
}

.wt-accommodation-section .wt-saved {
    display: flex;
    align-items: center;
}

.wt-saved span {
    margin-left: 10px;
    font-size: 32px;
    font-weight: 500;
}

.wt-accommodation-section .form-label {
    color: #F5F5F5;
}

.wt-accommodation-result-section {
    padding: 40px 0 240px;
}

.wt-accommodation-result-header {
    text-align: right;
    margin-bottom: 60px;
}

.wt-filter-btn .btn {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    padding: 16px 32px;
    border-radius: 32px;
}

.wt-filter-btn .btn-icon {
    margin-right: 8px;
}

.btn-outline-dark:hover .btn-icon svg path {
    fill: #fff;
}

/* .slick-track {
    padding-left: 150px;
} */

.slick-dots {
    position: absolute;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}

.slick-dots li {
    margin: 0 5px;
}

.slick-dots button {
    width: 6px;
    height: 6px;
    font-size: 0;
    border: none;
    background-color: #D9D9D9;
    border-radius: 10px;
    padding: 0;
}

.slick-dots .slick-active button {
    width: 15px;
    background-color: #F5F5F5;
}

.wt-accommodation-card-slider .slick-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10C0 15.523 4.477 20 10 20C15.523 20 20 15.523 20 10C20 4.477 15.523 0 10 0ZM11.53 12.47C11.823 12.763 11.823 13.238 11.53 13.531C11.384 13.677 11.192 13.751 11 13.751C10.808 13.751 10.616 13.678 10.47 13.531L7.46997 10.531C7.17697 10.238 7.17697 9.76297 7.46997 9.46997L10.47 6.46997C10.763 6.17697 11.238 6.17697 11.531 6.46997C11.824 6.76297 11.824 7.23801 11.531 7.53101L9.06104 10.001L11.53 12.47Z' fill='%23F5F5F5'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    border: none;
    background-size: 24px;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wt-accommodation-card {
    color: #374151;
    margin-bottom: 32px;
}

.wt-accommodation-card-slider .slick-next {
    right: 2px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    left: unset;
}

.wt-accommodation-card-slider:before {
    content: "";
    width: 100%;
    height: 90px;
    position: absolute;
    background: -o-linear-gradient(bottom, #0E1826 0%, rgba(14, 24, 38, 0.00) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(#0E1826), to(rgba(14, 24, 38, 0.00)));
    background: linear-gradient(0deg, #0E1826 0%, rgba(14, 24, 38, 0.00) 100%);
    z-index: 1;
    border-radius: 16px;
    bottom: 0;
    left: 0;
}

.wt-accommodation-card-header {
    margin-bottom: 20px;
    position: relative;
}

.wt-accommodation-like-btn {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 1;
    cursor: pointer;
}

.wt-accommodation-like-btn svg path {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

/* .wt-accommodation-like-btn:hover svg path, */
.wt-accommodation-like-btn.active svg path {
    fill: #0E1826;
    stroke: #F5F5F5;
}

.wt-accommodation-card-slider {
    border-radius: 16px;
    overflow: hidden;
}

.wt-accommodation-card-slider img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

.wt-accommodation-card-label {
    font-size: 14px;
    display: block;
    color: #6B7280;
}

.wt-accommodation-card-link {
    color: #374151;
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 8px;
}

.wt-accommodation-card-link:hover {
    color: #374151;
    opacity: 0.8;
}

.wt-accommodation-card-rating {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.wt-accommodation-card-rating span:first-child {
    font-weight: 500;
}

.wt-accommodation-card-rating span:nth-child(2) {
    margin: 0 8px;
    position: relative;
    top: -2px;
}

.wt-accommodation-card-price {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.wt-accommodation-card-price span {
    font-size: 14px;
    font-weight: 400;
}

.wt-accommodation-card-content {
    margin-bottom: 50px;
}

.wt-date-content-area {
    padding-top: 30px;
    padding-bottom: 30px;
}

.wt-date-content-head {
    display: flex;
    align-items: center;
}

.wt-date-content-icon {
    margin: 0 50px;
}

.wt-date-content-head-title {
    color: #0E1826;
    font-size: 20px;
    font-weight: 600;
}

.wt-date-content-head-date {
    color: #828282;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 0;
}

.MuiDateRangeCalendar-monthContainer {
    border-right: 0px !important;
}

.wt-confirm-pay-guest-area {
    width: 565px;
    max-width: 100%;
    margin: 0 auto 50px;
}

.wt-confirm-pay-modal-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: center;
}

.wt-confirm-guest-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
}

.wt-confirm-guest-title {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
}

.wt-confirm-guest-age {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}

.wt-guest-qty-content {
    display: flex;
    align-items: center;
}

.wt-confirm-guest-qty {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    width: 50px;
    border: none;
}

.wt-confirm-guest-qty:focus {
    outline: none;
}

.wt-qty-btn {
    cursor: pointer;
}

.wt-qty-btn svg {
    width: 26px;
    height: 26px;
}

.wt-confirm-pay-modal-btn .btn {
    border-radius: 50px;
    width: 350px;
    max-width: 100%;
    display: block;
    margin: auto;
}

.wt-confirm-modal .modal-body {
    padding: 25px;
}

.wt-confirm-modal .btn-close {
    background: unset;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0 0 0 auto;
}

.wt-confirm-modal .modal-header {
    border-bottom: none;
}

.wt-confirm-modal .modal-content {
    border-radius: 16px;
}

.pagination .page-item {
    margin: 0 8px;
}

.pagination .page-link {
    width: 20px;
    height: 20px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: #0E1826;
    font-family: SF Pro Text;
    font-size: 12px;
    border: none;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 2px;
    border: 1px solid #5E6282;
}

.pagination .page-item:first-child .page-link.disabled,
.pagination .page-link.disabled {
    border: none;
    background-color: #E2E8F0;
}

.pagination .page-link:hover,
.pagination .page-link.active {
    background-color: #1AAA69;
    color: #fff;
}

.pagination .page-item:last-child .page-link:hover {
    background-color: #fff;
}

/* ===========================  Accommodation Page End  ================================= */

/* ===========================  Accommodation Details Page Start  ================================= */
.wt-accommodation-details-section {
    padding: 25px 0 225px;
}

.wt-accommodation-details-head {
    margin-bottom: 40px;
}

.wt-accommodation-details-title {
    color: #0E1826;
    font-size: 30px;
}

.wt-accommodation-rate-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-accommodation-rate-item {
    color: #0E1826;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px;
    position: relative;
}

.wt-accommodation-rate-item:first-child {
    margin-left: 00;
    text-decoration: none;
}

.wt-accommodation-rate-icon {
    margin-right: 4px;
}

.wt-accommodation-rate-item:last-child {
    color: #5E6282;
}

.wt-accommodation-rate-item:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #5E6282;
    border-radius: 50%;
    left: calc(100% + 8px);
    top: calc(50% - 1px);
}

.wt-accommodation-rate-item:last-child:before {
    display: none;
}

.wt-accommodation-details-head__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wt-accommodation-share-link:first-child {
    margin-right: 15px;
}

.wt-accommodation-share-link {
    color: #0E1826;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.wt-accommodation-share-link:hover {
    color: #0E1826;
    opacity: 0.8;
}

.wt-accommodation-share-link span:first-child {
    margin-right: 4px;
}

.wt-accommodation-share-link span.active svg path {
    fill: #FDA4AF;
    stroke: #F43F5E;
}

.wt-accommodation-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-accommodation-img-content__inner .col:nth-child(1),
.wt-accommodation-img-content__inner .col:nth-child(2) {
    margin-bottom: 8px;
}

.wt-accommodation-img-content .row {
    margin: 0 -4px;
}

.wt-accommodation-img-content .col {
    padding: 0 4px;
}

.wt-accommodation-img-content>.row>.col:first-child .wt-accommodation-img img {
    border-radius: 16px 0 0 16px;
}

.wt-accommodation-img-content>.row>.col:last-child .col:nth-child(2) .wt-accommodation-img img {
    border-radius: 0 16px 0 0;
}

.wt-accommodation-img-content>.row>.col:last-child .col:nth-child(4) .wt-accommodation-img img {
    border-radius: 0 0 16px 0;
}

.wt-accommodation-img {
    position: relative;
}

.wt-accommodation-img .btn {
    position: absolute;
    bottom: 22px;
    right: 22px;
    border-radius: 8px;
    border: 1px solid #000;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-accommodation-img .btn span:first-child {
    margin-right: 8px;
}

.wt-accommodation-img-content {
    margin-bottom: 40px;
}

.wt-accommodation-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.wt-accommodation-info-title {
    color: #0E1826;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}

.wt-accommodation-info-label {
    color: #667080;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-bottom: 8px;
}

.wt-accommodation-info-item {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #5E6282;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-accommodation-info-item span:first-child {
    margin-right: 15px;
}

.wt-accommodation-info-item:not(:last-child) {
    margin-right: 8px;
}

.wt-accommodation-info-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E5E7EB;
}

.wt-accommodation-info-profile img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}


.wt-show-more-link {
    color: #0E1826;
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.wt-show-more-link span:last-child {
    margin-left: 4px;
}

.wt-reserve-content {
    width: 350px;
    max-width: 100%;
}

.wt-reserve-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wt-reserve-icon-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.wt-reserve-icon-item:not(:last-child) {
    margin-right: 10px;
}

.wt-reserve-price-amount {
    color: #1AAA69;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.48px;
    margin-bottom: 2px;
}

.wt-reserve-price-amount span {
    font-size: 18px;
}

.wt-reserve-price-label {
    color: #667080;
    font-size: 12px;
    letter-spacing: -0.24px;
}

.wt-reserve-content .btn {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.15px;
    font-family: 'Work Sans', sans-serif;
    width: 100%;
    border-radius: 70px;
}

.wt-accommodation-info-body {
    margin-bottom: 10px;
}

.wt-accommodation-review-content {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
}

.wt-accommodation-review-title {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.wt-accommodation-review-icon {
    margin-right: 4px;
    position: relative;
    top: -4px;
}

.wt-accommodation-review-rate:last-child {
    margin-left: 20px;
    position: relative;
}

.wt-accommodation-review-rate:last-child::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    top: calc(50% - 2px);
    left: -8px;
}

.wt-accommodation-review-head {
    margin-bottom: 30px;
}

.wt-review-category-list {
    width: 440px;
    max-width: 100%;
}

.wt-review-category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.wt-review-category-item:last-child {
    margin-bottom: 0;
}

.wt-review-category-title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.wt-review-category-rate {
    color: #000;
    font-size: 12px;
    margin-bottom: 0;
}

.wt-review-category-bar {
    min-width: 120px;
    margin-right: 12px;
    margin-left: auto;
}

.progress {
    height: 4px;
    background-color: #E5E7EB;
    border-radius: 1px;
}

.progress-bar {
    background-color: #000;
    border-radius: 1px;
}

.wt-review-by-category {
    margin-bottom: 30px;
}

.wt-accommodation-review-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.wt-accommodation-review-img {
    margin-right: 24px;
}

.wt-accommodation-review-username {
    color: #000;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0;
}

.wt-accommodation-review-date {
    color: #6B7280;
    font-size: 14px;
    margin-bottom: 0;
}

.wt-accommodation-review-img img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-accommodation-review-item {
    margin-bottom: 40px;
    width: 520px;
    max-width: 100%;
}

.wt-accommodation-review-description {
    color: #000;
}

.wt-accommodation-review .btn {
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
    box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
}

.wt-accommodation-review .btn-outline-dark {
    color: #000;
    border-color: #000;
}

.wt-accommodation-review .btn-outline-dark:focus,
.wt-accommodation-review .btn-outline-dark:active,
.wt-accommodation-review .btn-outline-dark:hover {
    color: #fff;
}

.wt-accommodation-host-content {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E5E7EB;
}

.wt-accommodation-host-name {
    color: #000;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0;
}

.wt-accommodation-host-date {
    color: #6B7280;
    font-size: 14px;
    margin-bottom: 0;
}

.wt-accommodation-host-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.wt-accommodation-host-img {
    margin-right: 24px;
}

.wt-accommodation-host-img img {
    width: 55px;
    height: 55px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.wt-accommodation-host-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.wt-accommodation-host-info-item span:first-child {
    margin-right: 4px;
}

.wt-accommodation-host-info-item {
    color: #000;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.wt-accommodation-host-info-item:not(:last-child) {
    margin-right: 24px;
}

.wt-accommodation-host-description {
    color: #667080;
}

.wt-accommodation-host-response {
    color: #6B7280;
}

.wt-accommodation-host-additional {
    width: 440px;
    max-width: 100%;
    margin-bottom: 30px;
}

.wt-accommodation-host-content .btn {
    font-weight: 500;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
    box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
    padding: 17px 23px;
}

.wt-accommodation-host-content .btn-success {
    color: #F5F5F5;
}

.wt-things-know-content {
    padding-top: 40px;
}

.wt-things-know-title {
    color: #000;
    font-size: 24px;
    margin-bottom: 24px;
}

.wt-things-know-item {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
}

.wt-things-know-item:last-child {
    margin-bottom: 0;
}

.wt-things-know-icon {
    margin-right: 16px;
}

.wt-things-know-area-title {
    color: #000;
    font-size: 16px;
    margin-bottom: 16px;
}

.wt-know-more {
    font-weight: 500;
    cursor: pointer;
}

.wt-know-policy {
    color: #4B5563;
    font-size: 14px;
    margin-bottom: 8px;
}

/* ===========================  Accommodation Details Page End  ================================= */

/* ===========================  Contact Page Start  ================================= */
.wt-inner-page-landing-section {
    padding: 145px 0 75px;
    background-color: #0E1826;
}

.wt-inner-page-landing-section .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-inner-page-landing-content {
    width: 468px;
    max-width: 100%;
    margin: auto;
}

.wt-inner-page-landing-content .wt-section-title {
    color: #FFF;
    font-size: 32px;
    line-height: normal;
}

.wt-inner-page-landing-content .wt-section-description {
    color: #FFF;
    line-height: 150%;
}

.wt-get-touch-section {
    padding: 120px 0 110px;
}

.wt-get-touch-heading {
    width: 400px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 70px;
    text-align: center;
}

.wt-get-touch-heading .wt-section-title {
    color: #1B1B1B;
}

.wt-get-touch-heading .wt-section-description {
    color: #5C5C5C;
    font-family: Proxima Nova;
    font-size: 18px;
    line-height: 26px;
}

.wt-contact-card {
    padding: 60px 50px 75px;
    background-color: #1AAA69;
    color: #fff;
    width: 500px;
    max-width: 100%;
}

.wt-contact-title {
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
}

.wt-contact-decription {
    color: #E5E7EB;
    font-family: Proxima Nova;
    font-size: 18px;
    line-height: 26px;
}

.wt-contact-card-header {
    margin-bottom: 50px;
}

.wt-contact-card-header,
.wt-contact-card-body {
    width: 315px;
    max-width: 100%;
}

.wt-contact-link {
    color: #E5E7EB;
    font-family: Proxima Nova;
    font-size: 18px;
    text-decoration: none;
}

.wt-contact-link:hover {
    color: #E5E7EB;
    opacity: 0.8;
}

.wt-contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.wt-contact-item:last-child {
    margin-bottom: 0;
}

.wt-contact-icon {
    margin-right: 14px;
}

.wt-contact-list {
    margin-bottom: 120px;
}

.wt-contact-social-list {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-contact-social-item:not(:last-child) {
    margin-right: 16px;
}

.wt-contact-social-link {
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #E5E7EB;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.wt-contact-social-link:hover {
    opacity: 0.8;
}

.wt-contact-form .form-control,
.wt-contact-form.form-select {
    border-radius: 2px;
    border-color: #E5E7EB;
    color: #5C5C5C;
}

.wt-contact-form .form-label {
    color: #5C5C5C;
    font-family: Proxima Nova;
    font-size: 18px;
}

.wt-contact-form .form-control::-webkit-input-placeholder {
    color: #BEBEBE;
}

.wt-contact-form .form-control::-moz-placeholder {
    color: #BEBEBE;
}

.wt-contact-form .form-control:-ms-input-placeholder {
    color: #BEBEBE;
}

.wt-contact-form .form-control::-ms-input-placeholder {
    color: #BEBEBE;
}

.wt-contact-form .form-control::placeholder {
    color: #BEBEBE;
}

.wt-contact-form .wt-form-group {
    margin-bottom: 30px;
}

.wt-form-error {
    color: #FF5C5D;
    font-family: Proxima Nova;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    display: block;
    margin-top: 10px;
}

.wt-contact-form .form-control.wt-input-error,
.wt-input-error {
    border-color: #FF5C5D;
}

.wt-contact-form .btn {
    font-family: Proxima Nova;
    font-size: 14px;
    line-height: 130%;
    padding: 16px 50px;
    border-radius: 32px;
    margin-top: 10px;
}

/* ===========================  Contact Page End  ================================= */

/* ===========================  About Us Page Start  ================================= */
.wt-about-item {
    position: relative;
}

.wt-about-content {
    padding: 270px 0;
    width: 470px;
    max-width: 100%;
}

.wt-about-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.wt-about-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-about-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 16px;
}

.wt-about-decription {
    margin-bottom: 0;
}

.wt-about-item:nth-child(even) .row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wt-about-item:nth-child(even) .wt-about-img {
    right: unset;
    left: 0;
}

.wt-about-item:nth-child(even) .wt-about-content {
    margin-left: auto;
}

.wt-partner-section {
    padding: 250px 0 130px;
}

.wt-partners-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wt-partners-item {
    width: 33.33%;
    margin-bottom: 70px;
}

.wt-partners-item:nth-child(7),
.wt-partners-item:nth-child(8),
.wt-partners-item:nth-child(9) {
    margin-bottom: 0;
}

.wt-partner-section .wt-about-content {
    padding: 0;
    margin-left: auto;
}

.wt-partner-section .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

/* ===========================  Notification Page Start  ================================= */
.wt-notification-section {
    padding-bottom: 275px;
}

.wt-notification-header {
    padding: 23px 0;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    margin-top: 16px;
    margin-bottom: 40px;
}


.wt-notification-header .wt-section-title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.wt-notifications-content {
    width: 902px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wt-notifications-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-notifications-item:not(:last-child) {
    margin-bottom: 40px;
}

.wt-notifications-profile {
    margin-right: 30px;
}

.wt-notifications-profile img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-notifications-detail {
    margin-right: 8px;
    width: calc(100% - 130px);
}

.wt-notifications-text {
    line-height: normal;
    margin-bottom: 8px;
}

.wt-notifications-date {
    color: #5E6282;
    line-height: normal;
    margin-bottom: 0;
}

.wt-remove-notifications {
    cursor: pointer;
}

.wt-notifications-active .wt-notifications-text {
    font-weight: 600;
}

/* ===========================  Notification Page End  ================================= */

/* ===========================  My Account Page Start  ================================= */
.wt-account-card {
    border-radius: 8px;
    background: #FFF;
    -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
    padding: 16px;
    height: 100%;
}

.wt-account-card-icon {
    width: 64px;
    height: 64px;
    border: 1px solid #E2E8F0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
}

.wt-account-card-title {
    color: #667080;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-bottom: 8px;
    text-decoration: none;
}

.wt-account-card-title:hover {
    color: #667080;
    opacity: 0.8;
}

.wt-account-card-description {
    color: #64748B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 0;
}

.wt-account-content .col {
    margin-bottom: 32px;
}

/* ===========================  My Account Page End  ================================= */

/* ===========================  Confirm And pay Page Start  ================================= */
.wt-confirm-section {
    padding-bottom: 180px;
}

.wt-confirm-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.wt-confirm-header .wt-section-title {
    color: #000;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 0;
}

.wt-confirm-header .wt-back-link {
    margin-right: 16px;
    margin-left: -40px;
}

.wt-confirm-pay-area {
    color: #000;
}

.wt-confirm-order-detail {
    padding-bottom: 30px;
    border-bottom: 1px solid #E1E1E1;
}

.wt-confirm-order-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
}

.wt-confirm-order-item:last-child {
    margin-bottom: 0;
}

.wt-confirm-order-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 24px;
}

.wt-confirm-order-label {
    font-weight: 500;
    margin-bottom: 8px;
}

.wt-confirm-order-text {
    color: #5E6282;
    margin-bottom: 0;
}

.wt-confirm-order-edit {
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

.wt-confirm-order-edit:hover {
    color: #000;
    opacity: 0.8;
}

.wt-pay-with-content {
    padding: 30px 0;
    border-bottom: 1px solid #E1E1E1;
}

.wt-pay-with-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 13px;
}

.wt-pay-with-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.wt-pay-with-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.wt-pay-with-item:not(:last-child) {
    margin-right: 8px;
}

.wt-pay-with-form-item {
    margin-bottom: 24px;
}

.wt-pay-with-form-item .form-control,
.wt-pay-with-form-item .form-select {
    border-radius: 4px;
    border: 1px solid #7B7B7B;
}

.wt-pay-with-form-item .form-control {
    padding: 16px 15px 16px 15px;
}

.wt-pay-with-form-item .form-select {
    padding: 16px 35px 16px 15px;
}

.wt-pay-with-form-item .wt-input-icon-group .form-control,
.wt-pay-with-form-item .wt-input-icon-group .form-select {
    padding: 16px 35px 16px 46px;
}

.wt-pay-with-form-item .wt-input-icon {
    top: 15px;
}

.wt-pay-with-card-detail .col:first-child .form-control {
    border-bottom: none !important;
    border-radius: 4px 4px 0 0;
}

.wt-pay-with-card-detail .col:nth-child(2) .form-control {
    border-right: none !important;
    border-radius: 0 0 0 4px;
}

.wt-pay-with-card-detail .col:nth-child(3) .form-control {
    border-radius: 0 0 4px 0;
}

.wt-billing-detail .col:nth-child(1) .form-control,
.wt-billing-detail .col:nth-child(2) .form-control,
.wt-billing-detail .col:nth-child(3) .form-control {
    border-bottom: none !important;
    border-radius: 0;
}

.wt-billing-detail .col:nth-child(1) .form-control {
    border-radius: 4px 4px 0 0;
}

.wt-billing-detail .col:nth-child(4) .form-control {
    border-right: none !important;
    border-radius: 0 0 0 4px;
}

.wt-billing-detail .col:nth-child(5) .form-control {
    border-radius: 0 0 4px 0;
}

.wt-billing-detail .row {
    margin-bottom: 24px;
}

.wt-billing-country {
    position: relative;
    margin-bottom: 0;
}

.wt-billing-country .form-label {
    color: #7B7B7B;
    font-size: 12px;
    margin-bottom: 0;
    position: absolute;
    top: 8px;
    left: 15px;
}

.wt-billing-country .form-select {
    padding-top: 22px;
    padding-bottom: 10px;
}

.wt-policy-content {
    padding: 55px 0;
    border-bottom: 1px solid #E1E1E1;
}

.wt-policy-title {
    color: #000;
    font-size: 24px;
    font-weight: 600;
}

.wt-policy-description {
    line-height: normal;
    margin-bottom: 0;
}

.wt-rule-content {
    margin-bottom: 100px;
}

.wt-confirm-pay-btn .btn {
    border-radius: 69px;
    background: -o-linear-gradient(269deg, #1AAA69 0%, #1BC377 100%);
    background: linear-gradient(181deg, #1AAA69 0%, #1BC377 100%);
    font-family: Work Sans;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.15px;
    width: 350px;
    max-width: 100%;
}

.wt-order-detail {
    border-radius: 16px;
    border: 1px solid #E1E1E1;
    padding: 24px;
    width: 470px;
    max-width: 100%;
    margin-left: auto;
    position: sticky;
    top: 0;
    right: 0;
}

.wt-order-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 50px;
    border-bottom: 1px solid #E1E1E1;
}

.wt-order-card-img img {
    border-radius: 8px;
    width: 190px;
    height: 145px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 16px;
}

.wt-order-card-body {
    width: calc(100% - 206px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wt-order-card-label {
    color: #6B7280;
    font-size: 14px;
    margin-bottom: 8px;
}

.wt-order-card-title {
    color: #374151;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
}

.wt-order-card-review {
    color: #374151;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.wt-order-card-review-icon {
    margin: 0 8px;
    position: relative;
    top: -2px;
}

.wt-order-price-detail {
    padding-top: 24px;
}

.wt-order-price-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #E1E1E1;
}

.wt-order-price-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.wt-order-price-label {
    color: #374151;
    font-size: 14px;
}

.wt-order-price-amount {
    color: #374151;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.wt-order-price-label span:first-child {
    font-size: 18px;
    font-weight: 500;
}

.wt-order-price-label span:last-child {
    margin-left: 15px;
}

.wt-order-price-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.wt-order-price-total-label {
    font-weight: 600;
}

.wt-order-price-total-label span {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

/* ===========================  Confirm And pay Page End  ================================= */

/* ===========================  Become A host Page Start  ================================= */
.wt-host-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
}

.wt-new-listing-btn .btn {
    position: relative;
    border-radius: 8px;
    padding: 12px 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.wt-new-listing-btn .btn-outline-dark {
    border: 1px solid #000;
    color: #000;
}

.wt-new-listing-btn .btn-outline-dark:hover {
    color: #fff;
}

.wt-new-listing-btn .btn .btn-icon {
    margin-right: 10px;
}

.wt-new-listing-btn .add-options {
    visibility: hidden;
    width: 200px;
    background-color: white;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-weight: 600;
}

.wt-new-listing-btn .add-options ul {
    list-style: none;
    text-align: left;
    padding: 10px 20px;
    margin: 0;
    cursor: pointer;
}

.add-options ul li img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    margin-right: 10px;
}

.add-options ul li:first-child,
.add-options ul li:nth-child(2) {
    margin-bottom: 10px;
}

.wt-new-listing-btn.active .add-options {
    visibility: visible;
}

.wt-host-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-host-card-img img {
    width: 245px;
    height: 205px;
    max-width: 100%;
    border-radius: 8px;
    margin-right: 20px;
}

.wt-host-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #000;
    padding: 20px;
    margin-bottom: 24px;
}

.wt-host-card-label {
    color: #6B7280;
    font-size: 14px;
}

.wt-host-card-title {
    color: #374151;
    font-size: 20px;
    line-height: 32px;
}

.wt-host-card .wt-order-card-review {
    margin-bottom: 8px;
}

.wt-host-card-price {
    color: #374151;
    font-size: 18px;
    font-weight: 500;
}

.wt-host-card-price span {
    color: #374151;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

.wt-host-card-feature-item {
    color: #0E1826;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #5E6282;
    padding: 5px;
    margin-bottom: 8px;
    line-height: 1;
}

.wt-host-card-body {
    width: calc(100% - 265px);
}

.wt-host-card-feature-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wt-host-card-feature-item:not(:last-child) {
    margin-right: 8px;
}

/* ===========================  Become A host Page End  ================================= */

/* ===========================  Become A host Listing Page Start  ================================= */
.wt-host-listing-section {
    padding: 80px 0;
}

.wt-host-listing-category-item {
    border-radius: 16px;
    border: 1px solid #D9D9D9;
    padding: 30px;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.wt-host-listing-title {
    color: #0E1826;
    font-size: 18px;
}

.wt-host-listing-icon {
    display: block;
    margin-bottom: 30px;
}

.wt-host-listing-icon svg {
    width: 45px;
    height: 45px;
}

.wt-host-listing-category-item .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.wt-host-listing-heading {
    margin-bottom: 50px;
}

.wt-host-listing-category-title {
    color: #000;
    font-size: 24px;
    margin-bottom: 5px;
}

.wt-host-listing-description {
    color: #C4C4C4;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.wt-host-listing-category-item.selected {
    border-color: #0E1826;
}

.wt-host-listing-category-list {
    margin-bottom: 100px;
}


.wt-host-listing-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

.wt-host-listing-step-item {
    width: calc(20% - 4px);
    height: 8px;
    background-color: #D9D9D9;
    margin-right: 4px;
}

.wt-host-listing-step-item:last-child {
    margin-right: 0;
}

.wt-host-listing-step-item.active {
    background-color: #1AAA69;
}

.wt-host-listing-footer-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wt-host-listing-footer-link {
    color: #0E1826;
    font-weight: 500;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    cursor: pointer;
}

.wt-host-listing-footer-link:hover {
    color: #0E1826;
    opacity: 0.8;
}

.wt-host-listing-footer-btn .btn {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
    box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
    padding: 16px 24px;
    border-radius: 8px;
    color: #F5F5F5;
    font-weight: 500;
    line-height: 150%;
}

.wt-host-property-form .form-control,
.wt-host-property-form .form-select {
    border: 1px solid #D5DAE1;
}

.wt-host-property-form .form-label {
    color: #0E1826;
    font-weight: 500;
    margin-bottom: 6px;
}

.wt-host-property-form .col {
    margin-bottom: 40px;
}

.wt-host-property-form .col .row {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.wt-host-property-form .col .row.input {
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.wt-host-property-form .col .col {
    margin-bottom: 0px;
}

.wt-host-property-location iframe {
    width: 100%;
    height: 500px;
    border-radius: 16px;
}

.wt-host-property-location {
    position: relative;
}

.wt-host-location-serch {
    /* position: absolute;
    left: 40px;
    top: 40px; */
    width: calc(100% - 80px);
}

.wt-host-location-serch .form-control {
    padding: 10px 45px 10px 65px;
    border-radius: 64px;
    /* border: none; */
    color: #0E1826;
    font-weight: 500;
    margin-bottom: 20px;
}

.wt-host-location-serch .form-control::-webkit-input-placeholder {
    color: #0E1826;
}

.wt-host-location-serch .form-control::-moz-placeholder {
    color: #0E1826;
}

.wt-host-location-serch .form-control:-ms-input-placeholder {
    color: #0E1826;
}

.wt-host-location-serch .form-control::-ms-input-placeholder {
    color: #0E1826;
}

.wt-host-location-serch .form-control::placeholder {
    color: #0E1826;
}

.wt-host-location-serch .wt-input-icon {
    left: 30px;
}

.wt-host-location-current-location {
    color: #0E1826;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 30px 20px 30px;
    background-color: #fff;
    border-radius: 24px;
    margin-top: -32px;
}

.wt-location-address-form .col {
    margin-bottom: 0;
}

.wt-location-address-form .form-control {
    padding: 17px 14px;
}

.wt-location-address-form .form-control::-webkit-input-placeholder {
    color: #D5DAE1;
}

.wt-location-address-form .form-control::-moz-placeholder {
    color: #D5DAE1;
}

.wt-location-address-form .form-control:-ms-input-placeholder {
    color: #D5DAE1;
}

.wt-location-address-form .form-control::-ms-input-placeholder {
    color: #D5DAE1;
}

.wt-location-address-form .form-control::placeholder {
    color: #D5DAE1;
}

.wt-host-property-img {
    border-radius: 16px;
    border: 1px dashed #0E1826;
    height: 275px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wt-host-property-img .form-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.wt-host-property-img-form .col {
    margin-bottom: 30px;
}

.wt-host-property-upload-label {
    color: #0E1826;
    margin-top: 20px;
}

.wt-host-property-img-selected {
    border: none;
}

.wt-host-property-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}

.wt-host-property-img-add {
    cursor: pointer;
}

.wt-property-features {
    padding-top: 50px;
}

.wt-property-features-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
}

.wt-property-features-title {
    font-size: 24px;
    margin-bottom: 0;
    color: #000;
}

.wt-property-features-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wt-property-features-counter .form-control {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 60px;
    padding: 00;
    text-align: center;
    color: #000;
    font-weight: 500;
}

.wt-property-features-count-atrrow {
    border-radius: 50%;
    border: 1px solid #7B7B7B;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.wt-property-features-count-atrrow.disabled {
    border-color: #D9D9D9;
}

.wt-property-features-count-atrrow.disabled svg path {
    fill: #D9D9D9;
}

.wt-preview-property-card-feature .wt-host-card-feature-item {
    font-size: 14px;
    padding: 10px;
    border-radius: 8px;
}

.wt-host-card-feature-icon {
    margin-right: 10px;
}

.wt-prperty-preview-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 30px;
}

.wt-prperty-preview-title {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
}

.wt-prperty-preview-label {
    color: #667080;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    margin-bottom: 8px;
}

.wt-prperty-preview-profile img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-prperty-preview-description {
    margin-bottom: 20px;
}

.wt-prperty-preview-location-label {
    color: #000;
    font-weight: 600;
    margin-bottom: 16px;
}

.wt-prperty-preview-location-text {
    color: #5E6282;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}

/* ===========================  Become A host Listing Page End  ================================= */

/* ===========================  Message Page Start  ================================= */
.wt-message-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 16px;
    height: calc(100vh - 101px);
    overflow: hidden;
}

.wt-message-header {
    padding: 23px;
    margin-bottom: 15px;
    margin-top: 0;
}

.wt-message-sidebar {
    width: 335px;
    max-width: 100%;
}

.wt-message-chat-search {
    padding: 0 15px 0 23px;
}

.wt-message-chat-search__inner .form-control {
    border: 1px solid #DADAE7;
    padding-left: 16px;
    padding-right: 46px;
}

.wt-message-chat-search__inner .wt-input-icon {
    left: unset;
    right: 12px;
}

.wt-message-chat-search {
    margin-bottom: 20px;
}

.wt-message-chat-list {
    height: calc(100vh - 220px);
    padding: 0 15px 0 23px;
    overflow-y: scroll;
    /* Enable vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
}

.wt-message-chat-card-body {
    display: flex !important;
    flex-direction: column-reverse !important;
}

.wt-message-chat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
    border-bottom: 1px solid #DADAE7;
}

.wt-message-chat-item.active {
    cursor: pointer;
    background: #e6e6e6;
    border-radius: 8px;
}

.wt-message-chat-profile {
    margin-right: 8px;
}

.wt-message-chat-profile img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wt-message-chat-detail {
    width: calc(100% - 120px);
}

.wt-message-chat-title {
    color: #535379;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.wt-message-chat-description {
    color: #535379;
    font-size: 14px;
    margin-bottom: 0;
}

.wt-message-chat-info {
    margin-left: auto;
}

.wt-message-chat-time {
    color: #9E9EBD;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}

.wt-message-chat-new-count {
    color: #1AAA69;
    font-size: 14px;
    font-weight: 600;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    background: rgba(26, 170, 105, 0.20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
}

.wt-message-chat-area {
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    width: calc(100% - 670px);
}

.wt-message-chat-card-footer {
    padding: 14px 16px;
    border-radius: 10px 10px 0px 0px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px
}

.wt-message-profile-details {
    width: 335px;
    max-width: 100%;
}

.wt-message-profile-details .wt-message-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wt-message-profile-close {
    cursor: pointer;
}

.wt-message-chat-input {
    position: relative;
    width: 100%;
}

.wt-message-chat-attach {
    border-radius: 6px;
    background-color: #1AAA69;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-right: 30px;
}

.wt-message-chat-attach .form-control {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.wt-message-chat-input .form-control {
    padding: 17px 20px;
    color: #535379;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.056px;
}

.wt-message-chat-input .btn {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 15px;
}

.wt-message-chat-card-body {
    height: calc(100vh - 305px);
    padding: 20px;
    overflow: auto;
    overflow-y: scroll;
    /* Enable vertical scrollbar */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

.wt-message-item {
    margin-bottom: 20px;
}

.wt-message-item__inner {
    border-radius: 0px 10px 10px 10px;
    background: #1AAA69;
    padding: 10px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.056px;
    max-width: 230px;
    margin-bottom: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.wt-message-description {
    word-break: break-all;
    margin-bottom: 0;
}

.wt-message-item-time {
    color: #535379;
    font-size: 12px;
    font-weight: 500;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.wt-current-message-item .wt-message-item__inner {
    border-radius: 10px 0px 10px 10px;
    background-color: #EDEDF2;
    color: #171717;
    margin-left: auto;
}

.wt-current-message-item .wt-message-item-time {
    margin-left: auto;
}

.wt-message-profile-content {
    padding: 15px 30px;
}

.wt-message-profile-img img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: auto;
}

.wt-message-profile-img span {
    display: block;
    width: 70px;
    height: 70px;
    margin: auto;
    background-color: #1AAA69;
    text-align: center;
    border-radius: 50%;
    font-size: 30px;
    color: white;
    padding-top: 10px;
}

.wt-message-profile-title {
    color: #171717;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wt-message-profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wt-message-profile-info-item {
    color: #535379;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    position: relative;
}

.wt-message-profile-info-item::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 1px;
    background-color: #535379;
    left: calc(100% + 10px);
}

.wt-message-profile-info-item:last-child::before {
    display: none;
}

.wt-message-profile-info-item:last-child {
    margin-right: 0;
}

.wt-message-profile-info-icon {
    margin-right: 10px;
}

/* ===========================  Message Page End  ================================= */
.wt-section-full-header .wt-section-title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
}

.wt-section-full-header {
    padding: 23px 0;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 30px;
}

.wt-my-trip-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.wt-my-trip-head-title {
    color: #000;
    font-size: 24px;
    margin-bottom: 0;
}

.wt-my-trip-head-link {
    color: #1AAA69;
    font-weight: 500;
    text-decoration-line: underline;
}

.wt-my-trip-head-link:hover {
    color: #1AAA69;
    opacity: 0.8;
}

.wt-upcoming-order-card {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.wt-upcoming-order-card-img {
    width: 265px;
    height: 300px;
}

.wt-upcoming-order-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 0px 0px 16px;
}

.wt-upcoming-order-card-body {
    padding: 17px 25px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 265px);
}

.wt-order-card-head {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}

.wt-upcoming-order-card-subtitle {
    color: #6B7280;
    font-size: 14px;
    margin-bottom: 0;
}

.wt-upcoming-order-card-title {
    color: #374151;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}

.wt-upcoming-order-card-title:hover {
    color: #374151;
    opacity: 0.8;
}

.wt-upcoming-order-date {
    color: #374151;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
}

.wt-upcoming-order-date span {
    font-size: 20px;
    font-weight: 400;
    display: block;
}

.wt-order-card-footer {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #C4C4C4;
}

.wt-upcoming-order-user {
    color: #000;
    font-weight: 500;
    margin-bottom: 0;
}

.wt-order-card-content {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
}

.wt-upcoming-order-content__inner .col {
    margin-bottom: 25px;
}

.wt-cancel-order-content .wt-my-trip-head {
    padding-top: 15px;
    border-top: 1px solid #C4C4C4;
    margin-top: 15px;
}

.wt-cancel-order-card-img img {
    height: 160px;
    width: 160px;
    border-radius: 16px;
    object-fit: cover;
}

.wt-cancel-order-card {
    display: flex;
    align-items: center;
}

.wt-cancel-order-card .wt-order-card-head {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.wt-cancel-order-card .wt-cancel-order-card-body {
    width: calc(100% - 175px);
    margin-left: 15px;
}

.wt-cancel-order-card .wt-upcoming-order-user {
    margin-top: 12px;
}

.wt-cancel-order-content__inner .col {
    margin-bottom: 60px;
}

/* =========================== Date Modal =========================== */

.highlight-red {
    position: relative;
    margin-bottom: 20spx;
    background-color: #ff0000 !important;
    border-radius: 5px;
  }
  
  .highlight-blue {
    position: relative;
    margin-bottom: 20spx;
    /* background-color: #ff9100 !important; */
    background-color: orange !important;
    border-radius: 5px;
  }

  .temp{
    padding: 6px 10px 5px 35px !important;
    width: 150px;
  }

  .react-datepicker__calendar-icon {
    margin-top: 3px; /* Adjust the margin value as needed */
}

/* ===========================  Setting Start  ================================= */


.wt-profile-heading {
    padding: 16px 0;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.wt-profile-title {
    color: #0E1826;
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 0;
}

.wt-profile-description {
    color: #5E6282;
    font-size: 14px;
    margin-bottom: 25px;
}

.wt-profile-heading .nav-pills .nav-link {
    color: #5E6282;
    font-size: 14px;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0 0 12px;
}

.wt-profile-heading .nav-pills .nav-link:hover,
.wt-profile-heading .nav-pills .nav-link.active,
.wt-profile-heading .nav-pills .show>.nav-link {
    color: #1AAA69;
    border-color: #1AAA69;
    background-color: transparent;
}

.wt-settings-content {
    padding: 65px 0;
}

.wt-settings-content-title {
    color: #334155;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0;
}

.wt-settings-content-description {
    color: #64748B;
    font-size: 14px;
}

.wt-upload-avatar__inner {
    border-radius: 2px;
    background-color: #F8FAFC;
    padding: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.wt-settings-content__inner .form-label {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
}

.wt-upload-avatar {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.wt-upload-avatar>img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.wt-upload-avatar-input {
    position: relative;
    margin-bottom: 8px;
}

.wt-upload-avatar-input .form-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.wt-upload-avatar-input span {
    background-color: #1AAA69;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 10px;
    min-width: 62px;
    display: block;
}

.wt-remove-avatar-btn {
    color: #334155;
    font-size: 12px;
    border-radius: 2px;
    border: 1px solid #E2E8F0;
    background-color: #FFF;
    padding: 4px 8px;
    min-width: 62px;
    display: block;
}

.wt-choose-avata-label {
    color: #64748B;
    font-size: 12px;
    margin-bottom: 8px;
}

.wt-choose-avata-content__inner {
    display: flex;
    align-items: center;
}

.wt-choose-avata-content__inner .form-check {
    padding-left: 0;
}

.wt-choose-avata-content__inner .form-check:not(:last-child) {
    margin-right: 8px;
}

.wt-choose-avata-content__inner .form-check-input {
    margin-left: 0;
    position: absolute;
    opacity: 0;
}

.wt-avatar-img {
    text-align: right;
}

.wt-upload-avatar-notes {
    color: #64748B;
    font-size: 12px;
    margin-bottom: 0;
}

.wt-upload-avatar-content {
    margin-bottom: 70px;
}

.wt-settings-content .form-control,
.wt-settings-content .form-select {
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    background-color: #FFF;
    padding: 10px 14px;
    color: #334155;
    font-size: 14px;
}

.wt-settings-content .form-control.disabled {
    background: #d6d6d6;
}

.wt-settings-content .wt-input-icon-group .form-control,
.wt-settings-content .wt-input-icon-group .form-select {
    padding-left: 35px;
}

.wt-settings-content .wt-input-icon-group .wt-input-icon {
    top: 8px;
}

.wt-settings-content .wt-profile-form-btn button:first-child {
    margin-right: 12px;
}

.wt-settings-content .select2-container .select2-selection--single {
    border-radius: 0;
}

.wt-settings-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset;
}

.wt-settings-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: 0;
    padding: 6px 8px;
}

.wt-profile-form-btn .btn {
    min-width: 160px;
    border-radius: 50px;
}

.wt-profile-form-btn .btn-outline-info {
    color: #334155;
    border: 1px solid #E2E8F0;
}

.wt-profile-form-btn .btn-outline-info:hover {
    background-color: #1aaa69;
    border-color: #1aaa69;
    color: #ffffff;
}

.wt-profile-payment-content .btn {
    border-radius: 4px;
    padding: 10px;
}

.wt-profile-payment-content .btn-icon {
    margin-right: 5px;
    display: inline-block;
}

.wt-profile-payment-method-box {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 16px;
}

.wt-payment-title {
    font-size: 20px;
    color: #334155;
    font-weight: 600;
    margin-bottom: 0px;
}

.wt-profile-payment-details {
    display: flex;
    align-items: center;
}

.wt-payment-card-detail {
    margin: 0 16px;
}

.wt-payment-card-detail-text {
    margin-bottom: 0;
    color: #64748b;
    font-size: 14px;
}

.wt-payment-card-action .btn {
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 12px;
}

.wt-payment-card-action .btn-danger {
    background-color: #f43f5e;
}

.wt-payment-card-action .btn-danger:hover {
    opacity: 0.8;
}

.wt-payment-card-action .btn-outline-secondary {
    border: 1px solid #e2e8f0;
    color: #334155;
}

.wt-payment-card-action .btn-outline-secondary:hover {
    border: 1px solid #334155;
    color: #ffffff;
    background-color: #334155;
}

.wt-profile-notification-box {
    padding: 24px;
}

.wt-profile-notification-box .wt-settings-content-heading {
    margin-bottom: 24px;
}

.wt-profile-notification-sub-heading {
    margin-bottom: 16px;
}

.wt-notification-sub-title {
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0;
}

.wt-notification-sub-description {
    color: #64748b;
    font-size: 14px;
}

.wt-notification-check-box {
    padding: 16px;
    border-radius: 2px;
    border: 1px solid #e2e8f0;
}

.wt-notification-check-header {
    margin-bottom: 8px;
}

.wt-notification-check-all-btn {
    display: flex;
    align-items: center;
    justify-content: end;
}

.wt-notification-check-btn {
    color: #1aaa69;
    font-size: 12px;
    cursor: pointer;
}

.wt-notification-check-btn:hover {
    opacity: 0.8;
}

.wt-notification-check-btn-slash {
    color: #cbd5e1;
    margin: 0 8px;
    display: inline-block;
}

.wt-notification-check-body {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wt-notification-check-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wt-notification-check-item:not(:last-child) {
    margin-bottom: 8px;
}

.wt-notification-check-input-group {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.wt-notification-check-input-box {
    border-radius: 2px;
    border: 1px solid #e2e8f0;
    background: #fff;
    padding: 4px 8px;
}

.wt-notification-check-input-box .form-check {
    margin-bottom: 0;
}

.wt-notification-check-item-title {
    font-size: 14px;
    color: #334155;
}

.wt-profile-notification-content .form-check .form-check-input {
    border-radius: 2px;
    border: 1px solid #cbd5e1;
    background-color: #fff;
}

.wt-profile-notification-content .form-check-input:checked {
    background-color: #1aaa69;
    border-color: #1aaa69;
}

.wt-profile-notification-box .form-check-label {
    font-size: 12px;
    color: #334155;
}

.wt-notification-check-input-box.active {
    border: 1px solid #92fccd;
    background: #e5fff3;
}

.wt-paid-balance-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wt-paid-balance-text {
    font-size: 54px;
    font-style: normal;
    font-weight: 600;
    color: #1aaa69;
    margin-bottom: 0;
}

.wt-paid-account-type-name {
    color: #5e6282;
    font-size: 14px;
}

.wt-paid-account-type-name {
    margin-bottom: 0;
}

.wt-paid-withdraw-content .btn {
    min-width: 384px;
    width: 100%;
    border-radius: 4px;
}

.wt-withdraw-amount {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.wt-withdraw-amount button {
    margin-top: 15px;
    width: 100%;
}

.wt-withdraw-history-section {
    border-radius: 8px;
    background-color: #0e1826;
    padding: 24px;
    margin-top: 32px;
}

.wt-withdraw-history-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.wt-withdraw-history-title {
    font-size: 24px;
    font-weight: 500;
    color: #f5f5f5;
}

.wt-withdraw-history-header .btn {
    background-color: transparent;
    border-color: #f5f5f5;
    border-radius: 8px;
    padding: 10px;
    color: #f5f5f5;
}

.wt-withdraw-history-header span {
    display: inline-block;
    line-height: 24px;
}

.wt-withdraw-history-header .btn-icon {
    display: inline-block;
    margin-left: 5px;
}

.wt-withdraw-history-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wt-withdraw-history-item {
    background-color: #ffffff;
    border-radius: 4px;
    border-bottom: 1px solid #d9d9d9;
    padding: 24px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.wt-withdraw-history-item:last-child {
    margin-bottom: 0px;
}

.wt-withdraw-history-user-info {
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.wt-withdraw-history-user-img img {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    object-fit: cover;
}

.wt-withdraw-history-user-name {
    font-size: 16px;
    color: #0e1826;
    font-weight: 500;
    margin-bottom: 4px;
}

.wt-withdraw-user-id {
    color: #5e6282;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.wt-withdraw-history-datentime {
    display: flex;
    align-items: center;
    column-gap: 12px;
    color: #d9d9d9;
    font-weight: 500;
    font-style: 14px;
}

.wt-withdraw-history-time {
    position: relative;
}

.wt-withdraw-history-time::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background-color: #d9d9d9;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
}

.wt-withdraw-history-price {
    color: #000;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 8px;
}

.wt-withdraw-history-process-label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.wt-settings-content__inner .form-note-lable {
    font-size: 12px;
    color: #64748b;
    font-weight: 400;
    display: block;
    margin-top: 8px;
}

.password {
    position: relative;
}

.password .eye-icon {
    position: absolute;
    right: 30px;
    height: max-content;
    top: 30px;
    bottom: 0;
    margin: auto;
    width: 20px;
    cursor: pointer;
}

/* ===========================  Setting End  ================================= */

/* ===========================  order details Page Start  ================================= */

.wt-order-details-header .wt-back-icon {
    margin-right: 10px;
    text-decoration: none;
}

.wt-order-trip-tag-list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wt-order-trip-tag-item {
    display: flex;
    align-items: center;
    border: 1px solid #5e6282;
    padding: 10px;
    border-radius: 8px;
    margin-right: 8px;
}

.wt-order-trip-tag-item svg {
    margin-right: 15px;
}

.wt-order-trip-heading {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.wt-order-trip-heading .wt-order-trip-heading-title {
    font-size: 24px;
    font-weight: 700;
}

.wt-order-trip-heading p {
    font-size: 18px;
    font-weight: 500;
    color: #667080;
    margin-bottom: 8px;
}

.wt-order-trip-othorize {
    margin: 16px 0;
    padding: 16px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
}

.wt-othorize-image img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 24px;
}

.wt-othorize-name {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.wt-order-trip-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.wt-order-trip-info-details {
    width: 50%;
}

.wt-order-trip-info-details h6 {
    color: #0e1826;
    font-size: 20px;
    font-weight: 600;
}

.wt-order-trip-info-details p {
    color: #0e1826;
    font-size: 20px;
    margin-bottom: 0px;
}

.wt-order-trip-info-details span {
    color: #828282;
    font-size: 16px;
    font-weight: 300;
}

.wt-order-trip-info-details:last-child {
    display: flex;
    justify-content: space-around;
}

.wt-order-trip-info-location {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.wt-order-trip-info-location__innner {
    text-decoration: none;
    display: inline-block;
    color: #374151;
}

.wt-order-trip-info-location__innner svg {
    margin-right: 24px;
}

.wt-order-trip-conf-code label {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.wt-order-trip-conf-code p {
    font-size: 20px;
    color: #000;
    font-weight: 300;
}

.wt-order-trip-other-link-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wt-order-trip-other-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 1px solid #d9d9d9;
}

.wt-order-trip-other-link-title span {
    font-size: 20px;
    color: #374151;
    font-weight: 400;
    margin-left: 24px;
}

.wt-order-payment-details {
    margin-bottom: 180px;
}

.wt-order-payment-details__inner {
    margin-top: 40px;
    padding-top: 34px;
    border-top: 1px solid #d9d9d9;
}

.wt-order-payment-title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 34px;
}

.wt-order-slider-area {
    position: relative;
}

.wt-order-details-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 34px;
}

.wt-order-card-number {
    margin: 8px 0;
}

.wt-order-receipt-btn {
    text-decoration: none;
    font-weight: 400;
    color: #1aaa69;
}

.wt-order-receipt-btn:hover {
    color: #1aaa69;
    opacity: 0.8;
}

.wt-order-payment-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 16px 0;
    font-size: 20px;
    font-weight: 500;
}

.wt-order-userDetails {
    display: flex;
    align-items: start;
    justify-content: space-between;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 16px 0;
    font-size: 20px;
    font-weight: 500;
}

.wt-order-payment-total-price {
    margin-bottom: 0;
}

.wt-order-slider {
    border-radius: 16px;
    overflow: hidden;
}

.wt-order-slider-area .slick-arrow {
    top: auto;
    bottom: 40px;
    right: 22px;
    width: 24px;
    height: 24px;
    background-size: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM13.53 14.47C13.823 14.763 13.823 15.238 13.53 15.531C13.384 15.677 13.192 15.751 13 15.751C12.808 15.751 12.616 15.678 12.47 15.531L9.46997 12.531C9.17697 12.238 9.17697 11.763 9.46997 11.47L12.47 8.46997C12.763 8.17697 13.238 8.17697 13.531 8.46997C13.824 8.76297 13.824 9.23801 13.531 9.53101L11.061 12.001L13.53 14.47Z' fill='white'/%3E%3C/svg%3E%0A");
    border: none;
    background-size: 24px;
}

.wt-order-slider-area .slick-arrow:hover {
    background-color: transparent;
}

.wt-order-slider-area .slick-prev {
    left: 22px;
    right: unset;
}

.wt-order-slider-area .slick-arrow.slick-disabled {
    opacity: 0.3;
}

.wt-order-all-show-btn {
    position: absolute;
    top: 24px;
    right: 29px;
    display: inline-flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #000;
    background: #fff;
    color: #000;
    box-shadow: 0px 1px 2px 0px rgba(31, 41, 55, 0.08);
}

.wt-order-all-show-btn:hover {
    color: #000;
    opacity: 0.8;
}

/* .wt-order-slider-image {
  } */
/* ===========================  order details Page End  ================================= */
/* ===========================  Stripe Setup Start  ================================= */
.stripe-container {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.stripe-container img:first-child {
    width: 200px;
    height: auto;
    object-fit: cover;
}

.stripe-container .stripe-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.stripe-container .stripe-label img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.stripe-container .stripe-label span {
    color: #374151;
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
}

/* ===========================  Stripe Setup End  ================================= */


/* ===========================  React Skeleton Loading Start  ================================= */

.react-loading-skeleton.sk-image {
    width: 275px;
    height: 300px;
    border-radius: 10px;
}

.react-loading-skeleton.sk-image-2 {
    width: 265px;
    height: 100%;
    border-radius: 10px 0 0 10px;
    padding: 10px;
}

.react-loading-skeleton.sk-image-3 {
    width: 160px;
    height: 160px;
    border-radius: 10px;
    /* padding: 10px; */
}

.react-loading-skeleton.sk-desc {
    width: 100px;
    height: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.react-loading-skeleton.sk-desc-2 {
    width: 150px;
    height: 10px;
}

.react-loading-skeleton.sk-label {
    width: 150px;
    height: 30px;
    border-radius: 10px;
}

.react-loading-skeleton.sk-date {
    width: 150px;
    height: 20px;
    border-radius: 10px;
}

.react-loading-skeleton.sk-price {
    width: 100px;
    height: 25px;
    border-radius: 10px;
}

.react-loading-skeleton.sk-profile-image {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

/* ===========================  React Skeleton Loading End  ================================= */

/* ===========================  Site Footer Start  ================================= */
.wt-site-footer {
    padding: 120px 0 90px;
    background-color: #0E1826;
}

.wt-footer-logo {
    margin-bottom: 50px;
}

.wt-footer-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.wt-footer-top-content .wt-footer-menu-list {
    font-family: 'Proxima Nova';
}

.wt-footer-menu-item:not(:last-child) {
    margin-right: 40px;
}

.wt-footer-menu-link {
    color: #F5F5F5;
    font-size: 14px;
    text-decoration: none;
}

.wt-footer-menu-link:hover {
    color: #F5F5F5;
    opacity: 0.8;
}

.wt-footer-right-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.wt-footer-download-list {
    margin-bottom: 0;
    margin-right: 60px;
}

.wt-footer-download-item:not(:last-child) {
    margin-bottom: 25px;
}

.wt-social-link {
    width: 35px;
    height: 35px;
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.wt-social-link:hover {
    border: 1.5px solid rgba(255, 255, 255, 0.3);
}

.wt-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.wt-social-item:not(:last-child) {
    margin-right: 15px;
}

.wt-footer-top-content {
    margin-bottom: 75px;
}

.wt-footer-bottom-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 2px solid rgba(229, 231, 235, 0.1);
}

.wt-footer-info {
    color: #E5E7EB;
    margin-bottom: 0;
}

.wt-footer-bottom-content .wt-footer-menu-link {
    color: #E5E7EB;
}

.image-previews {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wt-host-property-img-preview {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.wt-host-property-img-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    background: #f9f9f9;
}

.remove-icon {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    padding: 2px 5px;
}

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

/* ===========================  Responsive Start  ================================= */
@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1194px;
    }

    .wt-header .container {
        max-width: 1259px;
    }
}

@media (max-width: 1199px) {
    .wt-header-btn .btn:not(:last-child) {
        margin-right: 10px;
    }

    .wt-header-btn {
        margin-left: auto;
        margin-right: 20px;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .navbar-nav {
        height: 100vh;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #000;
    }

    .wt-header-dark .navbar-nav {
        background-color: #fff;
    }

    .wt-landing-section {
        padding: 180px 0 50px;
    }

    .wt-section-title {
        font-size: 40px;
        line-height: 1.2;
    }

    .wt-landing-section .wt-section-title {
        font-size: 54px;
        line-height: 60px;
    }

    .wt-landing-search-item {
        margin-right: 26px;
    }

    .wt-principales-section .wt-section-description {
        margin-bottom: 20px;
    }

    .wt-principales-card-img img {
        max-height: 415px;
    }

    .wt-principales-right-bottom-item .wt-principales-card-img img {
        height: 206px;
    }

    .wt-destino-card {
        margin: 0 5px;
    }

    .wt-destino-card-title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .wt-destino-card-description {
        margin-bottom: 15px;
    }

    .wt-destino-card-footer .btn {
        white-space: nowrap;
    }

    .wt-destino-card-price {
        font-size: 18px;
    }

    .wt-destino-card-price span {
        font-size: 14px;
    }

    .wt-destino-card {
        padding: 10px 10px 15px;
    }

    .slick-arrow {
        width: 45px;
        height: 45px;
    }

    .wt-buscar-section .slick-arrow {
        top: -70px;
    }

    .wt-buscar-section .slick-list {
        padding-top: 30px !important;
        padding-bottom: 80px !important;
    }

    .wt-testimonial-description {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .wt-testimonial-slider .slick-arrow {
        right: 55px;
    }

    .wt-testimonial-slider .slick-next {
        right: 0;
    }

    .wt-testimonial-slider-area {
        padding: 20px;
    }

    .wt-ultimate-travel-heading .wt-section-description {
        font-size: 16px;
        line-height: 24px;
        width: 790px;
    }

    .wt-ultimate-travel-item {
        margin-bottom: 30px;
    }

    .wt-ultimate-travel-title {
        font-size: 22px;
        line-height: 28px;
    }

    .wt-download-app-heading .wt-section-description {
        font-size: 16px;
        width: 580px;
    }

    .wt-footer-menu-item:not(:last-child) {
        margin-right: 25px;
    }

    .wt-footer-top-content {
        margin-bottom: 40px;
    }

    .wt-site-footer {
        padding: 60px 0 20px;
    }

    .wt-footer-download-item:not(:last-child) {
        margin-bottom: 15px;
    }

    .wt-about-content {
        padding: 120px 0;
        width: 380px;
    }

    .wt-partner-section {
        padding: 120px 0 130px;
    }

    .wt-accommodation-result-section {
        padding: 40px 0 100px;
    }

    .wt-filter-btn .btn {
        font-size: 16px;
        padding: 10px 20px;
    }

    .wt-accommodation-result-header {
        margin-bottom: 30px;
    }

    .wt-accommodation-card-content {
        margin-bottom: 30px;
    }

    .wt-accommodation-info-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wt-accommodation-info-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wt-accommodation-info-item {
        margin-bottom: 8px;
    }
}

@media (max-width: 991px) {
    .wt-landing-section .wt-section-title {
        font-size: 44px;
    }

    .wt-landing-search-box__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wt-landing-search-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-right: 15px;
        width: calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin-bottom: 10px;
    }

    .wt-landing-search-item .btn {
        padding: 8px;
    }

    .wt-principales__inner .col {
        margin-bottom: 20px;
    }

    .wt-principales-card-img img {
        max-height: unset;
    }

    .wt-principales-right-bottom-item .wt-principales-card-img img {
        height: 385px;
    }

    .wt-section-title {
        font-size: 28px;
    }

    .wt-principales-content .nav-pills {
        margin-bottom: 30px;
    }

    .nav-pills .nav-link {
        font-size: 12px;
        padding: 8px 15px;
    }

    .nav-pills .nav-item {
        margin: 0 5px;
    }

    .wt-buscar-section {
        padding: 20px 0 0;
    }

    .wt-buscar-section .slick-arrow {
        right: 100px;
    }

    .wt-buscar-section .slick-next {
        right: 40px;
    }

    .wt-testimonial-slider-area {
        padding: 0;
    }

    .wt-ultimate-travel-img {
        text-align: center;
    }

    .wt-not-member-btn .btn {
        min-width: 130px;
        padding: 10px;
    }

    .wt-not-member-section {
        padding: 50px 0;
    }

    .wt-footer-download-list {
        margin-right: 15px;
    }

    .wt-social-item:not(:last-child) {
        margin-right: 5px;
    }

    .wt-footer-bottom-content {
        padding-top: 10px;
    }

    .wt-footer-info {
        font-size: 14px;
    }

    .wt-footer-logo {
        margin-bottom: 30px;
    }

    .wt-inner-page-landing-section {
        padding: 145px 0 45px;
    }

    .wt-about-content {
        padding: 70px 0;
    }

    .wt-partners-item {
        width: 27%;
        margin-bottom: 50px;
    }

    .wt-partner-section {
        padding: 90px 0 60px;
    }

    .wt-host-listing-category-title {
        font-size: 20px;
    }

    .wt-host-listing-category-list {
        margin-bottom: 40px;
    }

    .wt-host-listing-category-item {
        padding: 15px 25px;
    }

    .wt-host-property-img {
        height: 185px;
    }

    .wt-host-listing-icon {
        margin-bottom: 20px;
    }

    .wt-host-listing-icon svg {
        width: 25px;
        height: 25px;
    }

    .wt-property-features-title {
        font-size: 18px;
    }

    .wt-property-features {
        padding-top: 20px;
    }

    .wt-prperty-preview-heading {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wt-preview-property-card-feature .wt-host-card-feature-item {
        padding: 6px 10px;
    }

    .wt-confirm-header .wt-section-title {
        font-size: 20px;
    }

    .wt-confirm-header .wt-back-link {
        margin-left: 0;
    }

    .wt-confirm-header {
        margin-bottom: 30px;
    }

    .wt-confirm-order-item {
        margin-bottom: 20px;
    }

    .wt-policy-content {
        padding: 30px 0;
    }

    .wt-pay-with-form-item .form-control {
        padding: 10px 15px 10px 15px;
    }

    .wt-pay-with-form-item .wt-input-icon-group .form-control,
    .wt-pay-with-form-item .wt-input-icon-group .form-select {
        padding: 10px 35px 10px 46px;
    }

    .wt-policy-title {
        font-size: 20px;
    }

    .wt-rule-content {
        margin-bottom: 20px;
    }

    .wt-order-detail {
        margin-top: 20px;
        width: 100%;
    }

    .wt-message-sidebar {
        width: 250px;
    }

    .wt-message-profile-details {
        width: 200px;
    }

    .wt-message-chat-area {
        width: calc(100% - 450px);
    }

    .wt-message-header {
        padding: 15px;
    }

    .wt-notification-header .wt-section-title {
        font-size: 20px;
    }

    .wt-message-chat-attach {
        margin-right: 10px;
    }

    .wt-message-chat-input {
        width: calc(100% - 46px);
    }

    .wt-message-profile-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wt-message-profile-info-item {
        margin-right: 0;
    }

    .wt-message-profile-title {
        font-size: 18px;
    }

    .wt-message-profile-info-item::before {
        display: none;
    }

    .wt-message-profile-content {
        padding: 15px 20px;
    }

    .wt-notification-section {
        padding-bottom: 90px;
    }

    .wt-notification-header {
        padding: 15px 0;
    }

    .wt-accommodation-details-title {
        font-size: 22px;
    }

    .wt-accommodation-info-title {
        font-size: 20px;
    }

    .wt-accommodation-info-label {
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    .navbar-toggler {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .wt-header-btn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 15px;
    }

    .wt-header-btn .btn {
        width: calc(50% - 5px);
    }

    .wt-header {
        padding-top: 10px;
    }

    .wt-header-light~main>section:first-child {
        margin-top: -165px;
    }

    .wt-landing-section .wt-section-title {
        font-size: 36px;
        line-height: 45px;
    }

    .wt-landing-search-item {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
    }

    .wt-landing-search-box__inner {
        padding: 20px;
    }

    .nav-pills .nav-item {
        margin-bottom: 7px;
    }

    /* .wt-buscar-section .slick-list {
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-top: 30px !important;
        padding-bottom: 60px !important;
    } */

    .wt-testimonial-img {
        margin-bottom: 30px;
    }

    .wt-ultimate-travel-icon {
        width: 45px;
        height: 45px;
    }

    .wt-ultimate-travel-item {
        margin-bottom: 10px;
    }

    .wt-ultimate-travel-title {
        font-size: 18px;
        line-height: 10px;
    }

    .wt-ultimate-travel-description {
        font-size: 14px;
        line-height: 20px;
    }

    .wt-ultimate-travel-section {
        padding: 35px 0;
    }

    .wt-not-member-btn {
        text-align: center;
        margin-top: 20px;
    }

    .wt-footer-download-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 15px;
    }

    .wt-footer-download-item {
        width: calc(50% - 10px);
    }

    .wt-footer-download-item:not(:last-child) {
        margin-bottom: 0;
    }

    .wt-social-item:not(:last-child) {
        margin-right: 10px;
    }

    .wt-footer-download-link,
    .wt-footer-download-link img {
        display: block;
        width: 100%;
    }

    .wt-footer-top-content .wt-footer-menu-list {
        margin-bottom: 30px;
    }

    .wt-footer-bottom-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .wt-footer-menu-list {
        margin-bottom: 15px;
    }

    .wt-footer-right-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .wt-inner-page-img {
        margin-bottom: 20px;
    }

    .wt-about-img {
        position: static;
        width: 100%;
    }

    .wt-about-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 20px 0;
    }

    .wt-about-content {
        padding: 50px 0;
    }

    .wt-partner-section {
        padding: 20px 0 60px;
    }

    .wt-partners-list {
        margin-bottom: 50px;
    }

    .wt-accommodation-result-section {
        padding: 40px 0 50px;
    }

    .wt-host-listing-section {
        padding: 40px 0;
    }

    .wt-host-property-form .col {
        margin-bottom: 20px;
    }

    .wt-host-location-serch {
        left: 15px;
        top: 10px;
        width: calc(100% - 30px);
    }

    .wt-location-address-form .col {
        margin-bottom: 0;
    }

    .wt-property-features-count-atrrow {
        width: 25px;
        height: 25px;
    }

    .wt-property-features-count-atrrow svg {
        height: 20px;
        width: 20px;
    }

    .wt-property-features-counter .form-control {
        width: 50px;
    }

    .wt-host-listing-step-item {
        height: 4px;
    }

    .wt-host-listing-footer-btn .btn {
        padding: 8px 20px;
    }

    .wt-prperty-preview-img {
        margin-bottom: 20px;
    }

    .wt-prperty-preview-title {
        font-size: 20px;
    }

    .wt-prperty-preview-label {
        margin-bottom: 15px;
    }

    .wt-prperty-preview-heading {
        margin-bottom: 20px;
    }

    .wt-loggedin-btn {
        width: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
        margin-left: auto;
        margin-right: 20px;
    }

    .wt-loggedin-profile img {
        width: 30px;
        height: 30px;
    }

    .wt-loggedin-btn__inner {
        padding: 6px 10px;
    }

    .dropdown-item {
        padding: 7px 20px;
    }

    .wt-new-listing-btn .btn {
        padding: 10px 15px;
    }

    .wt-new-listing-btn .btn .btn-icon {
        margin-right: 5px;
    }

    .wt-host-header {
        padding: 20px 0;
    }

    .wt-host-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
    }

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

    .wt-host-card-img img {
        width: 100%;
        margin-right: 0;
    }

    .wt-host-card-body {
        width: 100%;
        padding-top: 15px;
    }

    .wt-order-detail {
        padding: 15px;
    }

    .wt-order-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
    }

    .wt-order-card-img img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .wt-order-card-body {
        width: 100%;
    }

    .wt-confirm-section {
        padding-bottom: 70px;
    }

    .wt-get-touch-section {
        padding: 60px 0 60px;
    }

    .wt-get-touch-heading {
        margin-bottom: 30px;
    }

    .wt-contact-card {
        padding: 30px 20px 30px;
        margin-bottom: 40px;
    }

    .wt-contact-card-header {
        margin-bottom: 30px;
    }

    .wt-contact-item {
        margin-bottom: 15px;
    }

    .wt-contact-list {
        margin-bottom: 50px;
    }

    .wt-contact-decription {
        font-size: 16px;
        line-height: 24px;
    }

    .wt-contact-title {
        font-size: 22px;
    }

    .wt-contact-link {
        font-size: 16px;
    }

    .wt-login-heading .wt-section-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .wt-back-login-content {
        padding-left: 15px;
        margin-bottom: 40px;
    }

    .wt-form-notes {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .wt-message-section {
        height: auto;
        overflow: auto;
    }

    .wt-message-sidebar {
        width: 100%;
    }

    .wt-message-chat-search {
        padding: 0 15px 0 15px;
    }

    .wt-message-chat-list {
        height: 200px;
        padding: 0 15px 0 15px;
    }

    .wt-message-chat-area {
        width: 100%;
    }

    .wt-message-profile-details {
        width: 100%;
    }

    .wt-notification-section {
        padding-bottom: 50px;
    }

    .wt-notifications-profile {
        margin-right: 15px;
    }

    .wt-notifications-profile img {
        width: 30px;
        height: 30px;
    }

    .wt-notifications-detail {
        width: calc(100% - 70px);
    }

    .wt-choose-avata-label {
        margin-left: 35px;
        color: #64748B;
        font-size: 12px;
        margin-bottom: 8px;
    }

    .wt-notifications-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .wt-notifications-text {
        font-size: 14px;
    }

    .wt-notifications-date {
        font-size: 12px;
    }

    .wt-settings-content {
        padding: 0 0;
    }

    .wt-notifications-item:not(:last-child) {
        margin-bottom: 20px;
    }

    .wt-accommodation-img-content>.row>.col:first-child .wt-accommodation-img img,
    .wt-accommodation-img-content>.row>.col:last-child .col:nth-child(2) .wt-accommodation-img img,
    .wt-accommodation-img-content>.row>.col:last-child .col:nth-child(4) .wt-accommodation-img img,
    .wt-accommodation-img img {
        height: 250px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 10px;
    }

    .wt-accommodation-info-item {
        padding: 6px 10px;
    }

    .wt-accommodation-info__inner {
        margin-bottom: 30px;
    }

    .wt-reserve-price-amount {
        font-size: 20px;
    }

    .wt-accommodation-review-head {
        margin-bottom: 20px;
    }

    .wt-accommodation-review-title {
        font-size: 20px;
    }

    .wt-review-category-bar {
        min-width: 160px;
    }

    .wt-accommodation-review-item {
        margin-bottom: 20px;
    }

    .wt-accommodation-review-img img {
        width: 35px;
        height: 35px;
    }

    .wt-accommodation-review-img {
        margin-right: 15px;
    }

    .wt-accommodation-review-description {
        font-size: 14px;
    }

    .wt-accommodation-host-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .wt-accommodation-host-name {
        font-size: 20px;
    }

    .wt-choose-avata-content__inner {
        display: flex;
        align-items: center;
        margin-left: 35px;
    }

    .wt-accommodation-host-info {
        margin-bottom: 15px;
    }

    .wt-accommodation-host-content .btn {
        padding: 10px 25px;
    }

    .wt-avatar-img {
        display: none;
    }

    .wt-things-know-content {
        padding-top: 30px;
    }

    .wt-things-know-title {
        font-size: 20px;
    }

    .wt-accommodation-details-section {
        padding: 25px 0 50px;
    }

    .wt-login-img-slider-item img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        margin-top: 30px;
    }

    .wt-accommodation-rate-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wt-success-forgot-icon svg {
        width: 130px;
        height: 130px;
    }
}

/* ===========================  Responsive End  ================================= */