:host,
:root,
html,
::after,
::before {
    --primary-color: #0075FF;
    --primary-font-color: #ffffff;
    --secondary-color: #FF5656;
    --secondary-font-color: #ffffff;
    ---secondary-color: #FF565644;
    --a-hover-color: #FF5656;
    --heading-color: #2c3e50;
    --descprition-color: #6e7da3;
    --deaf-font-color: #8894ad;
    --deaf-font-color-600: #8894ad1f;
    --deaf-font-color-400: #8894ad44;
    --label-font-color: #151e42;
    --input-font-color-700: #6d7ca3;
    --input-font-color-500: #6d7ca388;
    ---input-font-color-500: #484f5f;
    --input-border-color: #d4dcff;
    --faded-font-color: #525c84;
    --primary-disabled: #0075ff22;
    --primary-border-color: #e5edf9;
    --primary-border-color-600: #e5edf966;
    ---primary-border-color: #eaeef7;
    --grid-text-color: #424857;
    ---grid-text-color: #838eaa;
    --overlay-color: #000000;
    --stats-bg-color: #fcfdfe;
    --stars-color: #d1e4fa;
    --dashboard-secondary-bg-color: #f5f9fd;
    --black-700: #000000;
    --white-700: #ffffff;
    --white-500: #FFFFFFDE;
    --white-200: #ffffff22;
    --orange-700: #f8b849;
    --purple-700: #4339f2;
    --red-700: #fb295b;
    --green-700: #34b53a;
    --green-500: #5dc461;
    --grey-700: #808080;
    --cyan-700: #28F8C0;
    --golden-700: #FFBB00;
    --input-radius: 10px;
    --border-radius-lg: 20px;
    --border-radius: 12px;
    --border-radius-md: 16px;
    --border-radius-xs: 4px;
    --primary-font: sans-serif;
    --icons-font: "Font Awesome 6 Free", emoji;
    --transition: 300ms;
    --overlay-opacity: 0.6;

    /* Icons Variables */
    --chevron-down-icon-code: "\f078";
    --heart-filled-icon-code: "\f004";
    --star-filled-icon-code: "\f005";
    --square-icon-code: "\f0c8";
    --check-icon-code: "\f00c";
    --circle-icon-code: "\f111";
    --close-icon-code: "\f00d";
    --marker-icon-code: "\f3c5";
    --search-icon-code: "\f002";
    --remove-heart-icon-code: "\e4ff";
    --loading-icon: "\f110";
}

/**
 * Default CSS Start
 *
 * This CSS Will Be Overwrite With Dynamic CSS
 */

.staybnb-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    background-color: #F1F2F3;
    display: flex;
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    align-items: center;
    justify-content: center;
}

.staybnb-loader img {
    width: 50px;
    text-align: center;
}


.staybnb-container {
    padding: 0 40px;
}

body {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(---grid-text-color);
    margin: 0 0 0 0;
}

h1 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

h2 {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

h3 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

h4 {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

h5 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

h6 {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

p {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(---grid-text-color);
    margin: 0 0 0 0;
}

label {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(--heading-color);
    margin: 0 0 0 0;
}

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

.post-page-numbers {
    color: var(--primary-color);
}

a:hover,
a:focus {
    color: var(--a-hover-color);
}

.p-sm {
    font-size: 11px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(---grid-text-color);
    margin: 0 0 0 0;
}

.p-md {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(---grid-text-color);
    margin: 0 0 0 0;
}

.p-lg {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: var(--bs-body-font-family);
    color: var(---grid-text-color);
    margin: 0 0 0 0;
}

.staybnb-filled-btn,
.staybnb-not-filled-btn {
    border: 1px solid;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 23px;
    transition: var(--transition);
}

.staybnb-filled-btn i,
.staybnb-not-filled-btn i {
    transition: var(--transition);
}

.staybnb-filled-btn,
.staybnb-filled-btn:focus,
.staybnb-not-filled-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-font-color);
}

.staybnb-filled-btn i,
.staybnb-filled-btn:focus i,
.staybnb-not-filled-btn:hover i {
    color: var(--primary-font-color);
}

.staybnb-not-filled-btn,
.staybnb-filled-btn:hover {
    background: var(--primary-font-color);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.staybnb-offcanvas-menu-btn {
    align-items: center;
    border-radius: var(--border-radius);
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 40px;
}

.staybnb-offcanvas-menu-btn i {
    font-size: 15px;
    line-height: 12px;
}

.staybnb-breadcrumbs {
    padding: 14px 0;
}

.staybnb-breadcrumbs>a {
    font-size: 12px;
    line-height: 1;
}

.staybnb-breadcrumbs>a:hover {
    text-decoration: underline;
}

span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    margin-top: 0 !important;
}

.logged-in span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    margin-top: 30px !important;
}

/*------------------Select2 ------*/
.cwp-field-dropdown label {
    display: block;
}

.select2-container--open .select2-dropdown {
    border: none;
}

span.select2-selection.select2-selection--single {
    border: none !important;
    line-height: 15px;
    cursor: text;
    padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0px !important;
    line-height: 18px !important;
    outline: none;
}

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

span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    border: 0 !important;
    border-radius: 25px;
    min-width: 200px;
    background: transparent;
}

span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    margin-top: 0 !important;
}

.logged-in span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below {
    margin-top: 30px !important;
}

span.select2-dropdown.select2-dropdown--below span.select2-results {
    width: 100%;
    min-width: 200px;
}

span.select2-dropdown.select2-dropdown--below span.select2-search.select2-search--dropdown,
span.select2-search.select2-search--dropdown {
    border: 0;
    padding: 0;
    width: 100%;
    margin-top: -18px;
}

span.select2-dropdown.select2-dropdown--below span.select2-search.select2-search--dropdown .select2-search__field,
span.select2-search.select2-search--dropdown .select2-search__field {
    border: 0;
    background: transparent;
    height: 20px;
    padding: 0;
}

.select2-search.select2-search--dropdown .select2-search__field:focus,
.select2-search.select2-search--dropdown .select2-search__field:focus-visible,
.select2-search.select2-search--dropdown .select2-search__field:focus-within,
.select2-search.select2-search--dropdown .select2-search__field:active {
    background: #fff !important;
}

.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container.select2-container--default .select2-results__option[aria-selected=true],
.select2-container.select2-container--default .select2-results__option[data-selected=true] {
    background-color: #f7f7f7;
    color: #000000;
}

span.select2-results ul.select2-results__options {
    width: 100%;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 14px !important;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 5%), 0 2px 20px 0 rgb(0 0 0 / 20%);
    padding: 0;
    margin: 10px 0 0 0;
}

.select2-results .select2-results__options li.select2-results__option {
    width: 100%;
    padding: 6px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.5;
}

span#select2-Locations-container{
    cursor: pointer;
}

ul#select2-Locations-results{
    min-width: 300px;
    border-radius: 32px !important;
    padding: 16px;
}

ul#select2-Locations-results li.select2-results__option:before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    border: 1px solid transparent;
    border-radius: 12px;
    background: #DDDDDD;
    color: #222222;
    padding: 8px 9px;
    margin-right: 10px;
    font-size: 14px;
}

ul#select2-Locations-results li.select2-results__option {
    padding: 14px 14px;
    margin: 10px 0;
    border-radius: 8px;
}

/*---------------- Staybnb Date Picker -----------*/
.theme-staybnb .date-picker-wrapper {
    border-radius: 32px !important;
    padding: 30px !important;
}
.theme-staybnb .date-picker-wrapper table .caption .next, .theme-staybnb .date-picker-wrapper table .caption .prev {
    border: 0 !important;
}

.theme-staybnb .date-picker-wrapper .month-wrapper table {
    width: 270px !important;
    border: 0 !important;
}

.theme-staybnb .date-picker-wrapper table th,
.theme-staybnb .date-picker-wrapper table td {
    width: 32px !important;
    height: 32px !important;
    font-weight: 600;
}

.theme-staybnb .date-picker-wrapper .first-date-selected:after,
.theme-staybnb .date-picker-wrapper .last-date-selected:after {
    width: 32px !important;
    height: 32px !important;
    left: 2px !important;
    top: -3px !important;
    right: 2px !important;
    background: var(--primary-color) !important;
}

.theme-staybnb .date-picker-wrapper .last-date-selected:after {
    width: 32px !important;
    height: 32px !important;
    left: unset !important;
    top: -3px !important;
}

.date-picker-wrapper .month-wrapper .gap {
    height: 100% !important;
}

.theme-staybnb .date-picker-wrapper .date-range-length-tip,
.theme-staybnb .date-picker-wrapper .date-range-length-tip::after {
    background-color: var(--primary-color) !important;
}

.theme-staybnb .date-picker-wrapper .first-date-selected,
.date-picker-wrapper .month-wrapper table .first-date-selected.day.checked {
    border-radius: 50% 0 0 50% !important;
}

.theme-staybnb .date-picker-wrapper .last-date-selected,
.date-picker-wrapper .month-wrapper table .last-date-selected.day.checked {
    border-radius: 0 50% 50% 0 !important;
}

/*----------------- Staybnb Dropdown ------------*/
.staybnb-dropdown {
    cursor: pointer;
    position: relative;
    transition: var(--transition);
}

.staybnb-dropdown>.fa-chevron-down {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    transition: var(--transition);
}

.staybnb-dropdown-items {
    background: var(--white-700);
    border: 1px solid var(--primary-border-color);
    border-radius: 10px;
    box-shadow: 0 0 20px 5px var(--deaf-font-color-600);
    left: 0;
    min-width: 130px;
    opacity: 0;
    position: absolute;
    top: calc(100% - 1px);
    transition: var(--transition);
    visibility: hidden;
    z-index: 99;
    pointer-events: none;
}

.staybnb-dropdown-items.drop-left {
    left: unset;
    right: 0;
}

.staybnb-dropdown-items.drop-left.have-indicator {
    left: unset;
    right: -20px;
}

.staybnb-dropdown-items.have-indicator:after {
    content: "";
    background: var(--white-700);
    border: 1px solid var(--primary-border-color);
    border-bottom: 0;
    border-right: 0;
    height: 15px;
    position: absolute;
    right: 15px;
    top: calc(-15px / 2);
    transform: rotate(45deg);
    width: 15px;
}

.staybnb-dropdown-items a {
    text-decoration: none;
}

.staybnb-dropdown:not(.staybnb-dropdown-active-event):hover .staybnb-dropdown-items,
.staybnb-dropdown:not(.staybnb-dropdown-active-event):focus .staybnb-dropdown-items,
.staybnb-dropdown.staybnb-dropdown-active-event .staybnb-dropdown-items,
.staybnb-dropdown .staybnb-dropdown-items:focus-within {
    opacity: 1;
    top: 100%;
    visibility: visible;
    pointer-events: auto;
}

.staybnb-dropdown:not(.staybnb-dropdown-active-event):hover:before,
.staybnb-dropdown:not(.staybnb-dropdown-active-event):focus:before,
.staybnb-dropdown.staybnb-dropdown-active-event:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: -10px;
    left: 0;
    z-index: 3;
    background: transparent;
    pointer-events: auto;
    user-select: auto;
}

.staybnb-dropdown:not(.staybnb-dropdown-active-event):hover .fa-chevron-down,
.staybnb-dropdown:not(.staybnb-dropdown-active-event):focus .fa-chevron-down,
.staybnb-dropdown.staybnb-dropdown-active-event .fa-chevron-down {
    transform: rotate(180deg);
}

.staybnb-dropdown-items .staybnb-dropdown-item {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 10px 20px;
    transition: var(--transition);
    white-space: nowrap;
}

.staybnb-dropdown-items .staybnb-dropdown-item i {
    display: inline-block;
    font-size: 13px;
    line-height: 9px;
    margin: 0 5px 0 0;
}

.staybnb-dropdown-items .staybnb-dropdown-item:hover {
    color: var(--primary-color);
}

.staybnb-dropdown-items a:not(:last-of-type) .staybnb-dropdown-item {
    border-bottom: 1px solid var(--primary-border-color);
}

.staybnb-filled-btn,
.staybnb-not-filled-btn {
    border: 1px solid;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-family: var(--primary-font);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 23px;
    transition: var(--transition);
}

.staybnb-filled-btn,
.staybnb-filled-btn:focus,
.staybnb-not-filled-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-font-color);
}

.staybnb-not-filled-btn.staybnb-items-load-more {
    background: var(--button-bg);
    border: 1px solid var(--button-bg);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto 20px;
    padding: 14px 18px;
    text-decoration: none;
    text-shadow: none;
}

.staybnb-not-filled-btn.staybnb-items-load-more:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
}

.cwp-frontend-form-container form#cwp-from-cwp_reviews .cwp-review-submitBTN.cwp-from-submit{
    border-radius: var(--border-radius);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--primary-font-color);
}

.cwp-frontend-form-container form#cwp-from-cwp_reviews .cwp-review-submitBTN.cwp-from-submit:hover {
    background-color: var(--primary-font-color);
    color: var(--primary-color);
}

/*----------------- Post Grid Style ----------------*/
.staybnb-post-element-grid {
    background: var(--white-700);
    border: 1px solid #ededed;
    box-shadow: none;
    padding: 15px 10px 15px 10px;
    margin: 0 0 30px 0;
    border-radius: 10px;
}

.staybnb-post-element-grid:hover {
    box-shadow: 0 13px 23px var(--deaf-font-color-600);
}

.staybnb-post-grid-thumbnail {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.staybnb-post-grid-thumbnail-url::after {
    content: '';
    background: #0000004d;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.staybnb-post-grid-thumbnail img {
    border-radius: 10px !important;
    min-height: 222px;
    object-fit: cover;
}

.staybnb-post-element-grid-info span {
    color: #424857;
    font-size: 10px;
}

.staybnb-post-element-grid-read-more {
    padding: 3px 10px 3px 10px;
    border: 1px solid #C3CCD3;
    color: #C3CCD3;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 10px;
    text-align: center;
}

.staybnb-post-grid-thumbnail .staybnb-post-element-grid-term {
    position: absolute;
    bottom: 0;
    text-align: center;
    background: var(--secondary-color);
    padding: 5px 15px 5px 15px;
    color: var(--secondary-font-color);
    z-index: 9;
    transform: translate(-50%, -50%);
    letter-spacing: 1px;
    left: 50%;
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
}

.staybnb-post-element-grid-content h2 {
    font-size: 17px;
    color: var(--heading-color);
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 90%;
    margin: 0 auto 5px;
}

.staybnb-post-element-grid-content {
    text-align: center;
    padding: 15px 0 5px 0;
}

.staybnb-empty-search {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}


#content .wp-block-button__link {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: var(--primary-font-color);
}

#content .wp-block-button__link:hover {
    color: var(--primary-color);
    background-color: var(--primary-font-color);
}

#content .is-style-outline>.wp-block-button__link:not(.has-background) {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
}

#content .wp-block-button.is-style-outline>.wp-block-button__link:hover {
    background-color: var(--primary-color);
    color: var(--primary-font-color);
}

.is-style-squared>.wp-block-button__link {
    border-radius: 0;
}

.alignright {
    text-align: right;
}

blockquote p {
    font-size: 22px;
    margin: 0 0 10px 0;
}

/*----------------- Pagination --------------------*/
.cwp-pagination {
    margin: 72px 0 32px 0;
}

.cwp-pagination>ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cwp-pagination ul li {
    height: 32px;
    width: 32px;
    margin: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    font-size: 14px;
}

.cwp-pagination ul li a {
    font-size: 14px;
    font-weight: 600;
}

.cwp-pagination ul li.active {
    background: #222222;
}

.cwp-pagination ul li.active a {
    color: #ffffff;
}

.cwp-pagination ul li a svg {
    display: block;
}

.staybnb-pagination,
.staybnb-pagination .nav-links {
    align-items: center;
    display: flex !important;
    float: none !important;
    justify-content: center;
    margin: 30px 0 !important;
}

.staybnb-pagination a,
.staybnb-pagination span {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: var(--border-radius);
    color: var(--primary-font-color) !important;
    display: block;
    font-size: 13px !important;
    line-height: 15px;
    margin: 0 10px !important;
    padding: 10px 15px !important;
    transition: var(--transition);
}

.staybnb-pagination a:hover,
.staybnb-pagination span:hover {
    background: var(--primary-font-color) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.staybnb-pagination .current {
    background: transparent;
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    cursor: not-allowed !important;
    border-radius: var(--border-radius) !important;
}

/*Pagination*/

.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination {
    background: transparent;
    padding: 0;
    border: 0;
    width: 100%;
}

.cwp-user-dashboard  .cwp-reviews-head,
.cwp-user-dashboard  .cwp-booking-head {
    background: var(--primary-color);
}

.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination li {
    margin: 0;
    max-height: unset;
}

.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination li a {
    height: unset;
    background: unset;
    border: 0;
    padding: 5px;
}

.cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-pagination li.active a {
    background: var(--primary-color);
    border-radius: 5px;
    color: #222;
    padding: 10px 18px;
}

.page .cwp-user-dashboard .cwp-user-dashboard-tabs li.cwp-active-tab a {
    background: var(--primary-color);
    color: #ffffff;
}

.page .cwp-user-dashboard .cwp-user-dashboard-tabs li.cwp-active-tab::before {
    background: var(--primary-color);
}

.page .cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-user-dashboard-tab-content-post-action:focus,
.page .cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-user-dashboard-tab-content-post-action:hover,
.page .cwp-user-dashboard .cwp-user-dashboard-tab-content-container .cwp-dasboard-list-action:hover .cwp-user-dashboard-tab-content-post-action {
    background: var(--primary-color);
    color: #222;
}

.page .cwp-dashboard-list-content>a {
    font-weight: 500;
    font-size: 14px;
    color: #222;
}

.page .cwp-dashboard-list-content a:hover {
    text-decoration: underline;
}

.page .cwp-dashboard-list-content ul.cwp-loop-terms li {
    margin: 0 4px 0 0;
}

.page .cwp-dashboard-list-content ul.cwp-loop-terms li:not(:last-child):after {
    content: ',';
    position: unset;
    width: unset;
    background: transparent;
}

/* Loader */
.cubewp-processing-ajax,
.cubewp-processing-ajax:hover,
.cwp-frontend-form-container [type=submit].cubewp-processing-ajax,
.cwp-frontend-form-container [type=submit].cubewp-processing-ajax:hover {
    pointer-events: none !important;
    background-size: 100px 100% !important;
    background-image: linear-gradient(45deg, #ff385c 33%, #f78499 0, #f78499 70%, #ff385c 0) !important;
    border-color: #ff385c !important;
    animation: cubewp-active-ajax-animation 2s linear infinite !important;
}

/*404*/
.staybnb-error404-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 200px 0;
}

.staybnb-error-main-content {
    text-align: center;
}

.staybnb-error-main-content .error-image img {
    width: 249px;
    margin: auto;
    height: 204px;
}

.staybnb-error-main-content .staybnb-error-text h1 {
    font-size: 34px;
    font-family: var(--primary-font);
    text-align: center;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--primary-color);
    margin: 14px 0 12px 0;
    opacity: 1;
}

.staybnb-error-main-content .staybnb-error-text p {
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0;
    font-family: var(--primary-font);
    color: #000000DE;
    opacity: 1;
}

.staybnb-modal .modal-dialog {
    padding: 40px;
}

.staybnb-modal .modal-dialog {
    margin: 70px auto;
}

@media (min-width: 992px) {
    .staybnb-modal .modal-dialog {
        max-width: 700px;
    }
}

@media (max-width: 767px) {
    .staybnb-container {
        padding: 0 16px;
    }
}

/*404*/

/*----------------- Footer Styling -----------------*/
#staybnb-footer {
    padding: 35px 0;
}

#staybnb-footer .staybnb-widget>h5 {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 12px;
    padding: 0;
    color: #222222;
    font-weight: 600;
}

#staybnb-footer .staybnb-widget ul {
    list-style: none;
    display: grid;
    gap: 12px;
}

#staybnb-footer .staybnb-widget a {
    font-size: 14px;
    line-height: 18px;
    color: #222222;
    text-decoration: none;
}

#staybnb-footer .staybnb-widget a:hover {
    text-decoration: underline;
}

footer a.nav-link {
    padding: unset;
    display: unset;
}

#staybnb-sub-footer {
    padding: 10px 0;
    border-top: 1px solid #dddddd;
}

.staybnb-sub-footer-container,
.staybnb-sub-footer-menus-container,
.staybnb-sub-footer-social-shares .sub-footer-socials-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.staybnb-sub-footer-menu {
    display: flex;
    justify-content: center;
}

.staybnb-sub-footer-menu li {
    line-height: 15px;
    margin: 0 12px 0 0;
    padding: 0 12px 0 0;
}

.staybnb-sub-footer-menu li a {
    color: #222222;
    position: relative;
}

.staybnb-sub-footer-menu li a::before {
    content: ".";
    position: absolute;
    top: -5px;
    left: -13px;
    font-weight: 500;
}

.staybnb-widget a:hover,
.staybnb-sub-footer-menu li a:hover {
    text-decoration: underline;
    color: #222222;
}

.staybnb-sub-footer-menu li:last-child {
    line-height: 15px;
    margin: 0;
    padding: 0;
    border: 0;
}

.staybnb-footer-copyright {
    font-size: 14px;
    font-weight: 400;
    margin: 0 24px 0 0;
    color: #222222;
}

.staybnb-sub-footer-social-shares .sub-footer-socials-list {
    gap: 16px;
}

.staybnb-sub-footer-social-shares .sub-footer-socials-list li a {
    font-size: 22px;
    color: #222222;
}

#staybnb-footer.staybnb-footer-style-1 {
    min-height: auto;
    padding: 30px 0;
    text-align: center;
    margin: 30px 0 0 0;
    background: #f7f7f7;
}

#staybnb-footer.staybnb-footer-style-1 * {
    color: #222;
}

#staybnb-footer.staybnb-footer-style-1 a * {
    color: inherit;
}

#staybnb-footer.staybnb-footer-style-1 a *:hover {
    text-decoration: underline;
}

#staybnb-footer.staybnb-footer-style-1 a:hover {
    color: var(--a-hover-color);
}

.single-post #staybnb-footer.staybnb-footer-style-1 {
    margin: 0 0 0 0;
}

#staybnb-footer.staybnb-footer-style-1 .staybnb-footer-copyright {
    align-items: flex-end;
    font-size: 13px;
}

/* woocommerce page setting */

.staybnb-page-content-container .wp-block-woocommerce-checkout.wc-block-checkout {
    margin-top: 20px;
}

.staybnb-page-content-container .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{
    background: var(--primary-color);
}

.staybnb-page-content-container .wc-block-components-radio-control .wc-block-components-radio-control__input:checked{
    border-color: var(--primary-color)
}

.staybnb-page-content-container .wc-block-components-radio-control .wc-block-components-radio-control__input:focus{
    outline: none;
}

.staybnb-page-content-container .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    outline: 0;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-radius);
    padding: 8px 12px;
    width: 100%;
    margin: 10px 0 0 0;
    height: 40px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    font-family: var(--primary-font);
    color: var(--label-font-color);
}

.staybnb-page-content-container .staybnb-page-content-container>.woocommerce {
    margin: 50px auto;
    border: 1px solid var(--input-border-color);
    padding: 28px 28px 8px 28px;
    background: var(--white-700);
    border-radius: 20px;
    background-color: var(--white-700);
    max-width: 70%;
}

.staybnb-page-content-container .woocommerce-billing-fields .select2-selection--single {
    padding: 6px 5px !important;
    min-height: 41px;
}

.staybnb-page-content-container .woocommerce table.shop_table {
    border: 1px solid var(--input-border-color);
}

.staybnb-page-content-container .woocommerce table.shop_table td {
    border: auto;
}

.staybnb-page-content-container #order_review_heading {
    margin: 10px 0 8px 0;
}

.staybnb-page-content-container table td,
.staybnb-page-content-container table th {
    border: unset;
}

.staybnb-page-content-container .woocommerce form .form-row label {
    display: block !important;
    font-size: 13px !important;
    line-height: 17px !important;
    font-family: var(--primary-font) !important;
    color: var(---input-font-color-500);
    font-weight: 600 !important;
    margin: 6px 0 2px 0;
    word-spacing: 0;
    letter-spacing: 0;
}

.staybnb-page-content-container .woocommerce-additional-fields h3,
.staybnb-page-content-container .woocommerce-billing-fields h3 {
    margin: 0 0 4px 0;
}

.staybnb-page-content-container #order_comments_field textarea#order_comments {
    min-height: 220px;
    background: var(--white-700);
}

.staybnb-page-content-container .woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid var(--input-border-color);
}

.staybnb-page-content-container .woocommerce form.checkout_coupon .button.wp-element-button:hover
{
    background: transparent;
    color: var(--primary-color);
}

.staybnb-page-content-container .woocommerce form.checkout_coupon .button.wp-element-button {
    margin-top: 9px;
    margin-bottom: 0;
}

.staybnb-page-content-container .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .button.wp-element-button {
    margin: 0;
    width: 115px;
    height: 40px;
    min-height: 40px;
    background: var(--primary-color);
    box-shadow: 0 4px 10px #00000046;
    border-radius: 23px;
    border: 3px solid var(--primary-color);
    color: var(--primary-font-color);
    transition: var(--transition);
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    letter-spacing: 0.34px;
}

.staybnb-page-content-container .woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.staybnb-page-content-container .woocommerce-page table.cart td.actions .input-text {
    min-width: 250px;
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-radius);
    padding: 8px 12px;
    height: 40px;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    font-family: var(--primary-font);
    color: var(--label-font-color);
}

.staybnb-page-content-container .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward.wp-element-button {
    -webkit-font-smoothing: antialiased;
    background-color: var(--secondary-color);
    border: 3px solid var(--secondary-color);
    color: var(--white-700);
    line-height: 14px;
    font-weight: bold;
    font-family: var(--primary-font);
}

.staybnb-page-content-container .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward.wp-element-button:hover {
    background-color: transparent;
    color: var(--secondary-color);
}

.staybnb-page-content-container .woocommerce .quantity .qty {
    width: 100%;
    text-align: left;
    border: unset;
}

.staybnb-page-content-container .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background: var(--primary-color);
    margin-bottom: 0;
    margin-top: 20px;
}

.staybnb-page-content-container .woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background: var(--primary-font-color);
    color: var(--primary-color);
}

.staybnb-page-content-container #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    position: relative;
    background: #f9faff;
    padding: 30px 20px 20px;
    margin: 0 0 30px 0;
    border-top: 3px solid var(--primary-color) !important;
    border-color: transparent;
    border: 1px solid var(---primary-border-color);
}

.staybnb-page-content-container .woocommerce-info .showcoupon {
    color: var(--primary-color);
}

.staybnb-page-content-container #add_payment_method #payment div.payment_box::before,
.staybnb-page-content-container .woocommerce-cart #payment div.payment_box::before,
.staybnb-page-content-container .woocommerce-checkout #payment div.payment_box::before {
    top: -11px;
    left: -21px;
    margin: -1em 0 0 2em;
    border-bottom: 1em solid #0075ff17;
}

.staybnb-page-content-container #add_payment_method #payment div.payment_box,
.staybnb-page-content-container .woocommerce-cart #payment div.payment_box,
.staybnb-page-content-container .woocommerce-checkout #payment div.payment_box {
    background-color: #0075ff17;
}

.staybnb-page-content-container .woocommerce-info {
    background: #f9faff;
    border-radius: 6px;
    margin: 0 0 30px 0;
    border-top: 3px solid var(--primary-color) !important;
    border-color: transparent;
    border: 1px solid var(---primary-border-color);
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: Source Sans Pro;
    color: #838EAA;
}

.staybnb-page-content-container .woocommerce-billing-fields .select2-selection.select2-selection--single {
    padding: 11px 10px !important;
}

.staybnb-page-content-container .woocommerce-thankyou-order-received {
    padding: 10px 10px 10px 10px;
    background: #f9faff;
    border-radius: 6px;
    margin: 30px 0 30px 0;
    border-top: 3px solid var(--primary-color) !important;
    border-color: transparent;
    box-shadow: 0 13px 23px var(--deaf-font-color-600);
    border: 1px solid var(---primary-border-color);
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: Source Sans Pro;
    color: #838EAA;
}

.staybnb-page-content-container .woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
    display: none;
}

.staybnb-page-content-container .woocommerce-thankyou-order-details.order_details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.staybnb-page-content-container .woocommerce ul.order_details li {
    margin-right: 0;
    font-size: 10px;
    padding-right: 65px;
    margin-left: 0;
    padding-left: 0;
}

.staybnb-page-content-container .woocommerce ul.order_details {
    margin: 0 0 22px 0;
}

.staybnb-page-content-container section.woocommerce-order-details h2 {
    margin-bottom: 10px;
}

.staybnb-page-content-container section.woocommerce-customer-details h2 {
    margin-bottom: 8px;
}

.staybnb-page-content-container section.woocommerce-customer-details address {
    padding: 10px 14px !important;
    border-radius: 6px !important;
    border-top: 3px solid var(--primary-color) !important;
    border-color: transparent;
    box-shadow: 0 13px 23px var(--deaf-font-color-600);
    border: 1px solid var(---primary-border-color);
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    font-family: Source Sans Pro;
    color: #838EAA;
    background: #f9faff;
}

@media (max-width: 980px) {
    .staybnb-page-content-container .staybnb-page-content-container>.woocommerce {
        max-width: 100%;
    }
}

@media (max-width: 768px) {

    .staybnb-page-content-container .woocommerce table.cart td.actions .input-text,
    .staybnb-page-content-container .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions .input-text {
        min-width: 100%;
    }

    .staybnb-page-content-container .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents .button.wp-element-button {
        width: 100% !important;
        height: 40px;
        margin-top: 13px;
    }
}

.staybnb-page-content-container .woocommerce .button,
.staybnb-page-content-container .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button  {
    text-shadow: none;
    background: var(--primary-color);
    border-radius: 23px;
    border: 1px solid var(--primary-color);
    color: var(--primary-font-color);
    transition: var(--transition);
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 17px;
    letter-spacing: 0.34px;
    padding: 10px 20px;
}

.staybnb-page-content-container .woocommerce .button:hover,
.staybnb-page-content-container .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover 
{
    background-color: var(--white-700);
    color: var(--primary-color);
}

.woocommerce-MyAccount-navigation li {
    padding: 0 0 12px 10px;
    border-bottom: 1px solid var(--primary-border-color);
    margin: 0 0 11px 0;
}

.woocommerce-MyAccount-navigation li:last-of-type {
    border-bottom: none;
}

@keyframes staybnb-spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg)
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes slideup {
    0% {
        bottom: -100px;
    }

    100% {
        bottom: 15px;
    }
}

/*Responsive*/
@media only screen and (max-width: 768px) {
    #staybnb-sub-footer .staybnb-sub-footer-container {
        flex-direction: column;
        justify-content: center;
    }

    .staybnb-call-to-action-widget {
        flex-wrap: wrap;
    }

    .staybnb-call-to-action-widget h5 {
        text-align: center;
        margin: 0 5px 10px 5px;
    }
}