- /*
 Theme Name:   WpResidence child theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  WpResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      5.1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Contact Form 7 Button */
/* CF7 Webflow-style slide text button */
.cf7-actions .btn-webflow{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 26px;
  border-radius: 12px;              /* apni design ke hisaab se */
  border: 1px solid currentColor;   /* ya apna border color */
  background: transparent;          /* ya apna bg */
  cursor: pointer;

  overflow: hidden;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;

  /* smooth */
  transition: transform .25s ease, box-shadow .25s ease;
}

.cf7-actions .btn-webflow .btn-text{
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;

  transition: transform .35s ease, opacity .35s ease;
  will-change: transform;
}

/* default text center */
.cf7-actions .btn-webflow .btn-text--default{
  transform: translateY(0);
  opacity: 1;
}

/* hover text starts below */
.cf7-actions .btn-webflow .btn-text--hover{
  transform: translateY(140%);
  opacity: 1;
}

/* on hover: default goes up, hover comes in */
.cf7-actions .btn-webflow:hover .btn-text--default{
  transform: translateY(-140%);
  opacity: 1;
}
.cf7-actions .btn-webflow:hover .btn-text--hover{
  transform: translateY(0);
  opacity: 1;
}

/* Fix: button height/placement stable rahe */
.cf7-actions .btn-webflow{
  min-height: 48px; /* adjust */
}


/* Button Animations Start */
.wf-slide-btn .elementor-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wf-slide-btn .elementor-button .elementor-button-content-wrapper{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wf-slide-btn .elementor-button .elementor-button-text{
  position: relative;
  display: inline-block;
  line-height: 1;             
  transform: translateY(0);
  transition: transform 300ms ease;
  will-change: transform;
}
.wf-slide-btn .elementor-button .elementor-button-text::after{
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 120%;                  
  width: 100%;
}

.wf-slide-btn .elementor-button:hover .elementor-button-text{
  transform: translateY(-120%);
}

@media (prefers-reduced-motion: reduce){
  .wf-slide-btn .elementor-button .elementor-button-text{
    transition: none;
  }
}
/* Button Animations End */

.postid-57 .share-link {display: none !important;}
.header_transparent .master_header_sticky.master_header {
    position: fixed;
}
.parent-div:hover {
    transform: scale(1.01);
}

.scrolled a {
    color: inherit; /* Inherit dark color from header */
}
.boxex .elementor-column.stats-card{ border-radius: 0px !important;  }
/* 4 Box Our Team */
/* Column base */
.elementor-column.stats-card{
  position: relative;
  overflow: hidden;
  background-size: cover;              /* allow zoom */
  background-position: center;
  transition: background-size .6s ease;
  border-radius: 12px;                 /* optional */
}

/* Dark overlay via pseudo-element (no need to enable Elementor overlay) */
.elementor-column.stats-card::before{
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.30);         /* default dim */
  transition: opacity .35s ease;
  pointer-events: none;
  border-radius: inherit;
}

/* Heading animation (works for h1–h6 or p) */
.elementor-column.stats-card .elementor-heading-title{
  color: #fff;                         /* ensure white text */
  transition: transform .35s ease, letter-spacing .25s ease, opacity .35s ease;
  will-change: transform;
}

/* Hover effects */
.elementor-column.stats-card:hover{ background-size: 110%; cursor: pointer; }   /* subtle bg zoom */
.elementor-column.stats-card:hover::before{ opacity: .55; }     /* darker overlay */
.elementor-column.stats-card:hover .elementor-heading-title{
  transform: translateY(-6px);         /* lift text */
  letter-spacing: .5px;
}

/* Optional underline reveal */
.elementor-column.stats-card .elementor-heading-title{ position:relative; }
.elementor-column.stats-card .elementor-heading-title::after{
  content:""; position:absolute; left:0; right:100%; bottom:-6px; height:3px;
  background:#fff; opacity:.9; transition:right .35s ease;
}
.elementor-column.stats-card:hover .elementor-heading-title::after{ right:0; }

.wpcf7-spinner {display: none !important;}
div#height-div { position:relative; height: 300px; }
div#first-div { margin-top: 50px; }
/* Light Form */
.cf7-clean{
  background:#fff;
  padding: 18px 18px 22px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(16,24,40,.08);
  color:#111827;
  font-family: inherit;
}

/* grid: 2 columns desktop, 1 column mobile */
.cf7-clean .cf7-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:0px 10px;
}
.cf7-clean .cf7-field{ display:flex; flex-direction:column; padding-bottom: 10px; }
.cf7-clean .cf7-full{ grid-column:1 / -1; }

/* labels */
.cf7-clean .cf7-field > label{
  font-size:14px; color:#2C2C2C; margin:0 0 6px;
}

/* text, email, tel, textarea, select */
.cf7-clean .cf7-field input[type="text"],
.cf7-clean .cf7-field input[type="email"],
.cf7-clean .cf7-field input[type="tel"],
.cf7-clean .cf7-field textarea,
.cf7-clean .cf7-field select{
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb !important;
  border-radius:8px;
  padding:12px 14px;
  font-size:14px;
  color:#111827;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
  appearance:none;
}

/* select dropdown caret */
.cf7-clean .cf7-field select{
  background-image: linear-gradient(45deg, transparent 50%, #9ca3af 50%),
                    linear-gradient(135deg, #9ca3af 50%, transparent 50%),
                    linear-gradient(#fff,#fff);
  background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%, 100% 0;
  background-size: 6px 6px, 6px 6px, 2.5rem 100%;
  background-repeat: no-repeat;
}

/* placeholders */
.cf7-clean .cf7-field ::placeholder{ color:#9ca3af; }

/* focus + invalid */
.cf7-clean .cf7-field input:focus,
.cf7-clean .cf7-field textarea:focus,
.cf7-clean .cf7-field select:focus{
  border-color:#111827;
  box-shadow:0 0 0 3px rgba(17,24,39,.08);
}
.cf7-clean .wpcf7-not-valid{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12) !important;
}

/* error & success messages */
.cf7-clean .wpcf7 form .wpcf7-response-output{ 
  margin:14px 0 0; border-radius:8px; padding:10px 12px; 
}
.cf7-clean .wpcf7 form.invalid .wpcf7-response-output{ border-color:#ef4444; color:#991b1b; }
.cf7-clean .wpcf7 form.sent .wpcf7-response-output{ border-color:#16a34a; color:#065f46; }

/* submit button (full width, dark) */
.cf7-clean .cf7-actions{ margin-top: 10px; }
.cf7-clean .cf7-actions input[type="submit"]{
	text-transform: capitalize;
  width:100% !important;
  background: #2C2C2C !important; /* gray-800 */
  color:#fff !important;
  border:none !important;
  border-radius:10px !important;
  padding:14px 18px !important;
  font-weight:400 !important; font-size:16px !important;
  cursor:pointer !important;
  transition:opacity .15s ease, transform .15s ease, box-shadow .2s ease;
}
.cf7-clean .cf7-actions input[type="submit"]:hover{
  opacity:.95; 
}

/* mobile */
@media (max-width: 640px){
  .cf7-clean .cf7-grid{ grid-template-columns: 1fr; }
}

/* Agent List */
/* ==== Agent Card ==== */
div.agent-card{
  width: 308px;                /* match screenshot width; adjust as needed */
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(16,24,40,.12);
  overflow: hidden;
  color: #0f172a; /* slate-900 */
}

/* top image */
.agent-media img{
  display:block;
  width:100%;
  height: 200px;               /* control height */
  object-fit: cover;
}

/* content */
.agent-body{
  padding: 16px 18px 14px;
  background: #fff;
}

/* name + role */
.agent-name{
  margin: 2px 0 4px;
  font-size: 20px;
  font-weight: 700;
  color: #111827;              /* gray-900 */
}
.agent-role{
  margin: 0 0 10px;
  font-size: 14px;
  color: #6b7280;              /* gray-500 */
}

/* contact list */
.agent-list{
  list-style:none; padding:0; margin: 0 0 14px;
}
.agent-list li{
  display:flex; align-items:center; gap:10px;
  font-size: 14px;
  color: #6b7280;
  padding: 6px 0;
}
.agent-list a{
  color:#6b7280; text-decoration:none;
}
.agent-list a:hover{ color:#374151; }
.icon{
  display:inline-flex; align-items:center; justify-content:center;
  width: 22px; height:22px;
  color:#9ca3af;               /* gray-400 */
}

/* actions */
.agent-actions{
  display:flex; align-items:center; justify-content:space-between;
}
.btn-primary{
	display:inline-block;
	background: #682145 !important;
	Border: 1px solid #682145 !important;
	color:#fff;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 10px;
	text-decoration:none;
	box-shadow: 0 6px 14px rgba(107,36,111,.28);
	transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
}
.btn-primary:hover{
    opacity:.95;
	background: #fff !important;
	Border: 1px solid #682145 !important;
	color:#682145 !important;
}

/* mini LinkedIn pill */
.btn-linkedin{
  display:inline-flex; align-items:center; justify-content:center;
  width: 26px; height: 26px;
  border-radius: 6px;
  text-decoration:none;
  background:#f3f4f6;          /* gray-100 */
  color:#111827;
}
.btn-linkedin:hover{ background:#e5e7eb; }

/* Responsive (full width on small screens) */
@media (max-width: 480px){
  .agent-card{ width:100%; max-width: 360px; }
}

/* Dark FOrm */
/* ===== CF7 Dark Card ===== */ 
.wpcf7-form-control-wrap textarea { border: 0px solid transparent !important; }
.cf7-dark{ position: relative; padding: 28px 24px 32px; background: transparent; color: #e9e9e9; border-radius: 12px; overflow: hidden; } 
/* ===== Grid (2 columns on desktop) ===== */ 
.cf7-grid{ display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px 28px; } .cf7-field{ display:flex; flex-direction:column; } .cf7-full{ grid-column: 1 / -1; } 
/* ===== Labels (small, light) ===== */ 
.cf7-field > label{ font-size: 12px; letter-spacing: .2px; color: #cfcfcf; margin-bottom: 0px; text-align: justify; } 
/* ===== Inputs / Textareas (underline style) ===== */ 
.cf7-field input[type="text"], .cf7-field input[type="email"], .cf7-field input[type="tel"], .cf7-field textarea{ appearance:none; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.35); color: #fff; width: 100%; outline: none; font-size: 16px; transition: border-color .2s ease, box-shadow .2s ease; } .cf7-field textarea{ height: 80px; resize: vertical; } 
/* focus state */ 
.cf7-field input:focus, .cf7-field textarea:focus{ border-bottom-color: #ffffff; box-shadow: 0 1px 0 0 #fff; } 
/* placeholders invisible (screenshot style) */ 
.cf7-field ::placeholder{ color: transparent; } 
/* ===== Consent (acceptance) ===== */ 
.cf7-consent{ margin: 18px 0 14px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.25); font-size: 13px; color: #d9d9d9; display:flex; align-items:center; gap:10px; } 
/* style the checkbox */ 
.cf7-consent .wpcf7-list-item { margin:0; } .cf7-consent input[type="checkbox"]{ appearance: none; width: 16px; height:16px; border-radius: 50%; border: 2px solid #ffffff; background: transparent; display:inline-block; position: relative; margin-right:10px; cursor:pointer; } .cf7-consent input[type="checkbox"]:checked{ background: #ffffff; } .cf7-consent input[type="checkbox"]:checked::after{ content:""; position:absolute; inset:3px; background:#121212; border-radius:50%; } 
/* ===== Submit button ===== */ 
.cf7-actions{ margin-top: 10px; display: flex; } .cf7-actions input[type="submit"]
{ background: #ffffff !important; color: #111 !important; border: none !important; padding: 12px 24px !important; border-radius: 12px !important; font-weight: 600 !important; font-size: 16px; box-shadow: 0 8px 18px rgba(255,255,255,.12); cursor: pointer; transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease; } 
.cf7-actions input[type="submit"]:hover{ transform: translateY(-1px); box-shadow: 0 10px 22px rgba(255,255,255,.16); opacity: .95; } 
/* ===== Small viewports: stack to 1 column ===== */ 
@media (max-width: 640px){ .cf7-grid{ grid-template-columns: 1fr; gap: 16px; } div#first-div { margin-top: 0px; }}
/* Team Card */
.person-card{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 18px;
  margin: 0;
}

/* Image */
.person-card img{
  width: 100%;
  height: auto;              /* or set a fixed height + object-fit if needed */
  display: block;
  transition: transform .35s ease, filter .35s ease;
}

/* Caption */
.person-card figcaption{
  position: absolute;
  left: 14px; right: 14px; bottom: 14px;
  color: #fff;
  z-index: 2;
}
.person-card .name{ font-weight: 700; font-size: 18px; line-height: 1.2; }
.person-card .title{ font-size: 13px; opacity: .85; }

/* Overlay (hidden by default) */
.person-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.00);              /* start transparent */
  transition: background .35s ease;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
}

/* Hover effect: darken + subtle zoom */
.person-card:hover::after{
  background: rgba(0,0,0,.35);              /* dark overlay on hover */
}
.person-card:hover{
	cursor: pointer;
}
.person-card:hover img{
  transform: scale(1.02);
}

/* (Optional) always a subtle gradient for text legibility; remove if not needed */
.person-card::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 45%, rgba(0,0,0,.35) 100%);
  z-index: 1; border-radius: inherit; pointer-events:none;
  opacity: .0; transition: opacity .35s ease;
}
.person-card:hover::before{ opacity: 1; }

/* Heading */
#forth-heading {text-align: center;}
#third-heading {text-align: left;}
#second-heading {text-align: end;}
span.white { color: #fff;}
@media only screen and (max-width: 1348px) {.site-section-title { font-size: 87px; } }
.site-section-title { font-family: 'Barlow Semi Condensed', sans-serif; font-size: 90px; font-weight: 600; line-height: 90px; text-transform: uppercase; letter-spacing: -2.25px; display: block; }
.site-section-title span { display: inline-block; text-align: left; position: relative; }
.site-section-title span b { margin-left: 112px; display: block; font-size: 95px; font-weight: 400; line-height: 36px; letter-spacing: -1.8px; color: #E4178A; position: relative; font-family: 'Southland'; text-transform: capitalize; }
.site-section-title h2 {text-transform: capitalize; font-size: 70px;}
/* Featured */
.hp-fl .fl-wrap .fl-container { display: block; }
.hp-fl { position: relative; z-index: 2; display: block; margin: 0 auto; }
.hp-fl .fl-wrap { position: relative; padding: 0 10px; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-b .fl-list-col:nth-child(1) { width: 30.2%; width: calc(30.882% - 1px); height: 232px; margin-left: 8px; margin-top: -1px; margin-left: 0; }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-b .fl-list-col:nth-child(1) { width: calc(31% - 0px); }
.hp-fl .fl-wrap .fl-container .fl-left { float: left; width: 30.882%; height: 375px; padding: 5% 0 0 0; position: relative; }
.home .hp-fl .fl-wrap .fl-container .fl-left { width: 31%; }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-a { width: 100%; margin-left: 0; padding-left: calc(31% - 0px); }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-a .fl-list-col:nth-child(1) { width: calc(44% - 0px); }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col.w-mb { position: relative; }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col.w-mb { margin-bottom: 0px !important; border-bottom: 1px solid #fff; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-a .fl-list-col:nth-child(1) { width: 44.4%; height: 284px; }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col { float: inherit; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col.w-mb { margin-bottom: 1px; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col .fl-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; overflow: hidden; outline: none !important; display: block; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col .fl-item .fl-img { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); transform-origin: center; transition: all 0.4s ease-in-out; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col .fl-item > .fl-info { transition: all 0.4s ease-in-out; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col .fl-item .fl-info { position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; text-align: right; padding: 0 27px 23px 27px; display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col .fl-item .fl-info .fl-price { font-family: "Source Sans Pro", sans-serif; font-size: 24px; font-weight: 600; line-height: 24px; letter-spacing: 1.2px; color: #fff; margin-right: 23px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col .fl-item .fl-info .fl-address { font-size: 14px; font-weight: 300; line-height: 16px; letter-spacing: 0.28px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; top: -1px; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row .fl-list-col { float: left; position: relative; }
.site-section-number { font-family: 'Barlow Semi Condensed', sans-serif; font-size: 17.65px; font-weight: 700; line-height: 17.65px; color: #1b1b1b; letter-spacing: 0.1765px; }
.site-section-title { font-family: 'Barlow Semi Condensed', sans-serif; font-size: 90px; font-weight: 600; line-height: 90px; text-transform: uppercase; letter-spacing: -2.25px; display: block; }
.hp-fl .fl-wrap .fl-container .fl-left .fl-view-all-properties-wrapper { margin: 29px 0 0; -webkit-transform: translateX(-117px); transform: translateX(-117px); position: absolute; left: 50%; }
.hp-fl .fl-wrap .fl-container .fl-list { display: block; width: 100%; }
.clearfix, .clear { clear: both; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-a { margin-left: 30.882%; margin-left: 30.8%; width: calc(100% - 30.882%); width: calc(100% - 30.83%); width: calc(100% - 30.8%); width: 69.118%; margin-top: -375px; }
.home .hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-a .fl-list-col:nth-child(2) { width: 55%; width: calc(56% - 0px); float: right; }
.hp-fl .fl-wrap .fl-container .fl-list .fl-list-row.fl-row-a .fl-list-col:nth-child(2) { width: calc(55.6% - 1px); height: 320px; margin-top: -36px; margin-left: 0px; }
@media only screen and (max-width: 1348px) { .home .site-section-title { font-size: 87px; } }
@media only screen and (max-width: 1600px) { .site-container { width: 92%; } }