/*----------------------------------------*/
/* 04. TYPOGRAPHY CSS START
/*----------------------------------------*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: "Inter", sans-serif;
font-weight: 400;
}

html {
scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
font-family: 'TASA Orbiter Display', sans-serif;
}

h1 {
font-size: 40px;
}

h2 {
font-size: 36px;
}

h3 {
font-size: 30px;
}

h4 {
font-size: 24px;
}

h5 {
font-size: 20px;
}

h6 {
font-size: 18px;
}

ul,
ol {
padding: 0;
margin: 0;
}

li {
list-style: none;
}

a {
text-decoration: none;
transition: all 0.3s;
color: inherit;
}
a:hover {
color: inherit;
}

p {
padding: 0;
margin: 0;
font-style: normal;
line-height: 1.5;
font-weight: 400;
font-size: 16px;

}

img {
max-width: 100%;
}

/*----------------------------------------*/
/* 05. THEME CSS START
/*----------------------------------------*/
.preloader-wrap {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
background-color: #eee;
}

.site-preloader {
width: 80px;
padding: 8px;
aspect-ratio: 1;
border-radius: 50%;
background: #D1B06B;
--_m:
conic-gradient(#0000 10%, #000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
animation: preloader 1s infinite linear;
}

@keyframes preloader {
to {
transform: rotate(1turn);
}
}
.scroll--top {
position: fixed;
width: 36px;
height: 36px;
bottom: 0;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color: #1B1A1A;
color: #fff;
cursor: pointer;
border-radius: 100%;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
}
.scroll--top.showed {
opacity: 1;
bottom: 20px;
visibility: visible;
}
.scroll--top:hover {
color: #1B1A1A;
background-color: #D1B06B;
}

.img-reveal {
visibility: hidden;
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.img-reveal img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
transform-origin: left;
}

.desktop-offCanvas {
position: fixed;
height: 100%;
width: 100%;
background: rgba(21, 21, 21, 0.7098039216);
z-index: 9999;
top: 0;
opacity: 0;
visibility: hidden;
right: 0;
transition: all 0.5s;
}
.desktop-offCanvas.open {
visibility: visible;
opacity: 1;
}
.desktop-offCanvas.open .offCanvas-container {
right: 0;
}
.desktop-offCanvas .offCanvas-container {
position: fixed;
height: 100%;
width: 400px;
background-color: #fff;
top: 0;
right: -430px;
padding: 40px 30px;
transition: all 0.5s;
}
.desktop-offCanvas .offCanvas-container .offcanvas-header {
margin-bottom: 50px;
}
.desktop-offCanvas .offCanvas-container .offcanvas-header .btn-Close {
height: 40px;
width: 40px;
border-radius: 6px;
background-color: #D1B06B;
color: #172427;
font-size: 18px;
transition: all 0.3s;
}
.desktop-offCanvas .offCanvas-container .offcanvas-header .btn-Close i {
transition: all 0.5s;
}
.desktop-offCanvas .offCanvas-container .offcanvas-header .btn-Close:hover {
background-color: #fff;
border-color: #D1B06B;
color: #172427;
}
.desktop-offCanvas .offCanvas-container .offcanvas-header .btn-Close:hover i {
transform: rotate(90deg);
}
.desktop-offCanvas .offCanvas-container .offCanvas-body h4 {
font-size: 30px;
color: #172427;
margin-top: 20px;
margin-bottom: 25px;
}
.desktop-offCanvas .offCanvas-container .offCanvas-body ul li {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 25px;
}
.desktop-offCanvas .offCanvas-container .offCanvas-body ul li a {
font-size: 18px;
font-family: "Outfit", sans-serif;
font-weight: 500;
color: #172427;
}
.desktop-offCanvas .offCanvas-container .offCanvas-body ul li a:hover {
color: #D1B06B;
}

/* My Custom css */
.radius-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 300px;
padding: 8px 12px;
border: 1px solid #e0e0e0;
border-radius: 16px;
background: #fafafa;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.slider-info {
font-size: 14px;
}
.slider-value {
    font-weight: 500;
    color: #333;
    font-family: 'Inter Display';
}
input[type="range"]::-webkit-slider-thumb {
appearance: none;
width: 12px;
height: 12px;
background: #00aaff;
border: 2px solid white;
border-radius: 50%;
cursor: pointer;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
input[type="range"]::-webkit-slider-runnable-track {
height: 4px;
background: #e0e0e0;
border-radius: 2px;
}
.disable-btn {
background: none;
border: none;
color: #9CA3AF;
font-size: 13px;
cursor: pointer;
padding: 4px 8px;
border-radius: 8px;
transition: background 0.2s;
}
.disable-btn:hover {
background: #e6f7ff;
}

/* others========== */

.container-fluid.vp-custom-container {
padding-left: 72px !important;
padding-right: 72px !important;
}
/* Categories style */
ul.vp-category-list {
list-style: none;
padding: 0;
font-family: sans-serif;
}

ul.vp-category-list li {
margin-bottom: 10px;
}

ul.vp-category-list a {
display: inline-block;
padding: 8px 35px 8px 12px;
border: 1px solid #ccc;
border-radius: 12px;
text-decoration: none;
color: #000;
font-size: 14px;
background-color: #fff;
transition: background-color 0.2s;
position: relative;
}

ul.vp-category-list a:hover {
background-color: #00B8B3;
color: #ffffff;
}

ul.vp-category-list i.fa-xmark {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
color: #888;
cursor: pointer;
font-size: 14px;
display: none;
}

ul.vp-category-list li:hover i.fa-xmark {
display: inline;
color: #fff;
}

/* 2 */
.vp-status-box {
display: flex;
align-items: center;
background: #ffffff;
padding: 15px;
width: 100%;
box-shadow: mediumpurple;
height: 96px;
margin-bottom: 50px;
position: relative;
}

.user-avatar img {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
margin-right: 10px;
}

.vp-input-box {
display: flex;
align-items: center;
background: white;
border: 1px solid #ddd;
border-radius: 20px;
padding-right: 10px;
flex: 1;
}

.vp-input-box input {
flex: 1;
border: none;
outline: none;
font-size: 14px;
background: transparent;
box-shadow: none;
margin-bottom: 0;
}

.emoji-button {
background: none;
border: none;
font-size: 18px;
cursor: pointer;
}
/* vibes post */
.more-wrapper.vp-more {
position: relative;
}

.more-wrapper.vp-more .more-options {
font-size: 20px;
cursor: pointer;
padding: 4px 8px;
color: #fff;
}

.more-wrapper.vp-more .dropdown-menu {
position: absolute;
top: 19px;
left: -115px;
background: white;
color: black;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: none;
flex-direction: column;
min-width: 120px;
z-index: 10;
border-radius: 10px;
}

.more-wrapper.vp-more .dropdown-item {
padding: 10px 16px;
cursor: pointer;
font-size: 12px;
transition: background 0.2s;
color: #374151;
border-bottom: 1px solid #ccc;
margin: 0 10px;
width: 86%;
}

.dropdown-item:hover {
background: #f2f2f2;
}
.vp-gray-bg {
background-color: #FAF7F8;
}

.vp-breadcumb {
margin-bottom: 35px;
margin-top: 20px;
}

.vp-breadcumb ul li {
display: inline-block;
font-size: 16px;
margin-right: 10px;
}

.vp-breadcumb ul li i {
font-size: 16px;
color: #374151;
}

.widget.vp-chat-widget.bg-white, .widget.vp-filter, .widget.vp-search-location, .widget.vp-distance, .widget.vp-categories {
background-color: #ffffff;
padding: 16px;
border-radius: 10px;
}
.widget.vp-chat-widget.bg-white ul li a {
display: block;
margin-bottom: 14px;
color: #374151;
font-size: 14px;
}

.vp-widget-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}

.vp-widget-head h4 {
color: #111827;
font-size: 16px;
}

.widget.vp-filter .vp-widget-head a.vp-clear {
color: #00B8B3;
position: relative;
z-index: 1;
font-size: 12px;
}

.vp-checkbox-container .checkbox-item {
margin-bottom: 10px;
}



.vp-checkbox-container .checkbox-item input[type="checkbox"] {
border: 1px solid #9CA3AF; /* Default border color */
outline: none;
width: 14px;
height: 14px;
margin-right: 8px;
vertical-align: middle;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
border-radius: 3px;
}
.checkbox-item input[type="checkbox"]:checked {
border-color: #1da1f2; /* Border color when checked, matching the blue line */
}

.checkbox-item input[type="checkbox"]:checked::after {
content: '\f00c'; /* Checkmark symbol */
position: absolute;
top: 0;
left: 2px;
color: #1da1f2; /* Checkmark color */
font-size: 12px;
/* background-color: #1da1f2; */
font-family: 'FontAwesome';
font-size: 8px;
}

.checkbox-item label {
display: flex;
align-items: center;
color: #333;
}
.widget.vp-filter {
position: relative;
}

.widget.vp-filter:before {
position: absolute;
content: "";
width: 90%;
height: 100%;
bottom: 0;
left: 16px;
border-bottom: 1px solid #9CA3AF;
}

.vp-search-container input.search-input {
height: 40px;
width: 100%;
border: none;
padding-left: 40px;
background: #FAF7F8;
position: relative;
}

.vp-search-container input.search-input::placeholder {
padding-left: 15px;
}
.vp-search-container a {
position: absolute;
top: 11px;
left: 13px;
z-index: 1;
color: #9CA3AF;
font-size: 16px;
}
.vp-search-container {
position: relative;
}
.vp-radius-container {
width: 100%;
background-color: #FAF7F8;
border-radius: 10px;
padding: 12px;
}
span.distance {
display: block;
color: #6B7280;
font-size: 12px;
}

.vp-slider-info {
display: flex;
align-items: center;
justify-content: space-between;
}

.vp-range-slide {
/* Adjust width as needed */
padding: 10px;
/* White track background */
/* Sketch-like border */

/* Soft shadow for depth */
}

.vp-range-slide input[type="range"] {
width: 100%;
-webkit-appearance: none; /* Remove default styling */
appearance: none;
height: 15px;
background: transparent; /* Transparent track */
outline: none;
padding: 0;
border: none;
box-shadow: none;
}

.vp-range-slide input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 5px;
background: #b0c4de; /* Light blue-gray track */
border: 1px dashed #888; /* Sketch-like dashed line */
border-radius: 3px;
}

.vp-range-slide input[type="range"]::-moz-range-track {
width: 100%;
height: 5px;
background: #b0c4de;
border: 1px dashed #888;
border-radius: 3px;
}

.vp-range-slide input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #fff; /* White center */
border: 3px solid #4682b4; /* Blue-gray border */
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* Soft shadow */
cursor: pointer;
margin-top: -8px; /* Adjust vertical alignment */
}

/* Right side */
.vp-head-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}

.vp-search-post {
position: relative;
}

.vp-search-post input.search-input {
border: none;
width: 270px;
height: 48px;
padding-left: 40px;
border-radius: 10px;
}

.vp-search-post span.search-icon {
position: absolute;
top: 14px;
left: 8px;
color: #9CA3AF;
cursor: pointer;
font-size: 16px;
}

.vp-search-post input.search-input:focus-visible {
outline: none;
}

.vp-post-card {
background: linear-gradient(90deg, #0031B8, #00B8B3);
padding: 24px;
}

.vp-post-header {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.vp-post-header-top {
display: flex;
align-items: center;
color: #D1D5DB;
}

.vp-post-header-top img.avatar {
border-radius: 100px;
margin-right: 10px;
max-width: 50px;
height: 50px;
}
span.vp-white {
color: #fff;
font-size: 16px;
}
.vp-post-thumbnail {
display: flex;
gap: 10px;
}

.vp-post-thumbnail img {
object-fit: cover;
}

.vp-post-title h2 {
font-size: 32px;
color: #fff;
margin-bottom: 10px;
}

.vp-left-content {
color: #ffffff;
}

.vp-left-content span.vp-hurt i {
color: #00B8B3;
}

.vp-left-content span {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Inter Display';
}
.vp-status-box i {
color: #6B7280;
}
.vp-post-meta {
display: flex;
align-items: center;
gap: 5px;
justify-content: space-between;
font-size: 16px;
}

.vp-bookmark i {
color: #ffffff;
font-size: 14px;
}
/* Popup css */
.vp-reply-popup {
background: #3599C3;
padding: 16px;
border-radius: 12px;
margin-top: 10px;
display: none;
animation: fadeIn 0.3s ease-in-out;
max-width: 480px;
}

.vp-reply-popup p {color: rgba(255, 255, 255, 0.8);margin-bottom: 10px;margin-left: 8px;}

.vp-reply-images img {
width: 100%;
height: auto;
border-radius: 8px;
margin-right: 8px;
}

.vp-reply-input {
margin-top: 10px;
position: relative;
}

.vp-reply-input textarea {
width: 100%;
border-radius: 8px;
padding: 10px;
resize: none;
border: none;
font-size: 14px;
height: 80px;
outline: none;
color: #ffffff;
}

.vp-reply-actions {
margin-top: 10px;
display: flex;
}

.vp-reply-actions button {
background: none;
border: none;
font-size: 16px;
margin-right: 12px;
color: #ffff;
cursor: pointer;
padding: 0;
}

.vp-reply-submit {
display: flex;
justify-content: flex-end;
margin-top: 10px;
}

.vp-reply-submit .cancel-btn, .vp-reply-submit .comment-btn {
padding: 0 20px;
border-radius: 6px;
cursor: pointer;
border: none;
height: 32px;
line-height: 32px;
}

.vp-reply-submit .cancel-btn {
background-color: transparent;
color: rgba(255, 255, 255, 0.3);
margin-right: 8px;
border: 1px solid;
border-color: rgba(255, 255, 255, 0.4);
font-size: 14px;
}

.vp-reply-submit .comment-btn {
    background-color: #33C6C2;
    color: #fff;
    font-size: 14px;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.vp-reply-images {
display: flex;
align-items: center;
margin-bottom: 10px;
}

.vp-reply-input textarea {
background: #40B0DE;
}

.vp-reply-input textarea::placeholder {
color: #ffffff;
}

.vp-reply-bottom {
display: flex;
align-items: baseline;
justify-content: space-between;
width: 94%;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
}
.media-upload-container {
position: relative;
}
.media-upload-btn {
cursor: pointer;
padding: 10px;
border: none;
background: none;
font-size: 20px;
}
.media-upload-input {
display: none;
}
.vp-post-content-wrap {
border-bottom: 1px solid;
border-color: rgba(229, 231, 235, 0.2);
padding: 15px 0;
margin-bottom: 16px;
padding-top: 0;
}
.vp-reply-content-wrap {
max-width: 480px;
background: #3599C3;
padding: 20px 15px;
margin-top: 15px;
}
.vp-reply-content-wrap p {
margin-bottom: 15px;
}
.vp-reply-content-wrap .vp-post-meta {
border-bottom: 1px solid;
border-color: rgba(255, 255, 255, 0.1);
padding-bottom: 15px;
margin-bottom: 15px;
}

/* Create post popup */

.create-post-modal {
max-width: 880px;
background: #fff;
margin: 50px auto;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.modal-header {
display: flex;
justify-content: space-between;
align-items: center;
max-height: 64px;
background: #FAF7F8;
padding: 24px;
}

.modal-header h3 {
margin: 0;
font-size: 20px;
}

.close-btn {
font-size: 32px;
background: none;
border: none;
cursor: pointer;
color: #374151;
}

.vp-modal-tabs {
display: flex;
align-items: center;
margin-top: 20px;
gap: 10px;
margin-bottom: 30px;
}

.vp-model-content-wrap .tab-btn {
border: none;
background: none;
font-weight: 500;
padding: 5px 35px;
border-bottom: 2px solid transparent;
cursor: pointer;
font-size: 16px;
}

.vp-model-content-wrap .tab-btn.active {
border-bottom: 1px solid #00bfa5;
color: #00bfa5;
}

.vp-category-dropdown {
margin-left: auto;
position: relative;
}

.vp-category-dropdown button {
background: #f0f0f0;
border: 1px solid #ccc;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
}

.vp-category-select {position: absolute;top: -25px;right: 0;border: 1px solid #E5E7EB;border-radius: 4px;z-index: 1;}

.vp-model-content-wrap .tab-content {
display: none;
margin-top: 20px;
}

.vp-model-content-wrap .tab-content.active {
    display: block;
    padding: 0;
    border: 1px solid #E5E7EB;
    box-shadow: none;
    position: relative;
    z-index: 0;
}

.vp-model-content-wrap .post-title {
width: 100%;
padding: 10px;
font-size: 16px;
margin-bottom: 10px;
border: 1px solid #E5E7EB;
border-radius: 6px;
outline-color: #00B8B3;
box-shadow: none;
}

.vp-model-content-wrap .post-body {
width: 100%;
padding: 10px;
font-size: 14px;
border: 1px solid #E5E7EB;
border-radius: 6px;
resize: vertical;
padding-top: 60px;
outline-color: #00B8B3;
height: 196px;
}

.vp-model-content-wrap .text-toolbar {
display: flex;
justify-content: space-between;
margin-top: 10px;
position: absolute;
top: 10px;
left: 11px;
gap: 10px;
}

.vp-model-content-wrap .text-toolbar button {
background: none;
border: none;
font-size: 16px;
cursor: pointer;
}

.vp-tab-title .char-count {
font-size: 13px;
color: #9CA3AF;
position: absolute;
right: 15px;
top: 47%;
transform: translateY(-50%);
}

.vp-model-content-wrap .location-box {
position: relative;
margin-top: 20px;
border-radius: 6px;
padding: 10px;
gap: 8px;
outline-color: #00B8B3;
margin-bottom: 15px;
}

.vp-model-content-wrap .location-box input {
border: none;
outline: none;
width: 100%;
font-size: 14px;
border: 1px solid #E5E7EB;
box-shadow: none;
padding-left: 40px;
}

.vp-model-content-wrap .location-suggestions {
margin-top: 5px;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
width: 100%;
position: absolute;
bottom: 0;
display: none;
}

.vp-model-content-wrap .location-item {
padding: 8px 10px;
background: #f9f9f9;
cursor: pointer;
}

.location-item:hover {
background: #e0f7fa;
}

.submit-post {
border: none;
}
.vp-model-content-wrap {
padding: 24px !important;
}

.modal-header.vp-popup-header h3 {
font-size: 24px;
color: #111827;
font-weight: 600;
}
.vp-model-content-wrap .vp-category-select select {
border: none;
color: #6B7280;
width: 270px;
font-size: 14px;
}
.vp-text-area {
position: relative;
}
.vp-text-area .text-toolbar i {
font-size: 14px;
color: #6B7280;
}
.vp-model-content-wrap .location-box i {
color: #00B8B3;
font-size: 18px;
position: absolute;
top: 29px;
left: 23px;
}
.vp-tab-title {
position: relative;
}
.vp-post-submit {
display: flex;
align-items: center;
justify-content: end;
margin-top: 15px;
}

.vp-post-submit button {
margin: 0;
border: 1px solid #00B8B3;
background-color: #ffffff;
margin-right: 24px;
text-align: center;
padding: 0 15px;
height: 40px;
line-height: 40px;
transition: 0.3s;
}

.vp-post-submit button:last-child {
margin-right: 0;
}

.vp-post-submit button img {
margin-left: 7px;
}

.modal-body.vp-model-content-wrap .vp-post-submit button:hover {
color: #fff;
background-color: #00B8B3;
border: 1px solid #00B8B3;
}

.vp-post-submit submit img {
filter: hue-rotate(180deg) saturate(2) brightness(0.8);
}

.vp-post-submit button i {
color: red;
}

.vp-post-submit button:hover i {
color: yellow;
}
.vp-model-content-wrap .vp-category-select select option {
box-shadow: 0 4px 6px -1px rgba(229, 231, 235, 0.5);
border: none;
outline: navajowhite;
font-size: 14px;
}

.vp-post-submit button:hover img {
filter: brightness(100);
}
.vp-image-tab {
text-align: center;
border: 1px solid #E5E7EB;
padding: 50px 0;
margin-bottom: 17px;
}
.vp-image-tab p {
color: #111827;
}
.vp-image-tab p span {
color: #00B8B3;
}
/* close image */

.vp-gallery {
display: flex;
gap: 10px;
padding: 10px;
/* Light blue background like the image */
border-radius: 5px;
}

.vp-gallery-item {
position: relative;
width: 150px; /* Adjust size as needed */
height: 150px;
}

.vp-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}

.close-btn {
position: absolute;
top: 5px;
right: 5px;
font-size: 20px;
color: #fff;
background-color: rgba(18, 18, 18, 0.2);
border-radius: 50%;
width: 24px;
height: 24px;
text-align: center;
cursor: pointer;
line-height: 24px;
}

.close-btn:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.vp-post-thumbnail > div {
width: 100%;
}
.vp-author-wrap {
display: flex;
align-items: center;
gap: 10px;
color: #ffffff;
border-top: 1px solid rgba(229, 231, 235, 0.2);
margin-top: 15px;
padding-top: 15px;
}

.vp-author-thumb img {
border-radius: 50%;
}

.vp-author-info {
display: flex;
align-items: center;
gap: 10px;
}

.vp-author-info span {
color: #D1D5DB;
}

/* Emoji */
.emoji-picker-main {
    position: absolute;
    top: 39px;
    right: -304px;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    width: 375px;
    max-height: 100px !important;
} 

.emoji-picker-main span {
font-size: 20px;
margin: 2px;
cursor: pointer;
display: inline-block;
padding: 5px;
}

.emoji-picker-main span:hover {
background: #f0f0f0;
border-radius: 3px;
}

.emoji-button {
border: none;
background: none;
cursor: pointer;
font-size: 18px;
}



.emoji-picker-reply {
position: absolute;
top: 35px; /* Adjust as needed */
left: 0; /* Adjust as needed */
display: none;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
z-index: 1000;
max-height: 200px;
overflow-y: auto;
width: 250px;
}

.emoji-picker-reply span {
font-size: 20px;
margin: 2px;
cursor: pointer;
display: inline-block;
padding: 5px;
}

.emoji-picker-reply span:hover {
background: #f0f0f0;
border-radius: 3px;
}

.vp-replay-emoji {
position: relative;
}

.replay-emoji-btn {
border: none;
background: none;
cursor: pointer;
font-size: 18px;
}
.vp-post-imoje {
position: relative;
}
/* Toogle Check box */
.vp-checkbox-container {
display: block; /* Default state */
max-height: 1000px; /* Ensure enough space for content */
overflow: hidden; /* Hide overflow during animation */
transition: max-height 0.5s ease-in-out; /* Smooth slide animation */
}

.vp-checkbox-container.collapsed {
max-height: 0; /* Collapsed state */
padding: 0; /* Remove padding when collapsed */
}

.toggle-checkbox .fa-angle-up {
transition: transform 0.3s ease;
}

/* Rotate icon when container is collapsed */
.toggle-checkbox.active .fa-angle-up {
transform: rotate(180deg);
}

/* Search collapsed=== */
.vp-search-container {
display: block; /* Default state */
max-height: 1000px; /* Ensure enough space for content */
overflow: hidden; /* Hide overflow during animation */
transition: max-height 0.5s ease-in-out; /* Smooth slide animation */
}

.vp-search-container.collapsed {
max-height: 0; /* Collapsed state */
padding: 0; /* Remove padding when collapsed */
}

.toggle-search .fa-angle-up {
transition: transform 0.3s ease;
}

/* Rotate icon when container is collapsed */
.toggle-search.active .fa-angle-up {
transform: rotate(180deg);
}

/* Distance slider */
.vp-radius-container {
display: block; /* Default state */
max-height: 1000px; /* Ensure enough space for content */
overflow: hidden; /* Hide overflow during animation */
transition: max-height 0.5s ease-in-out; /* Smooth slide animation */
}

.vp-radius-container.collapsed {
max-height: 0; /* Collapsed state */
padding: 0; /* Remove padding when collapsed */
}

.toggle-radius .fa-angle-up {
transition: transform 0.3s ease;
}

/* Rotate icon when container is collapsed */
.toggle-radius.active .fa-angle-up {
transform: rotate(180deg);
}

/* Categories */

.vp-category-list {
display: block; /* Default state */
max-height: 1000px; /* Ensure enough space for content */
overflow: hidden; /* Hide overflow during animation */
transition: max-height 0.5s ease-in-out; /* Smooth slide animation */
list-style: none; /* Optional: Remove default list styling */
padding: 0; /* Optional: Reset padding */
margin: 0; /* Optional: Reset margin */
}

.vp-category-list.collapsed {
max-height: 0; /* Collapsed state */
padding: 0; /* Remove padding when collapsed */
}

.toggle-categories .fa-angle-up {
transition: transform 0.3s ease;
}

/* Rotate icon when container is collapsed */
.toggle-categories.active .fa-angle-up {
transform: rotate(180deg);
}
.vp-checkbox-container {
transition: all 0.3s ease; /* Optional: Smooth transition if collapse is added later */
}

.checkbox-item {
margin: 5px 0; /* Optional: Spacing between items */
}


/* Tiny */

.text-toolbar {
margin-bottom: 10px;
}

.text-toolbar button {
background: none;
border: 1px solid #ccc;
padding: 5px 10px;
margin-right: 5px;
cursor: pointer;
}

.text-toolbar button:hover {
background-color: #f0f0f0;
}

#text-editor {
font-family: Arial, sans-serif;
outline: none;
}

/* Select 2 */

.select2-container .select2-selection--single {
height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
}

/* == Vision popup/ */

.vp-vision-popup-modal-wrap .modal-content {
width: 880px;
}
.vp-with-post.modal-body {
border: 1px solid #E5E7EB;
padding: 20px;
margin: 16px 20px;
border-radius: 10px;
}

.vp-with-post-head .vp-post-info .vp-user-name span.vp-white {
color: #111827;
}

.vp-with-post-head .vp-post-info .vp-user-name span.vp-date {
color: #6B7280;
font-size: 14px;
}

.vp-with-post-head .post-meta {
color: #6B7280;
}

.vp-with-post-head .post-meta span.location.vp-white {
color: #374151;
}

.vp-with-post-head .post-meta span.vp-white {
color: #374151;
}

.vp-vission-edit-delete a {
margin-right: 12px;
color: #6B7280;
}

.vp-vission-edit-delete a:last-child {
margin-right: 0;
}

.modal-header a {
margin-right: 35px;
}
.vp-with-post.modal-body img {
border-radius: 5px;
width: 100%;
}
/* Without post */

.vp-vission-without-post {
text-align: center;
}

.vp-without-post.modal-body {padding: 50px;}

.vp-vission-without-post img {
margin-bottom: 30px;
}

.vp-vission-without-post h3 {
color: #111827;
font-size: 32px;
margin-bottom: 12px;
}

.vp-vission-without-post p {
color: #6B7280;
width: 70%;
margin: auto;
}

/* Delete post */
.vp-delete-content-wrap.modal-content {text-align: center;border: none;position: relative;top: 165px;}

.vp-delete-content-wrap.modal-content .modal-header {
background: transparent;
border: navajowhite;
}

.vp-delete-body.modal-body {padding: 84px 20px;}

.vp-delete-thumb {position: relative;margin-bottom: 100px;margin-top: 60px;}

.vp-delete-thumb:before {
position: absolute;
content: "";
width: 132px;
height: 132px;
background-color: rgba(225, 102, 102, 0.1);
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
}

.vp-delete-thumb:after {
position: absolute;
content: "";
width: 70px;
height: 70px;
background: #F04A4A;
border-radius: 50%;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}

.vp-delete-thumb i {
position: relative;
z-index: 1;
color: #fff;
font-size: 20px;
}

.vp-delete-content p {
color: #6B7280;
font-size: 14px;
}

.vp-delete-content h4 {margin-bottom: 19px;font-size: 24px;font-weight: 600;color: #111827;}
.vp-delete-footer.modal-footer {
border-top: none;
padding-bottom: 50px;
display: block;
}


.vp-delete-footer.modal-footer button.btn.btn-vp-theme {background-color: #DC2626;color: #ffffff;padding: 10px 110px;display: block;margin: auto;border-radius: 0;font-size: 16px;}

.vp-delete-footer.modal-footer button.btn.btn-vp-red {border: 1px solid #00B8B3;padding: 10px 110px;border-radius: 0;margin-top: 15px;font-size: 16px;}
.vp-status-box:before {
position: absolute;
content: "";
width: 85%;
height: 1px;
bottom: -25px;
left: 0;
background: #D1D5DB;
}
.vp-post-content p {width: 82%;}
.vp-reply-thumb img {
border-radius: 50%;
}

.vp-user-reply span.white {color: #fff;font-family: 'Inter Display';margin-left: 5px;font-size: 14px;}

.vp-user-reply span.vp-reply-date {color: #D1D5DB;font-size: 14px;font-family: 'Inter Display';}

.vp-reply-comment p {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
}
.more-wrapper.vp-more .dropdown-item:last-child {
border-bottom: none !important;
}
.vp-post-header .more-options {
color: #fff;
}
span.vp-date {font-size: 14px;font-family: 'Inter Display';}
.vp-author-info span {font-size: 14px;font-family: 'Inter Display';}

.modal-body.vp-model-content-wrap button {font-size: 16px;color: #6B7280;background-color: transparent;}

.vp-image-tab input#fileInput {
opacity: 0;
}
.vp-title h3 {
    margin: 0;
    font-size: 32px;
    color: #111827;
    font-weight: 600;
    padding: 0;
}
.vp-breadcumb ul {
padding-left: 0;
}

.vp-breadcumb ul li:last-child i {
margin-right: 10px;
}
span.vp-hurt.likebutton {
margin-right: 15px;
}
.vp-model-content-wrap .post-title input:focus {
box-shadow: none !important;
border: 1px solid #00B8B3;
}
.vp-tab-title input.post-title:focus {
box-shadow: none;
border: 1px solid #00B8B3;
}
.widget.vp-chat-widget ul {
margin: 0;
}

.widget.vp-chat-widget ul li:last-child a {
margin-bottom: 0;
}
.vp-widget-head a i {
color: #6B7280;
font-size: 16px;
}
.vp-post-header-top.vission img {
border-radius: 50%;
}

.vp-post-header-top.vission .vp-user-name span.mr-5 {
color: #111827;
font-size: 16px;
font-weight: 600;
}

.vp-post-header-top.vission .vp-user-name span.vp-vission-date {
    color: #6B7280;
    font-size: 14px;
    margin-left: 10px;
    font-family: 'TASA Orbiter Display';
}

.vp-post-header-top.vission .vp-post-meta span {
color: #374151;
}

.vp-post-header-top.vission .vp-post-meta span.category {
color: #6B7280;
font-size: 14px;
}

.vp-post-header-top.vission .vp-post-meta span.category span.vp-vission-meta {
color: #374151;
}
.vp-vission-edit-delete i {
font-size: 16px;
}
.vp-comment-images {
margin-bottom: 10px;
}

.vp-vp-post-info .vp-post-meta {
justify-content: flex-start;
}

.vp-post-header-top.vission .vp-post-meta {
    justify-content: flex-start;
    color: #374151;
    display: inline;
}
small.vp-reply-time {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
margin-bottom: 6px;
display: block;
}

.vp-reply-submit button.reply-submit-btn {
border: none;
padding: 0 30px;
background: #33C6C2;
color: #fff;
font-size: 14px;
border-radius: 5px;
}
/* === Responsive Css === */

/* Default styles (applies to all devices) */
.order1 {
order: 2; /* Default order */
}

.order2 {
order: 1; /* Default order */
}

/* Extra small devices (less than 576px) */
@media (max-width: 575.98px) {
.order1 {
order: 2; /* Mobile: Move order1 to second */
}
.order2 {
order: 1; /* Mobile: Move order2 to first */
}
.container-fluid.vp-custom-container {
padding-left: 5px !important;
padding-right: 5px !important;
}
.vp-search-post input.search-input {
width: 220px;
}
.vp-reply-images {
width: 50%;
}
.vp-post-card {
padding: 10px;
}
.vp-post-title h2 {
font-size: 24px;
color: #fff;
margin-bottom: 10px;
}
.vp-author-info h5 {
font-size: 16px;
}
.vp-vision-popup-modal-wrap .modal-content {
width: inherit;
}
.vp-title h3 {
font-size: 24px;
}
}

/* Small devices (576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.order1 {
order: 2; /* Small devices: Keep order1 first */
}
.order2 {
order: 1; /* Small devices: Keep order2 second */
}
}

/* Medium devices (768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.order1 {
order: 2; /* Tablet: Keep order1 first */
}
.order2 {
order: 1; /* Tablet: Keep order2 second */
}
.container-fluid.vp-custom-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
.vp-model-content-wrap .tab-btn {
padding: 5px 10px;
}
.vp-model-content-wrap .vp-category-select select {
padding: 12px 35px;
}

}

/* Large devices (992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.order1 {
order: 1; /* Laptop: Keep order1 first */
}
.order2 {
order: 2; /* Laptop: Keep order2 second */
}

.container-fluid.vp-custom-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
.vp-vision-popup-modal-wrap .modal-content {
width: 650px;
}
}

/* Extra large devices (1200px to 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
.order1 {
order: 1; /* Large desktop: Keep order1 first */
}
.order2 {
order: 2; /* Large desktop: Keep order2 second */
}
}

/* Extra extra large devices (1400px and above) */
@media (min-width: 1400px) {
.order1 {
order: 1; /* Extra large: Keep order1 first */
}
.order2 {
order: 2; /* Extra large: Keep order2 second */
}
}



.vp-post-thumbnail {
max-width: 100%;
overflow: hidden;
flex-wrap: wrap;
gap: 10px;
}

.vp-media-item {flex: 0 0 calc(33.33% - 7.5px); /* 4 items per row, adjusting for gap */max-width: calc(33.33% - 7.5px);margin-bottom: 10px;border-radius: 10px;overflow: hidden;}

.vp-media-item img {
width: 100%;
height: auto;
border-radius: 10px;
min-height: 235px;
}

.vp-media-item.hidden {
display: none;
}

.vp-load-more {
display: block;
margin: 10px auto;
padding: 10px 20px;
font-size: 16px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}

.vp-load-more:hover {
background-color: #0056b3;
}

/* Responsive Design */
@media (max-width: 768px) {
.vp-media-item {
flex: 0 0 calc(50% - 5px); /* 2 items per row on tablet */
max-width: calc(50% - 5px);
}
}

@media (max-width: 480px) {
.vp-media-item {
flex: 0 0 100%; /* 1 item per row on mobile */
max-width: 100%;
}
}

.vp-post-thumbnail {
gap: 8px;
}

.vp-media-item {position: relative;width: 150px;height: auto;overflow: hidden;cursor: pointer;border-radius: 4px;}

.vp-media-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    max-height: 340px;
}
.vp-more-images {
background: rgba(0,0,0,0.6);
color: #fff;
font-size: 20px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
.vp-vision-popup-modal-wrap .modal.show .modal-dialog {
transform: translateX(-38%);
}
.vp-post-content {
color: #ffffff;
font-size: 16px;
}
.vp-vission-edit-delete {
    display: flex;
}
.modal.note-modal input.note-image-input.note-input {
    border: none;
    box-shadow: none;
}
.vp-single-reply.vp-comments-reply-meta-top {
    border-top: 1px solid #ffffff30;
    padding: 15px 0;
    display: flex;
}
.vp-comment-replies {
    display: none;
    overflow: hidden; /* Ensures content doesn't overflow during transition */
    transition: max-height 0.3s ease-in-out; /* Smooth transition */
}

.vp-comment-replies.show {
    display: block; /* Initially block to calculate height */
    max-height: 500px; /* Adjust this value based on your content height */
}
.emoji-picker-main {
    z-index: 1000 !important;
}
.vp-with-post.modal-body .col-md-6.p-2 img {
    max-height: 210px;
    object-fit: cover;
}

/* new css */
.vp-post-thumbnail {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vp-post-thumbnail .vp-media-item {
  flex-grow: 1;
  overflow: hidden;
  position: relative;
}

.vp-post-thumbnail.media-count-1 .vp-media-item {
    max-width: calc(60% - 7.5px);
    margin: auto;
}
.vp-post-thumbnail.media-count-2 .vp-media-item {
  max-width: 49%;
}
.vp-post-thumbnail.media-count-3 .vp-media-item {
  max-width: 32.33%;
}
.vp-post-thumbnail.media-count-4 .vp-media-item {
  max-width: 24%;
}

.vp-post-thumbnail img,
.vp-post-thumbnail video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.vp-more-images {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  display: flex;
}
div#vp-gallery-modal-15 > div {
    max-width: 55% !important;
}
.vp-category-dropdown span.current {
    position: relative;
}
.vp-category-dropdown span.current:before {
    position: absolute;
    right: -12px;
    top: -8px;
    content: "\2a";
    font-family: font-asesome;
    color: red;
    font-size: 20px;
}

/* === Main user profile === */
.page-id-3595 {background-color: #FAF7F8;}

.vp-main-profile-page .tab-content {
    padding: 0;
    margin-top: 16px;
    position: relative;
    z-index: inherit;
}

.vp-main-profile-page .nav-tabs {
    display: inline-block;
    float: right;
    background-color: #ffffff;
    border: navajowhite;
}

.vp-main-profile-page .nav-tabs li {
    display: inline-block;
}

.vp-main-profile-page .nav-tabs li button {
    border: none;
    font-size: 14px;
    color: #374151;
    font-family: 'Inter Display';
}

.vp-main-profile-page .nav-tabs li button.active {
    color: #fff;
    background-color: #01A3B4;
    border-radius: 0;
    border-bottom: none;
}

.vp-main-profile-page h3.vp-main-title {
    margin: 0;
    display: inline-block;
    position: relative;
    top: 30px;
    color: #111827;
    font-weight: 600;
}
.vp-main-profile-page .vp-media-item {
    max-width: calc(50% - 7.5px);
}

.vp-main-profile-page .vp-media-item img {
    min-height: 280px;
    object-fit: cover;
    max-height: 280px;
}
.vp-main-profile-page .vp-post-header-top img.avatar {
    width: 50px;
    height: 50px;
}

.vp-main-profile-page .vp-vp-post-info .vp-post-meta {
    display: inline-block;
}
.vp-profile-page-post {
    border: 1px solid #E5E7EB;
    margin-bottom: 16px;
    border-radius: 5px;
    padding: 20px 20px 25px 20px;
}
/* Wrapper styling */
.vp-main-user-side-bar-tab-wrap {
    background-color: #fefbfc;
    padding: 20px;
    width: 260px; /* Adjust if needed */
}

/* Tab item base styles */
.vp-main-user-side-bar-tab-wrap .nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #374151;
    padding: 12px 15px;
    border: 1px solid transparent;
    font-weight: 500;
    transition: all 0.3s ease;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

/* Hover effect */
.vp-main-user-side-bar-tab-wrap .nav-link:hover {
    background-color: #f3f3f3;
    color: inherit;
}

/* Active tab */
.vp-main-user-side-bar-tab-wrap .nav-pills .nav-link.active {
    font-weight: 600;
    background-color: rgba(230, 248, 247, 0.5);
    color: #00837F;
    border-radius: 0;
    border: 1px solid #00B8B3;
}

/* Optional: Icons using Font Awesome */
.vp-main-user-side-bar-tab-wrap .nav-link::before {
    font-family: "Font Awesome 6 Free"; /* Make sure FA is loaded */
    font-weight: 900;
    margin-right: 5px;
    color: #6B7280;
}
.vp-main-user-side-bar-tab-wrap .nav-pills .nav-link.active:before {
    color: #00B8B3;
}
/* Specific icons for each tab */
#posts-tab::before {
    content: "\f044"; /* fa-pen-to-square */
}
#saved-tab::before {
    content: "\f02e"; /* fa-bookmark */
}
#vibes-tab::before {
    content: "\f004"; /* fa-heart */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #6B7280;
    top: 0;
    left: 0;
}
a#vibes-tab {
    position: relative;
}
.vp-main-user-profile-save-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

h3.vp-main-title-save {
    margin: 0;
    font-weight: 600;
    color: #111827;
}

.vp-main-user-profile-save-select .nice-select {
    background: transparent;
    border: none;
    color: #374151;
    font-weight: 600;
    font-family: 'Inter Display';
}
.sort-select p {
    position: absolute;
    color: #6B7280;
    font-size: 14px;
    right: 92px;
    top: 5px;
}
.vp-post-save-btn a {
    border: 1px solid #00B8B3;
    padding: 12px 15px;
    font-size: 16px;
    color: #00B8B3;
    font-weight: 600;
    transition: 0.3s;
}

.vp-post-save-btn a:hover {
    background: #00B8B3;
    color: #fff;
}

.vp-post-save-btn a:hover img {
    filter: brightness(0) invert(1);
}
.vp-main-user-save-wrap .vp-post-header-top {
    width: 80%;
}
.vp-post-header-top {
    width: 80%;
}
.vp-post-card.vp_post_wrap .vp-post-meta .vp-bookmark.vp_mv-save i {
    color: #00B8B3;
}
.modal-backdrop.fade.show {
    z-index: 1 !important;
}


.emoji-picker-main {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 9999;
    width: 250px;
}

.emoji {
    font-size: 20px;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
}
.vp-vp-post-info .vp-post-meta {
    justify-content: flex-start;
    display: block;
}

.elementor-button-content-wrapper {
    align-items: center;
}
body.home .elementor-button-icon svg {
    width: auto;
}
.booking-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px !important;
}
.vblog-meta span {
    font-family: 'Inter Display' !important;
}
.vblog-tabs button {
    font-size: 16px !important;
}
.vsblog-header {
    text-align: center;
    margin-bottom: 80px !important;
}
.vsblog-caption {
    font-weight: 400 !important;
}
.vblog-card {
    border: 1px solid #E5E7EB !important;
}
span.vdate img, span.vtime img {
    position: relative !important;
    top: -2px !important;
}
.vblog-tabs {
    margin-bottom: 30px !important;
}
.vblog-tab {
    background: transparent !important;
    border: 1px solid #E5E7EB !important;
}
.vblog-tab.active {
    background-color: #00c2a8 !important;
    border: 1px solid transparent !important;
}
.vsblog-guideline-card {
    box-shadow: none !important;
    border: 1px solid #B0E9E7 !important;
}
.vsblog-card > img {
    padding: 10px;
}
.vsblog-card {
    box-shadow: none !important;
    border: 1px solid #E5E7EB;
}
.vr-form button {
    font-size: 16px;
}
.vr-phone-group .nice-select {
    height: 50px;
    line-height: 50px;
}

.vp-home-popular-tag ul li {
    display: inline-block;
}

.vp-home-popular-tag ul li a {
    display: block;
    font-size: 14px;
    font-family: 'Inter Display';
    color: #6B7280;
    border: 1px solid #E5E7EB;
    padding: 5px 20px;
    margin-right: 10px;
    transition: 0.3s;
}

.vp-home-popular-tag ul li:first-child {
    margin-right: 50px;
    font-size: 14px;
    color: #6B7280;
    position: relative;
    font-weight: 600;
}

.vp-home-popular-tag ul li:first-child:before {
    position: absolute;
    content: "";
    top: 12px;
    right: -25px;
    width: 4px;
    height: 1px;
    background: #D1D5DB;
}
.vp-home-popular-tag ul li a:hover {
    background-color: #00B8B3;
    color: #fff;
    border: 1px solid #00B8B3;
}
.vr-container strong#userEmailDisplay {
    font-family: 'Inter Display';
}
.vpf-sort label {
    position: absolute;
    left: -60px;
    top: 10px;
    z-index: 1;
}
.vpf-post-category span {
    color: inherit !important;
    font-weight: 500;
    font-size: 12px;
    font-family: 'Inter Display';
}
.vpf-sort {
    position: relative;
}
.vpf-post-category {
    font-size: 12px;
}
/* Search  */
.fs-inner-container.content {
    background-color: #FAF7F8;
    z-index: 1;
    box-shadow: none;
    padding-top: 0;
}
.row.fs-switcher {
    margin: -10px 0 0px 0;
}
.fs-container section.search {
    background-color: #FAF7F8;
}
/* .fs-inner-container.map-fixed.hide-map-on-mobile {
    height: 100vh !important;
} */
.listing-item-inner .book-button {
    width: inherit;
}
/* === Home ===  */
.card-body.d-flex.justify-content-between.align-items-center.mb-2 span {
    color: #111827 !important;
    margin-bottom: 5px;
}
p#descr {
    color: #6B7280 !important;
}
.d-flex.flex-column.info {
    margin-left: 5px;
}
.card-body.d-flex.justify-content-between.align-items-center.mb-2 {
    background-color: #ffffff;
}
.card-body.d-flex.justify-content-between.align-items-center.mb-2 span.replies-badge {
    color: #374151 !important;
    background-color: #FAF7F8;
    font-weight: 400;
    padding: 10px 30px;
}
.card-body.d-flex.justify-content-between.align-items-center.mb-2 {
    padding-bottom: 20px !important;
}

.listing-widget.widget.listeo_core.boxed-widget.booking-widget input#date-picker {min-width: 300px;}

.listing-widget.widget.listeo_core.boxed-widget.booking-widget .panel-dropdown.booking-services,
.listing-widget.widget.listeo_core.boxed-widget.booking-widget .panel-dropdown.panel-guests-dropdown,
.listing-widget.widget.listeo_core.boxed-widget.booking-widget .coupon-form {
    width: 300px;
}
a.show-more-button i {
    color: #01A3B4;
}
.services-counter, span.qtyTotal, .button.listeo-booking-widget-apply_new_coupon:before, a.button.book-now.fullwidth.margin-top-5 {
    background-color: #01A3B4 !important;
}
.tab-content .pricing {
    display: none;
}
.vp-main-profile-page {
    padding-top: 50px;
}
.video-container {
    height: 50%;
}


.vp-post-content .read-more-toggle {
    color: #00AF78;
    cursor: pointer;
    font-weight: bold;
}