/*
Theme Name: Custom Theme
Theme URI: http://technoties.net/
Author: Custom Theme
Author URI: http://technoties.net/
Description: Custom Theme is a modernized take on an ever-popular WordPress layout. the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0
License: GNU General Public License v2 or later

*/
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
}

:root {
    --gold: #C5A059;
    --dark: #121212;
    --light: #FAF9F6;
    --border: #E5E5E5;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
a{
 color:#000;
}
a:hover {
	text-decoration: none;
}
ul{
  list-style-type:none;
  margin-bottom:0;
}

/*Header Css Start*/
.main-menu ul {
    display: flex;
    column-gap: 24px;
}

.about-section-even {
	background: #eee;
}
.home-slider-content-wrap {
    top: 27%;
}
.inner-banner {
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.inner-banner:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
}
.inner-page-content {
	position: relative;
	z-index: 9;
}
.contact-details-icon svg {
	width: 80px;
	height: 80px;
	fill: var(--c1);
}
.card-description p:last-of-type {
	margin-bottom: 0;
}
.card-image a {
	height: 280px;
}
.object-fit-cover {
	object-fit: cover;
}
.error-svg svg {
	width: 60%;
	height: 600px;
}
.card-link.collapsed i {
	transform: rotate(0deg);
}
.card-link i {
	transform: rotate(180deg);
}
#accordion .card-header {
	background: var(--c1);
}
#accordion .card-header a {
	color: #fff;
}
.card-body p:last-child {
	margin-bottom: 0;
}
.custom-theme-search-result-content {
	flex: 1;
}
.search-submit {
	right: 0;
	top: 0;
}
.alignleft {
	float: left;
	margin-right: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
}
.btn.btn-primary {
    background: var(--c1);
}

/*comments form css start*/
.comment-author a {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: capitalize;
}
.comment-author img {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    left: 14px;
}
.comment-body {
    position: relative;
    padding-left: 118px;
}
.comment-meta a {
    font-size: 15px;
    color: #909090;
}
.comment-meta {
    margin-bottom: 12px;
}
.comment-body p {
    font-size: 15px;
}
.reply a {
    color: #fff;
    padding: 7px 24px;
    border-radius: 28px;
    margin: 10px 0;
    display: inline-block;
    background: linear-gradient(250deg, var(--c1) 19%, var(--c1) 100%);
}
.comments-title {
    font-size: 25px;
    margin-bottom: 48px;
}
.comment-list {
    border-bottom: 1px solid #d6cece;
    margin: 22px 0;
    padding-bottom: 18px;
}
#reply-title {
    font-size: 25px;
    margin: 0;
}
#respond :is(input[type="text"],input[type="email"]) {
    width: 100%;
}
#respond :is(.comment-form-author,.comment-form-email) {
    width: 49%;
    float: left;
}

#respond .comment-form-author {
    margin-right: 14px;
}
#respond :is(input[type="text"],input[type="email"],textarea) {
    border: 1px solid #dedede;
    padding: 6px 7px;
}
#respond textarea {
    height: 194px;
}
.comment-notes {
    margin-top: 20px;
}
#commentform a {
    color: #000;
    text-decoration: underline;
    margin: 12px 0px;
    display: inline-block;
}
.comment-form-comment label {
    display: block;
    font-weight: 600;
    color: #000;
    font-style: italic;
}
.comment-form-comment textarea {
    width: 100%;
}
.comment-form-comment input#submit {
    background: var(--gradient);
    border: none;
    padding: 11px 21px;
    color: #fff;
    margin: 6px 11px;
    border-radius: 26px;
}
.form-submit input#submit {
    background: linear-gradient(250deg, var(--c1) 19%, var(--c1) 100%);
    border: none;
    padding: 9px 22px;
    color: #fff;
    border-radius: 100px;
}
.comment::marker {
    content: "";
}
.comment ul.children > li {
    margin-left: 35px;
    margin-top: 13px;
}
.comment ul.children > li .comment-body {
    background: #eee;
    padding: 16px;
    border-radius: 10px;
    padding-left: 112px;
}
.commentlist {
    margin-top: 20px;
}
/*comments form css end*/

.nav-links .nav-previous a {
    text-decoration: underline;
}
.navigation.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}
.sidebar-recent-posts .media-body a {
    color: #000000;
}
.custom-theme-single-post .custom-theme-post-image {
    height: 277px;
}
.btn-1:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn-1 {
   padding: 18px 40px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    background: var(--c1);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    margin-right: 20px;
}
.btn-1:hover:before {
    transform: scaleY(0);
}
.btn-1:hover {
    color: #fff;
}
a.slider-btn.btn-2 {
    border-bottom: 2px solid #c5a059;
    color: white;
    text-decoration: none;
    font-weight: 700;
    padding-bottom: 5px;
}
.blogs-item .custom-theme-post-item {
    display: flex;
}
.blogs-item .custom-theme-post-item .custom-theme-post-image {
    flex: 1.4;
}
.blogs-item .custom-theme-post-item .custom-theme-post-content {
    flex: 2;
    padding-left: 25px;
}
.custom-theme-post-title a,.custom-theme-post-title {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
}
.categories .post-categories li a {
    color: #818181;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    display: flex;
    column-gap: 10px;
    position: relative;
}
.categories .post-categories {padding-left: 13px;margin-bottom: 5px;display: flex;column-gap: 23px;}
.categories .post-categories li a:before {
    width: 7px;
    height: 7px;
    background: var(--c1);
    position: absolute;
    content:"";
    border-radius:100px;
    left: -12px;
    top: 6px;
}
.post-meta span {
    color: #818181;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
}
.post-meta {
    display: flex;
    column-gap: 24px;
    margin-top: 12px;
}
.post-meta span:nth-child(n+2):before {
    position: absolute;
    content: "";
    left: -14px;
    top: 8px;
    width: 4px;
    height: 4px;
    background: #818181;
    border-radius: 100px;
}
.custom-theme-post-title a:hover {
    color: var(--c1);
}
.single-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-meta .post-meta {
    margin-top: 0;
}
.custom-theme-post-description p:first-of-type > img {
    width: 100%;
    margin-top: 14px;
    height: auto;
}
.single-meta .post-categories {
    margin-bottom: 0;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #222; 
  border-radius: 0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--c1); 
}
::selection {
    color: #fff;
    background: var(--c1);
}
.services-item {
    border-bottom: 4px solid var(--c1);
}
.custom-theme-post-description a i {
    vertical-align: middle;
    margin-left: 12px;
}
.service-btn i {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.service-btn {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.service-btn:hover i {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    webkit-transform: translateZ(0);
    transform: translateZ(0);
}


@keyframes hvr-icon-wobble-horizontal {
    
  16.25%   {    
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
    }
  33.3%  {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);}
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);}
  66.6%  {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);}
  83.25% {    
    -webkit-transform: translateX(1px);
    transform: translateX(1px);}
  100%{
    -webkit-transform: translateX(0);
    transform: translateX(0);
      }
}
.scale {
    position: relative;
    overflow: hidden;
}
.scale:hover img {
    transform: scale(1.2) rotate(6deg);
}
.scale img {
    transition: .6s all;
}
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 99999;
}
#preloader .spinner-border {
    animation: 2s linear infinite spinner-border;
    width: 4rem;
    height: 4rem;
    border: .5em solid var(--c1);
    border-right-color: transparent;
    background: #eee;
}

/*Mobile Menu Css Start*/
.mobile-menu-btn .mobile-menu-icon .menu-line {
    height: 2px;
    margin: 5px 0;
    border-radius: 24px;
    transition: .5s;
    background: #fff;
}
.mobile-menu-btn .mobile-menu-icon .menu-line.one {
    width: 40px;
}
.mobile-menu-btn .mobile-menu-icon .menu-line.two {
    width: 20px;
}
.mobile-menu-btn .mobile-menu-icon .menu-line.three {
    width: 30px;
}
.mobile-menu-btn:hover .menu-line {
    width: 40px !important;
}

	.mobile-menu-btn {
    cursor: pointer;
}
section.responsive-menu {
    height: 100vh;
    top: 0;
    right: -31%;
    padding: 20px 30px 0 30px;
    width: 30%;
    position: fixed;
    background: rgb(0 0 0 / 62%);
    backdrop-filter: blur(20px);
    transition: all 1s ease-in-out;
    z-index: 9999;
}
.menu-icon {
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff7d;
    padding-bottom: 20px;
}
.menu-icon .menu-logo {
    width: 65%;
    padding-right: 20px;
}
.menu-close i {
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}
.mobile-menu ul li {
    text-align: right;
    padding-bottom: 15px;
}
.mobile-menu ul li a {
    color: #fff;
    transition: all .2s;
    border-bottom: 2px solid transparent;
}
.mobile-menu {
    padding-top: 40px;
    padding-right: 20px;
}
.responsive-bottom {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
}
.responsive-social ul {
    display: flex;
    column-gap: 12px;
    justify-content: center;
}
.responsive-social ul li a {
    color: #fff;
}
section.responsive-menu.active {
    right: 0;
}
/*Mobile Menu Css Start*/

a.menu-logo .menu-title img {
    width: 100%;
}
.service-page-menu ul.menu-style-01 li a {
    background: #eee;
    width: 100%;
    display: table;
    padding: 12px 15px;
    color: #222;
    border-left: 3px solid var(--c1);
    transition: all .7s;
}
.service-page-menu ul.menu-style-01 li {margin: 9px 0;}
.service-page-menu ul.menu-style-01 li a:hover {
    background: var(--c1);
    color: #fff;
}
.service-page-menu ul.menu-style-01 li a:hover i {
    padding-right: 10px;
}
.service-page-menu ul.menu-style-01 li a i {
    transition: all .7s;
}
.contact-details-item .contact-details-icon i {
    color: var(--c1);
    font-size: 35px;
}

/* my css strat from there */

.home-slider-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height: 1.1;
    margin: 20px 0;
    color: white;
}

.home-slider-content h2 span {
       color: #c5a059;
    font-style: italic;
}

.home-slider-image {
    position: relative;
	height:700px;
}


.home-slider-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
    z-index: 1;
}

.home-slider-content-wrap {
    z-index: 2;
}

.home-slider-content p {
    font-size: 18px;
    color: white;
    margin-bottom: 40px;
    max-width: 500px;
}

.services-block {
    background: #f0f0f0;
    padding: 55px 0;
}
.s-item {
    padding: 40px;
}
.s-icon {
    font-size: 40px;
    font-family: 'Playfair Display', serif;
    color: #c5a059;
    margin-bottom: 20px;
    opacity: 0.5;
}
.s-item h3 {
    font-size: 24px;
    margin-bottom: 15px;
}







.mphb-custom-search-container {
    background: #fff;
    padding: 10px 20px;
    border-radius: 100px; 
    box-shadow: 0 15px 45px rgba(0,0,0,0.1);
    max-width: 1100px;
    margin: 0 auto;
}


.mphb-custom-search-container form {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}


.mphb-custom-search-container form > p {
    margin: 0 !important;
    padding: 0 15px !important;
    flex: 1;
    border-right: 1px solid #eee;
    display: flex;
    flex-direction: column;
}

.mphb-custom-search-container form > p:nth-last-child(2) {
    border-right: none;
}


.mphb-custom-search-container label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #C5A059 !important; 
    margin-bottom: 2px !important;
    letter-spacing: 1px;
}

.mphb-custom-search-container input, 
.mphb-custom-search-container select {
    border: none !important;
    background: transparent !important;
    padding: 5px 0 !important;
    font-size: 15px !important;
    color: #111 !important;
    outline: none !important;
    cursor: pointer;
}


.mphb-search-submit-button-wrapper {
    flex: 0 0 auto !important;
    padding: 0 !important;
}

.mphb-custom-search-container .button.mphb-search-submit-button {
    background: #111 !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 50px !important; 
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    transition: 0.3s ease;
}

.mphb-custom-search-container .button.mphb-search-submit-button:hover {
    background: #C5A059 !important;
    transform: scale(1.02);
}
.mphb-custom-search-container {
    background: #ffffff;
    /* padding: 17px 20px; */
/*     border-radius: 100px; */
	    border-radius: 0px;
    max-width: 1100px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
/*     bottom: -71px; */
	    bottom: -50px;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.hp-form--listing-search {
            margin: 0 auto !important;
        }


.zayasu-search-wrapper {
position: relative;
}

/*  header css desktop*/




header.header {
    width: 100%;
    position: absolute; 
    top: 0;
    left: 0;
    z-index: 1000;
/*     padding: 25px 0;  */
    background: transparent; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); 
    transition: all 0.3s ease;
}

header.header .row {
    align-items: center;
}


.site-logo span {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 4px;
    color: #ffffff; 
    text-transform: uppercase;
}

.header-navbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main-menu {
    margin-right: 35px;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    column-gap: 30px;
}

.main-menu ul li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    transition: 0.3s;
}

.main-menu ul li a:hover,
.main-menu ul li.current-menu-item a {
    color: #c5a059;
}


.main-menu ul li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1.5px;
    bottom: -8px;
    left: 0;
    background-color: #c5a059;
    transition: width 0.3s ease;
}

.main-menu ul li a:hover::after,
.main-menu ul li.current-menu-item a::after {
    width: 100%;
}

.header-extra {
    display: flex;
    align-items: center;
    column-gap: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 20px;
}


.lang-selection {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.lang-selection a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.lang-selection a:hover { color: #c5a059; }

.lang-selection .sep {
    margin: 0 4px;
    opacity: 0.4;
}


.user-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.user-actions a {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.user-sep {
    color: rgba(255, 255, 255, 0.3);
}

.user-actions a:hover { color: #c5a059; }


.btn-submit {
    background: transparent;
    border: 1px solid #c5a059;
    color: #fff !important;
    padding: 9px 16px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 2px;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
	    margin-left: 10px;
}

.btn-submit:hover {
    background: #c5a059;
    color: #fff !important;
}


.mobile-menu-icon-box {
    width: 25px;
    cursor: pointer;
}

.menu-line {
    height: 2px;
    background: #fff;
    margin-bottom: 5px;
    transition: 0.3s;
}

/* About home section css */

.about-split {
    padding: 55px 0;
}
.about-split .row {
    align-items: center;
}
.split-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.split-text {
    padding-left: 60px;
}
.split-text h2 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    margin-bottom: 30px;
}
.check-list {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
.check-list li {
    margin-bottom: 15px;
    font-weight: 600;
}
.check-list li::before {
    content: "—";
    color: var(--gold);
    margin-right: 15px;
}

/* listing section css  */

.listings-block {
    padding-bottom: 55px 0;
}
.section-head {
    margin-bottom: 60px;
}
.section-head h2 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
}
.v-card {
    transition: 0.4s;
}
.v-card:hover {
    transform: translateY(-10px);
}
.v-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.v-info {
    padding: 25px 0;
}
.v-info h4 {
    font-size: 22px;
    margin-bottom: 5px;
}
.v-loc {
    color: var(--gold);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.v-footer {
    margin-top: 15px;
    font-weight: 700;
    font-size: 18px;
}
.v-info h6 {
    margin-top: 7px;
    font-size: 14px;
}


/* slider css section */

.section-title {
    margin-bottom: 60px;
}

.listing-slider-section {
    padding: 55px 0;
    background: #ffffff;
}

.section-title h2 {
    font-size: 38px;
/*     margin-bottom: 40px; */
    font-family: 'Playfair Display', serif;
	text-align:center;
}
.section-title p{
	text-align:center;
}

.section-title span {
    color: #c5a059; 
}


.listing-card {
    display: block;
    position: relative;
    height: 450px; 
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none !important;
}

.listing-img {
    height: 100%;
    width: 100%;
}

.listing-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.listing-card:hover .listing-img img {
    transform: scale(1.1);
}


.listing-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 25px 25px;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%);
    color: #ffffff;
}

.listing-details h3 {
    font-size: 26px;
    margin-bottom: 5px;
    font-family: 'Playfair Display', serif;
}

.listing-details p {
    font-size: 14px;
    opacity: 0.8;
    margin-bottom: 15px;
}

.view-btn {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c5a059;
}


.swiper-button-next, .swiper-button-prev {
    color: #111 !important;
    background: #fff;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px !important;
    font-weight: bold;
}

/*  contact button section css*/

.cta-dark {
    background:#323232;
    padding: 55px 0; /
    position: relative;

    overflow: hidden;
    z-index: 1;
}
.cta-content p {
    color: white;
}

/* 2. Fixed Particles / Orbs (Talent Showcase) */
.cta-dark::before, 
.cta-dark::after {
    content: '';
    position: absolute;
    width: 350px; /* Size bara kiya taaki visible ho */
    height: 350px;
    background: radial-gradient(circle, rgba(197, 160, 89, 0.25) 0%, rgba(197, 160, 89, 0) 70%);
    border-radius: 50%;
    filter: blur(60px); /* Blur thoda kam kiya clarity ke liye */
    z-index: -1;
    animation: floating-orbs 15s infinite alternate ease-in-out;
}

.cta-dark::before {
    top: -100px;
    left: -50px;
}

.cta-dark::after {
    bottom: -100px;
    right: -50px;
    animation-delay: -7s; /* Opposite movement */
}

@keyframes floating-orbs {
    0% { transform: translate(0, 0) scale(1); opacity: 0.3; }
    50% { transform: translate(100px, 50px) scale(1.2); opacity: 0.5; }
    100% { transform: translate(-50px, 100px) scale(1); opacity: 0.3; }
}

/* 3. Heading: Text Shine Effect */
.cta-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 38px; /
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(to right, #ffffff 20%, #C5A059 40%, #C5A059 60%, #ffffff 80%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: text-shine 6s linear infinite;
    position: relative;
}

@keyframes text-shine {
    to { background-position: 200% center; }
}


.btn-gold {
    position: relative;
    background: #C5A059; 
    color: #000 !important;
    padding: 20px 40px;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;

    border: none;
    display: inline-block;
    margin-top: 20px;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 2;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}


.btn-gold::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.6);
    transform: rotate(30deg);
    transition: all 0.7s;
    opacity: 0;
}

.btn-gold:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(197, 160, 89, 0.4);

}

.btn-gold:hover::after {
    left: 130%;
    opacity: 1;
}


.btn-gold::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.8s ease, height 0.8s ease;
    z-index: -1;
}

.btn-gold:hover::before {
    width: 450px;
    height: 450px;
}



/* Testimonial Section Styles */
.testimonial-section {
    padding: 55px 0;
    background-color: #fdfaf5; 
}

.sub-title {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 13px;
    display: block;
    margin-bottom: 15px;
}

.testimonial-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    height: 100%;
    border: 1px solid #eee;
    transition: 0.3s;
}

.testimonial-card:hover {
    transform: translateY(-5px);
}

.quote-icon {
    font-size: 40px;
    color: var(--gold);
    opacity: 0.3;
    margin-bottom: 20px;
}

.review-text {
    font-style: italic;
    color: #555;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

.user-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.user-meta img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--gold);
}

.user-info h5 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
}

.user-info span {
    font-size: 13px;
    color: #888;
}


.testimonial-pagination {
    position: relative !important;
    margin-top: 40px !important;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    background: var(--gold) !important;
    width: 25px;
    border-radius: 5px;
}


/* Footer Custom Styles */
.footer-premium {
    background-color: #111; /* Deep Black/Grey */
    color: #ffffff;
    padding: 80px 0 30px 0;
    font-family: 'Inter', sans-serif;
}

.f-logo {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.f-about {
    color: #999;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
    padding-right: 40px;
}

.f-socials a {
    color: #fff;
    font-size: 18px;
    margin-right: 20px;
    transition: 0.3s;
}

.f-socials a:hover {
    color: #C5A059; /* Gold accent */
}

/* Footer Headers */
.footer-links h5, .footer-newsletter h5 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    color: #C5A059;
}

/* Links List */
.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin-bottom: 12px;
}

.footer-links ul li a {
    text-decoration: none;
    color: #999;
    font-size: 14px;
    transition: 0.3s;
}

.footer-links ul li a:hover {
    color: #fff;
    padding-left: 5px;
}

/* Contact List */
.contact-list li {
    color: #999;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Newsletter Form */
/* .footer-newsletter p {
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
}

.newsletter-form {
    display: flex;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.newsletter-form input {
    background: transparent;
    border: none;
    color: #fff;
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

.newsletter-form input:focus {
    outline: none;
} */

.footer-featured-listings h5 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 25px;
    letter-spacing: 2px;
}

.f-listing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 20px 15px;
}

.f-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.f-item img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 8px;
    background: #222;
}

.f-info h6 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 2px 0;
    color: #fff;
    line-height: 1.3;
}

.f-info p {
    font-size: 11px;
    color: #999;
    margin: 0 0 4px 0 !important;
}

.f-price {
    font-size: 12px;
    font-weight: 700;
    color: var(--gold);
    display: block;
}



.newsletter-form button {
    background: transparent;
    border: none;
    color: #C5A059;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
}

/* Bottom Bar */
.copyright-bar {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid #222;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyright-bar p {
    color: #666;
    font-size: 13px;
    margin: 0;
}

.legal-links a {
    color: #666;
    text-decoration: none;
    font-size: 13px;
    margin-left: 20px;
}

/* stickers css */
.bg-stickers-wrapper .sticker {
    position: absolute;
    z-index: 0;
    width: 60px; 
    opacity: 0.15; 
    pointer-events: none;
    filter: sepia(1) saturate(5) hue-rotate(10deg); 
}

.s-1 { top: 15%; left: 5%; transform: rotate(-20deg); }
.s-2 { bottom: 20%; left: 10%; transform: rotate(15deg); }
.s-3 { top: 25%; right: 8%; transform: rotate(10deg); width: 80px !important; }
.s-4 { bottom: 15%; right: 5%; transform: rotate(-15deg); }



.section-content h3 {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    margin-bottom: 20px;
}

.section-content p {
    font-weight: 400;
}


/* Owner Card Styling */
section.owners-section {
    background: #fdfaf5;
    padding: 55px 0;
}

.owner-card {
    background: #ffffff;
    padding: 30px 20px;
    border: 1px solid #eee;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
}

.owner-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-color: #3ABEF9; 
}


.owner-header { position: relative; margin-bottom: 20px; text-align: center; }

.owner-badge {
    position: absolute; top: -10px; right: -5px;
    background: #3ABEF9; color: #fff;
    font-size: 10px; font-weight: 700; padding: 4px 10px;
    text-transform: uppercase; border-radius: 2px;
}

.owner-avatar {
    width: 100px; height: 100px; margin: 0 auto;
    border-radius: 50%; position: relative; padding: 5px;
    border: 1px dashed #C5A059; 
}

.owner-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.status-dot {
    position: absolute; bottom: 8px; right: 8px;
    width: 15px; height: 15px; background: #2ecc71;
    border: 3px solid #fff; border-radius: 50%;
}

/* Stats Styling */
.owner-stats {
    display: flex; justify-content: space-around;
    padding: 15px 0; border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8; margin-bottom: 20px;
}

.v-num { display: block; font-weight: 800; color: #323232; font-size: 16px; }
.v-label { font-size: 11px; color: #999; text-transform: uppercase; }

/* Action Buttons */
.owner-actions { 
	display: flex; gap: 10px; 
}

.btn-profile-link {
    background: #323232; color: #fff !important;
    flex: 1; 
	padding: 15px; 
	font-size: 12px;
    font-weight: 700; 
	text-transform: uppercase; 
	text-decoration: none;
}

.btn-profile-link:hover { background: #3ABEF9; }

.btn-msg-icon {
    background: #fdfaf5; color: #323232 !important;
    padding: 12px 18px; border: 1px solid #eee; transition: 0.3s;
}

.btn-msg-icon:hover { 
	background: #FDB851; border-color: #FDB851; 
}



/* Translate icon */


.lang-selection {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 5px 15px;
}


.gtranslate_wrapper a {
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #323232 !important; 
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.lang-selection a:hover {
    color: #3ABEF9 !important; 
}


.lang-selection img {
    border-radius: 2px !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-right: 6px !important;
    transition: transform 0.3s ease;
}

.lang-selection a:hover img {
    transform: scale(1.2);
}

[lang="ar"] .header-extra {
    flex-direction: row-reverse;
}

.home-slider-item {
    position: relative;
}

/* 1. Content Area & Container */
.content-area.pd-50 {
    background-color: #fdfaf5; 
}


.entry-title {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 800;
    color: #323232;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.entry-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #FDB851; 
    margin: 20px auto 0;
}


.single-content {
    background: #ffffff;
    padding: 60px;
    border-radius: 0; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.03);
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.8;
    color: #555;
    font-family: 'Inter', sans-serif;
}

.single-content p b, 
.single-content strong {
    display: block;
    font-size: 20px;
    color: #3ABEF9; 
    margin-top: 40px;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.5px;
}


.single-content p:first-child b {
    margin-top: 0;
}


.single-content p {
    margin-bottom: 25px;
    font-size: 16px;
}

.single-content a {
    color: #3ABEF9;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

.single-content a:hover {
    border-bottom-color: #3ABEF9;
    color: #323232;
}


.single-content ::selection {
    background: rgba(58, 190, 249, 0.2);
    color: #323232;
}

/* User Actions Wrapper Css */
.user-actions {
    position: relative;
    display: flex;
    align-items: center;
}


.dropdown-trigger {
    color: #fff; 
    text-decoration: none;
    font-weight: 600;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}


.dropdown-box {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff; 
    min-width: 200px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 10px 0;
    z-index: 9999;
    

    display: none;
}


.custom-nav-dropdown:hover .dropdown-box {
    display: block;
}


.dropdown-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.dropdown-box ul li {
    display: block !important; 
}

.dropdown-box ul li a {
    color: #333 !important; 
    padding: 10px 20px !important;
    display: block !important;
    text-decoration: none !important;
    font-size: 14px;
    text-align: left;
    transition: 0.2s;
}

.dropdown-box ul li a:hover {
    background: #f1f5f9;
    color: #2563eb !important;
}


/* Horizontal Search Bar Styling  Css*/
.hp-form--listing-search {
/*     background: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 40px;
    border-radius: 100px; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    max-width: 1100px;
    margin: 40px auto;
    border: 1px solid #eee; */
	
	    background: #ffffff !important;
    padding: 15px 25px !important;
    border-radius: 50px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    max-width: 1000px !important;
    margin: 30px auto !important;
    display: flex !important;
    align-items: center !important;
}


.hp-form--listing-search .hp-form__field {
    flex: 1;
    border-right: 1px solid #f0f0f0;
    padding: 0 20px;
    margin: 0;
}


.hp-form--listing-search .hp-form__field:nth-last-child(2) {
    border-right: none;
}

.hp-form--listing-search label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #b8914f; 
    margin-bottom: 5px;
    display: block;
}


.hp-form--listing-search input, 
.hp-form--listing-search select {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 15px;
    width: 100%;
    outline: none;
}
/
.hp-form--listing-search .hp-form__button {
    background: transparent !important;
    color: #333 !important;
    font-weight: 600;
    border: none !important;
    padding-left: 30px !important;
    cursor: pointer;
    font-size: 16px;
}
/* 1. Main Container (RentalHive Style) */
.mphb-custom-search-container .hp-form--listing-search {
    background: #ffffff;
    display: flex;
    align-items: center;
    padding: 8px; 
    border-radius: 8px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
    max-width: 1000px;
    margin: 40px auto;
}


.hp-form--listing-search .hp-form__fields {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 0;
}

.hp-form--listing-search .hp-form__field {
    flex: 1;
    padding: 10px 20px;
    border-right: 1px solid #f0f0f0; 
    margin: 0;
}

.hp-form--listing-search .hp-form__field--location {
    border-right: none;
}

.hp-form--listing-search input {
    border: none !important;
    background: transparent !important;
    font-size: 15px;
    color: #333;
    width: 100%;
    outline: none !important;
    padding: 5px 0 !important;
}

.hp-form--listing-search input::placeholder {
    color: #999;
}

.hp-form--listing-search .hp-form__footer {
    padding: 0;
    margin-left: 10px;
}

.hp-form--listing-search .hp-form__button {
    background-color: #c5a059; 
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 15px 35px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    transition: 0.3s ease;
    cursor: pointer;
    width: auto;
}

.hp-form--listing-search .hp-form__button:hover {
    background-color: #1e40af !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}


.hp-field--location {
    position: relative;
    display: flex;
    align-items: center;
}

.hp-field--location i {
    color: #c5a059;
    margin-right: 10px;
}
.site-logo img {
/*     width: 150px; */
	width:100px;
}



/* Listing Card Container */
.hp-listing--view-block {
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

.hp-listing--view-block:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px);
}

.hp-listing__image img {
    border-radius: 12px 12px 0 0;
    object-fit: cover;
}


.hp-listing__content {
    padding: 20px !important;
}


.hp-listing__title a {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-decoration: none;
}


.card-attributes-wrapper {
    display: flex;
    gap: 15px;
    margin: 10px 0;
}

.card-attribute {
    font-size: 14px !important;
    color: #777 !important;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.card-attribute i {
    color: #c5a059; 
    font-size: 16px;
}


.hp-listing__location, .hp-listing__categories {
    font-size: 13px;
/*     color: #999; */
    margin-bottom: 5px;
/*     display: flex; */
    align-items: center;
    gap: 5px;
	padding-right:20px;
}
td.hp-listing__created-date.hp-listing__date {
    padding-right: 20px;
}

.hp-listing__location a {
    color: #999 !important;
}


.hp-listing__footer {
    padding: 15px 20px !important;
    border-top: 1px solid #f0f0f0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
}

.hp-listing__attribute--price {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #222 !important;
}


.hp-listing__action i {
    font-size: 18px;
    color: #ccc;
    transition: 0.2s;
}

.hp-listing__action--favorite i {
    color: #ff4b4b; 
}

.hp-widget--listing-filter {
    background: #fdfdfd;
    padding: 25px;
    border: 1px solid #eee;
    border-radius: 12px;
}

.hp-form--listing-filter .hp-form__label {
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px !important;
    color: #444;
}

.hp-form--listing-filter input[type="number"], 
.hp-form--listing-filter .hp-field--number-range input {
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 10px !important;
    font-size: 14px;
}

.hp-form--listing-filter .button-primary {
    width: 100%;
    background: #c5a059;
    border-radius: 6px !important;
    padding: 12px !important;
    font-weight: 700 !important;
}

/* 1. Map Container Styling */
.hp-widget--listing-map, .hp-map {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid #ebebeb !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    height: 500px !important; 
    
}
.hp-page.site-main {
    padding-bottom: 45px;
}

/* 1. Sort Wrapper Styling */
.hp-form--listing-sort .hp-form__field--select {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
}

.hp-form--listing-sort .hp-form__label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #777 !important;
    margin: 0 !important;
}


.hp-form--listing-sort .select2-container--default .select2-selection--single {

    background: transparent !important;
    height: auto !important;
    display: flex;
    align-items: center;
}


.hp-form--listing-sort .select2-selection__rendered {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2563eb !important; 
    padding-left: 10px !important;
    padding-right:important;
}


.hp-form--listing-sort .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    display: flex;
    align-items: center;
}

.select2-results__option--highlighted[aria-selected] {
    background-color: #2563eb !important; 
}



/* Vendor Card styling  */
.hp-vendor--view-block {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 15px !important;
    padding: 30px 20px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.hp-vendor__image {
    width: 120px !important;
    height: 120px !important;
    margin-bottom: 20px !important;
}

.hp-vendor__image img {
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: 4px solid #f8fafc !important;
}


.hp-vendor__name {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #C5A059; 
    margin-bottom: 5px !important;
}

.hp-vendor__name a {
    text-decoration: none !important;
    color: inherit !important;
}


.hp-vendor__details {
    font-size: 13px !important;
    color: #94a3b8 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.hp-vendor__location {
    justify-content: center !important;
    margin-top: 10px;
    color: #64748b !important;
}


.hp-vendor__footer {
    border-top: 1px solid #f1f5f9 !important;
    margin-top: 20px !important;
    padding-top: 15px !important;
    width: 100%;
    display: flex;
    justify-content: center;
}

.hp-vendor__action--message {
    background: #f8fafc !important;
    color: #2563eb !important;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.3s;
}

.hp-vendor__action--message:hover {
    background: #2563eb !important;
    color: #fff !important;
}


.hp-vendor--view-block {
    position: relative;
}

.hp-vendor--view-block .hp-vendor__rating {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 14px;
    color: #fbbf24;
}


.hp-form--listing-search {
    background: #fff !important;


    display: flex !important;
    align-items: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}


.hp-form--listing-search .hp-form__field {
    border: none !important;
    border-right: 1px solid #f0f0f0 !important; 
    margin: 0 !important;
    padding: 0 15px !important;
    flex: 1 !important;
}

.hp-form--listing-search .hp-form__field:last-of-type {
    border-right: none !important;
}


.hp-form--listing-search input::placeholder {
    color: #717171 !important;
    font-size: 14px !important;
    font-family: inherit !important;
}

.hp-field--location {
    position: relative !important;
}
.hp-field--location a {
    position: absolute !important;
    right: 10px !important;
    color: #d4a76a !important;
}


/* Sidebar booking css */

.hp-form--booking-make {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08) !important;
}

.hp-listing__attribute--price {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    color: #222 !important;
}

.hp-form--booking-make .hp-form__field {
    margin-bottom: 12px !important;
}

.hp-form--booking-make .hp-field--date-range input,
.hp-form--booking-make input[name="guests"] {
    width: 100% !important;
    height: 56px !important;
    padding: 12px 16px !important;
    border: 1px solid #b0b0b0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #484848 !important;
    background: #fff !important;
}

.hp-form--booking-make .hp-form__label {
    font-weight: 500 !important;
    font-size: 16px !important;
}

.hp-form--booking-make .hp-form__button {
    width: 100% !important;
    height: 48px !important;
    background: #d4a76a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-top: 10px !important;
    transition: background 0.3s ease !important;
}

.hp-form--booking-make .hp-form__button:hover {
    background-color: #b88e55 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(212, 167, 106, 0.3) !important;
    transition: all 0.3s ease !important;
}

.hp-form--booking-make + .hp-listing__actions--primary .hp-listing__action--message,
.widget .hp-listing__action--message {
    width: 100% !important;
    height: 48px !important;
    background-color: transparent !important;
    color: #222 !important;
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin-bottom: 10px !important;
}

.hp-listing--view-block .hp-listing__action--message,
.hp-listing--view-list .hp-listing__action--message {
    width: auto !important;
    height: auto !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    display: inline-block !important;
}

.hp-form--booking-make + .hp-listing__actions--primary .hp-link {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #666 !important;
    width: 100% !important;
}


.hp-listing__actions--primary.hp-widget {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

/* --- Listing Detail Page Specific Styling --- */


.hp-listing--view-page .hp-listing__title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin-bottom: 15px !important;
    line-height: 1.2 !important;
}

.hp-listing__title {
    padding: 20px;
}



.hp-listing--view-page .hp-listing__details--primary {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    color: #666 !important;
    font-size: 14px !important;
}

.hp-listing--view-page .hp-listing__location i, 
.hp-listing--view-page .hp-listing__category i {
    color: #d4a76a !important; 
    margin-right: 5px !important;
}


.hp-listing--view-page .custom-listing-details {
    display: flex !important;
    gap: 15px !important;
    background: #f8f9fa !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    border: 1px solid #eee !important;
}

.hp-listing--view-page .detail-item {
    font-weight: 600 !important;
    color: #444 !important;
}


.hp-listing--view-page .hp-listing__images {
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    margin-bottom: 30px !important;
}



.hp-listing--view-page .hp-listing__description {
    font-size: 16px !important;
    line-height: 1.8 !important;
    color: #484848 !important;
    margin-top: 20px !important;
}


.hp-listing--view-page .hp-listing__action--favorite {
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding: 8px 15px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: 0.3s !important;
}

.hp-listing--view-page .hp-listing__action--favorite:hover {
    border-color: #ff4b4b !important;
    color: #ff4b4b !important;
}


/* --- Registration & Login Form Styling --- */

.hp-form--user-register, 
.hp-form--user-login {
    max-width: 450px !important;
    margin: 40px auto !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

.hp-form--user-register .hp-form__label,
.hp-form--user-login .hp-form__label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #444 !important;
    margin-bottom: 8px !important;
    display: block !important;
}


.hp-form--user-register .hp-field,
.hp-form--user-login .hp-field {
    width: 100% !important;
    height: 50px !important;
    padding: 10px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    background-color: #f9f9f9 !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}


.hp-form--user-register .hp-field:focus,
.hp-form--user-login .hp-field:focus {
    border-color: #d4a76a !important; 
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 167, 106, 0.1) !important;
}


.hp-form--user-register .hp-form__button,
.hp-form--user-login .hp-form__button {
    width: 100% !important;
    height: 52px !important;
    background-color: #c5a059 !important; 
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.hp-form--user-register .hp-form__button:hover,
.hp-form--user-login .hp-form__button:hover {
    background-color: #b08d4a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
}


.hp-form__messages {
    margin-bottom: 15px !important;
}


.hp-form__field--password {
    position: relative !important;
}

.hp-field__icon {
    position: absolute !important;
    right: 15px !important;
    top: 45px !important;
    color: #999 !important;
}


/* --- Reset Password Modal Styling --- */


#user_password_request_modal .hp-modal__title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-align: center !important;
}


.hp-form--user-password-request .hp-form__description {
    font-size: 14px !important;
    color: #666 !important;

}


.hp-form--user-password-request .hp-field--text {
    width: 100% !important;
    height: 50px !important;
    padding: 10px 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    background-color: #f9f9f9 !important;
    transition: all 0.3s ease !important;
}

.hp-form--user-password-request .hp-field--text:focus {
    border-color: #d4a76a !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 167, 106, 0.1) !important;
    outline: none !important;
}

.hp-form--user-password-request .hp-form__button {
    width: 100% !important;
    height: 52px !important;
    background-color: #c5a059 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;

    transition: all 0.3s ease !important;
}

.hp-form--user-password-request .hp-form__button:hover {
    background-color: #b08d4a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
}

#user_password_request_modal .fancybox-close-small {
    color: #999 !important;
    padding: 10px !important;
}

#user_password_request_modal .fancybox-close-small:hover {
    color: #222 !important;
}


/* --- Add Listing Form CSS Styling --- */

.hp-form--listing-submit {
    max-width: 800px !important;
    margin: 40px auto !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

.hp-page__title {
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 28px !important;
    margin-bottom: 30px !important;
    color: #222 !important;
}

/* Labels & Descriptions */
.hp-form--listing-submit .hp-form__label {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.hp-form--listing-submit .hp-field__description {
    font-size: 12px !important;
    color: #888 !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}


.hp-form--listing-submit .hp-field--text,
.hp-form--listing-submit .hp-field--number,
.hp-form--listing-submit .hp-field--textarea,
.hp-form--listing-submit .select2-container--default .select2-selection--single {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    background-color: #f9f9f9 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    min-height: 50px !important;
}


.hp-form--listing-submit .hp-field--textarea {
    min-height: 150px !important;
}


.hp-form--listing-submit .hp-field:focus,
.hp-form--listing-submit .select2-container--open .select2-selection--single {
    border-color: #d4a76a !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 167, 106, 0.1) !important;
    outline: none !important;
}


.hp-form--listing-submit .hp-form__field--attachment-upload .hp-field--button {
    background-color: #f1f5f9 !important;
    border: 2px dashed #cbd5e1 !important;
    color: #475569 !important;
    width: 100% !important;
    padding: 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.hp-form--listing-submit .hp-form__field--attachment-upload .hp-field--button:hover {
    border-color: #d4a76a !important;
    color: #d4a76a !important;
}

/* Checkbox Styling */
.hp-form--listing-submit .hp-field--checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

.hp-form--listing-submit .hp-field--checkbox input {
    width: 18px !important;
    height: 18px !important;
    accent-color: #c5a059 !important;
}


.hp-form--listing-submit .hp-form__button {
    width: 100% !important;
    height: 55px !important;
    background-color: #c5a059 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-top: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.hp-form--listing-submit .hp-form__button:hover {
    background-color: #b08d4a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
}


.hp-form--listing-submit .hp-field--location {
    position: relative !important;
}
/* 
.hp-form--listing-submit .hp-field--location i {
    position: absolute !important;
    right: 15px !important;
    top: 18px !important;
    color: #c5a059 !important;
}
 */


/* --- User Profile Update Form Styling --- */

.hp-form--user-update-profile {
    max-width: 700px !important;
    margin: 40px auto !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}


.hp-page__title {
    text-align: center !important;
    font-weight: 800 !important;
    margin-bottom: 25px !important;
    color: #222 !important;
}


.hp-form--user-update-profile .hp-form__label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.hp-form--user-update-profile .hp-field--text,
.hp-form--user-update-profile .hp-field--textarea {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    background-color: #f9f9f9 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}


.hp-form--user-update-profile .hp-field--text:focus,
.hp-form--user-update-profile .hp-field--textarea:focus {
    border-color: #d4a76a !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(212, 167, 106, 0.1) !important;
}


.hp-form--user-update-profile .hp-form__field--attachment-upload .hp-field--button {
    background-color: #fff !important;
    border: 2px dashed #d4a76a !important;
    color: #d4a76a !important;
    padding: 15px 25px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: 0.3s !important;
}

.hp-form--user-update-profile .hp-form__field--attachment-upload .hp-field--button:hover {
    background-color: #fdfaf5 !important;
    transform: scale(1.01);
}

/* .hp-form--user-update-profile .hp-field--location {
    position: relative !important;
}

.hp-form--user-update-profile .hp-field--location i {
    position: absolute !important;
    right: 15px !important;
    top: 18px !important;
    color: #c5a059 !important;
    z-index: 10;
} */

.hp-form--user-update-profile .hp-field--textarea {
    min-height: 120px !important;
}

.hp-form--user-update-profile .hp-form__button {
    width: 100% !important;
    height: 52px !important;
    background-color: #c5a059 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    margin-top: 20px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.hp-form--user-update-profile .hp-form__button:hover {
    background-color: #b08d4a !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
    transform: translateY(-1px);
}


.hp-form--user-update-profile .hp-field--hidden + .hp-field__icon {
    display: none !important;
}




/* --- Vendor Search Bar Styling --- */

.hp-form--vendor-search {
    background: #ffffff !important;
    padding: 15px 25px !important;
    border-radius: 50px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    max-width: 1000px !important;
    margin: 30px auto !important;
    display: flex !important;
    align-items: center !important;
}


.hp-form--vendor-search .hp-form__fields {
    display: flex !important;
    flex: 1 !important;
    gap: 15px !important;
    border: none !important;
}

.hp-form--vendor-search .hp-form__field {
    flex: 1 !important;
    border-right: 1px solid #eee !important; 
    padding-right: 10px !important;
}

.hp-form--vendor-search .hp-form__field:last-child {
    border-right: none !important;
}


.hp-form--vendor-search .hp-field--search,
.hp-form--vendor-search .hp-field--text {
    border: none !important;
    background: transparent !important;
    font-size: 15px !important;
    color: #333 !important;
    padding: 10px !important;
    outline: none !important;
}


.hp-form--vendor-search ::placeholder {
    color: #999 !important;
    font-weight: 400 !important;
}


.hp-form--vendor-search .hp-field--location i {
    color: #c5a059 !important; 
}


.hp-form--vendor-search .hp-form__button {
    background-color: #c5a059 !important;
    color: #fff !important;
    border-radius: 40px !important;
    padding: 12px 35px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: all 0.3s ease !important;
    margin-left: 10px !important;
}

.hp-form--vendor-search .hp-form__button:hover {
    background-color: #b08d4a !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
    transform: translateY(-2px) !important;
}


/* Purani settings ko override karne ke liye high specificity */
html body .hp-vendor__action--message.button {
    background: #c5a059 !important; 
    color: #ffffff !important;
    width: auto !important;
    height: auto !important;
    padding: 12px 30px !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50px !important; 
    border: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3) !important;
    margin-top: 20px !important;
    text-decoration: none !important;
}


html body .hp-vendor__action--message.button::before {
    content: "\f0e0" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    font-size: 16px !important;
}


html body .hp-vendor__action--message.button:hover {
    background: #b08d4a !important;
    box-shadow: 0 8px 25px rgba(197, 160, 89, 0.5) !important;
    transform: translateY(-3px) !important;
    color: #fff !important;
}


/* --- Settings Page Main Container --- */
.hp-template--user-settings-page .hp-page__content {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

/* .hp-page__title {
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #c5a059 !important; 
    display: inline-block;
    padding-bottom: 5px;
}
 */

.hp-form__field--attachment-upload .hp-col-sm-2 img {
    border-radius: 50% !important; 
    border: 3px solid #c5a059 !important;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.hp-field--attachment-upload .button {
    background: #f8f9fa !important;
    border: 1px dashed #c5a059 !important;
    color: #c5a059 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
}


.hp-form--user-update .hp-field--text, 
.hp-form--user-update .hp-field--email, 
.hp-form--user-update .hp-field--password,
.hp-form--user-update .hp-field--textarea {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    background-color: #fcfcfc !important;
    transition: all 0.3s ease !important;
}

.hp-form--user-update .hp-field--text:focus {
    border-color: #c5a059 !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.1) !important;
    outline: none !important;
}

.hp-form__label span {
    font-weight: 600 !important;
    color: #4a5568 !important;
    font-size: 14px !important;
}

/* --- Buttons Styling --- */


.hp-form--user-update .hp-form__button--submit {
    background-color: #c5a059 !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    transition: 0.3s !important;
    width: auto !important;
}

.hp-form--user-update .hp-form__button--submit:hover {
    background-color: #b08d4a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(197, 160, 89, 0.3) !important;
}

.hp-form__action--user-delete {
    color: #e53e3e !important; 
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 20px !important;
}

.hp-form__action--user-delete i {
    margin-right: 5px;
}

.hp-form__action--vendor-view {
    color: #c5a059 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}


#user_delete_modal {
    border-radius: 15px !important;
    padding: 30px !important;
}

#user_delete_modal .hp-modal__title {
    color: #e53e3e !important;
}

#user_delete_modal .hp-form__button {
    background-color: #e53e3e !important;
    border-radius: 8px !important;
}

button.hp-form__button.button-primary.alt.button.hp-field.hp-field--submit {
    background-color: #c5a059;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 15px 35px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    transition: 0.3s ease;
    cursor: pointer;
    width: auto;
}


/* --- Dashboard Sidebar Navigation Styling --- */


.hp-menu--user-account {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 20px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
    border: 1px solid #f0f0f0 !important;
}


.hp-menu--user-account ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


.hp-menu--user-account ul li {
    margin-bottom: 8px !important;
}

.hp-menu--user-account ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 18px !important;
    color: #4a5568 !important; 
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    position: relative;
}




.hp-menu--user-account ul li.current-menu-item a,
.hp-menu--user-account ul li.hp-menu__item--current a {
    background-color: #c5a059 !important; 
    color: #ffffff !important; 
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3) !important;
    font-weight: 600 !important;
}

.hp-menu__item--vendor-dashboard a::before { 
    content: "\f3fd"; font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 12px; 
    opacity: 0.7; 
}

.hp-menu__item--listings-edit a::before { 
    content: "\f0ca"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 12px; 
    opacity: 0.7; 
}

.hp-menu__item--vendor-calendar a::before { 
    content: "\f133"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 12px; 
    opacity: 0.7; 
}

.hp-menu__item--bookings-view a::before {
    content: "\f328"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 12px; 
    opacity: 0.7; 
}

.hp-menu__item--user-edit-settings a::before { 
    content: "\f013"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 12px; 
    opacity: 0.7; 
}

.hp-menu__item--user-logout a::before { 
    content: "\f2f5"; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 12px; 
    opacity: 0.7; 
}


.hp-menu__item--messages-thread a::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
    opacity: 0.8;


}

.hp-menu__item--orders-edit a::before {
    content: "\f07a"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
    opacity: 0.8;
}

.hp-menu__item--orders-view a::before {
    content: "\f466"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
    opacity: 0.8;
}

.hp-menu__item--listings-favorite a::before {
    content: "\f004"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
    opacity: 0.8;
}


.hp-menu__item--payouts-view a::before {
    content: "\f3d1"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 12px;
    opacity: 0.8;
}



.hp-page__content .button {
    background-color: #c5a059 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 15px 35px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    transition: 0.3s ease;
    cursor: pointer;
    width: auto;
}

.hp-page__content p {
    margin-bottom: 30px;
    font-weight: 600;
}



.hp-messages.hp-table tr.hp-message {
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    gap: 20px;
}


.hp-message__sender {
    flex: 0 0 150px;
    font-weight: 600;
}







.woocommerce-checkout .col2-set {
    display: flex;
    gap: 30px;
}

.woocommerce-checkout .col-1, .woocommerce-checkout .col-2 {
    flex: 1;
    max-width: 50%;
}

.woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="tel"], 
.woocommerce-checkout select, 
.woocommerce-checkout textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    background: #f9f9f9 !important;
}


#order_review_heading, #order_review {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-top: 30px;
}

.shop_table th, .shop_table td {
    padding: 15px !important;
    border-bottom: 1px solid #eee !important;
}


#place_order {
    background-color: #c5a059 !important;
    color: #fff !important;
    padding: 15px 30px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    width: 100% !important;
    transition: 0.3s;
}

#place_order:hover {
    background-color: #a38446 !important;
}

h1.hp-listing__title {
    padding-top: 20px;
}






.hp-template--order-view-page .hp-page__content {
    background: #fcfcfc;
    padding: 30px !important;
    border-radius: 15px;
}


.hp-order__details--primary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-bottom: 25px;
    border-left: 5px solid #c5a059; 
}

.hp-order__status span {
    background: #e6f7ff;
    color: #1890ff;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}


.woocommerce-table--order-details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: 20px;
}

.woocommerce-table--order-details thead th {
    background: transparent;
    border: none;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.woocommerce-table--order-details tbody tr {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.woocommerce-table--order-details td, 
.woocommerce-table--order-details th {
    padding: 20px !important;
    border: none !important;
}

.woocommerce-table--order-details tbody td:first-child {
    border-radius: 10px 0 0 10px;
    font-weight: 600;
}

.woocommerce-table--order-details tbody td:last-child {
    border-radius: 0 10px 10px 0;
    color: #c5a059;
    font-weight: 700;
}

.woocommerce-customer-details {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    margin-top: 30px;
    border: 1px solid #eee;
}

.woocommerce-column__title {
    font-size: 18px !important;
    margin-bottom: 15px !important;
    font-weight: 700;
}

address {
    font-style: normal;
    line-height: 1.8;
    color: #555;
}

.hp-order__actions--primary {
    padding-bottom: 30px;
}

.hp-order__action--message {
    background: #c5a059 !important;
    border: none !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.hp-order__action--complete span,
.hp-order__action--dispute span {
    margin-left: 8px;
    font-weight: 600;
}

.hp-order__action--complete { color: #52c41a !important; }
.hp-order__action--dispute { color: #ff4d4f !important; }

.woocommerce-table--order-details tfoot th {
    text-align: left;
    color: #333;
}

.woocommerce-table--order-details tfoot td {
    font-weight: 700;
    font-size: 1.2em;
    color: #222;
}


.woocommerce-Addresses.col2-set {
    display: flex !important;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 20px;
}


.woocommerce-Address {
    flex: 1;
    min-width: 300px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    padding: 25px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}


.woocommerce-Address-title.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #f1f1f1;
    margin-bottom: 15px !important;
    padding-bottom: 10px;
}

.woocommerce-Address-title h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333;
    margin: 0 !important;
}


.woocommerce-Address-title a.edit {
    background: #c5a059 !important; 
    color: #fff !important;
    padding: 6px 15px !important;
    border-radius: 6px;
    font-size: 13px !important;
    font-weight: 600;
    text-decoration: none !important;
}


address {
    font-style: normal;
    line-height: 1.6 !important;
    color: #555;
    font-size: 15px;
    word-break: normal !important;
}


.logged-in .guest-links {
    display: none !important;
}


section.ease {
    padding: 55px 0;
}

.para-ease p {
    color: black;
    font-size: 18px;
    font-style: oblique;
    font-weight: 400;
}

/* Jab button loading state mein ho */
.hp-field--button[data-state="loading"] {
    position: relative;
    overflow: hidden;
    color: transparent !important; /* "Select Images" text ko temporary hide karne ke liye */
}

/* Button ke andar ek moving progress bar background */
.hp-field--button[data-state="loading"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: loading-bar 1.5s infinite;
}

/* Naya loading text display karna */
.hp-field--button[data-state="loading"]::after {
    content: "Uploading... Please Wait";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

/* Progress bar ki animation */
@keyframes loading-bar {
    100% {
        left: 100%;
    }
}

/* Button ka color change karna loading ke waqt taake progress bar nazar aaye */
.hp-field--button[data-state="loading"] {
    background-color: #cca354 !important; /* Aapka theme gold/brown color */
    opacity: 0.8;
    cursor: not-allowed;
}


/* Booking ID indicator styling */
.hp-booking--view .hp-booking__title::after {
    content: "Approve book here";
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    background-color: #cca354; /* Aapka theme gold color */
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 4px;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Hover effect taake user ko pata chale ye clickable hai */
.hp-booking--view:hover .hp-booking__title::after {
    background-color: #b18e4a;
}


.hp-field--attachment-upload[data-required=true] .hp-field__button--delete{
	display:flex !important;
}


.f-img-container .hp-listing__featured-badge {
    position: absolute;
    top: 2px;
    left: 2px;
    background: #C5A059 !important; 
    color: #fff !important;
    padding: 3px;
    font-size: 8px; 
    border-radius: 15px;
    z-index: 5;
    line-height: 1;
}