.elementor-545 .elementor-element.elementor-element-513e03f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-fe1258d */*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
  background:#f5f7fb;
  color:#333;
  overflow-x:hidden;
}

/* HERO */
.contact-hero-header{
  width:100vw;
  margin-left:calc(-50vw + 50%);
  min-height:90vh;
  display:flex;
  align-items:center;
  padding:80px 8%;
  background:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4)),
    url('https://escalarealty.in/wp-content/uploads/2026/05/escala-realty-1.png');
  background-size:cover;
  background-position:center;
}

.hero-content h1{
  font-family:'Playfair Display',serif;
  font-size:70px;
  color:#fff;
  position: relative;
  top: 80px;
}

.hero-content h2{
  font-family:'Playfair Display',serif;
  font-size:72px;
  color:#fff;
   position: relative;
  top: 60px;
}



/* GLOBAL */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
}

/* MAIN SECTION */
.portfolio-section{
   position:relative;
  width:100vw;
  margin-left:calc(-50vw + 50%);
  min-height:80vh;

  background:
  linear-gradient(rgba(255,255,255,0.55),
  rgba(255,255,255,0.55)),
  url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e');

  background-size:cover;
  background-position:center;

  /* STICKY BACKGROUND */
  background-attachment:fixed;

  overflow:hidden;

  padding:60px 20px;
}

/* CONTAINER */
.portfolio-container{
  width:100%;
  max-width:1200px;
  margin:auto;
}

/* HEADER */
.portfolio-header{
  text-align:center;
  margin-bottom:40px;
}

.portfolio-header h1{
  font-size:60px;
  font-weight:700;
  color:#064b37;
  line-height:1.1;
}

.portfolio-header p{
  margin-top:15px;
  font-size:20px;
  color:#444;
}

/* TABS */
.portfolio-tabs{
  width:100%;

  display:flex;
  justify-content:center;
  gap:14px;

  padding:10px;

  border-radius:50px;

  background:rgba(255,255,255,0.65);

  backdrop-filter:blur(12px);

  margin-bottom:40px;
}

/* TAB BUTTON */
.portfolio-tab{
  border:none;
  outline:none;

  padding:14px 34px;

  border-radius:40px;

  background:transparent;

  color:#111;

  font-size:16px;
  font-weight:500;

  cursor:pointer;

  transition:0.3s ease;
}

.portfolio-tab.active{
  background:#064b37;
  color:#fff;
}

/* PANEL */
.portfolio-panel{
  display:none;
  justify-content:center;
}

.portfolio-panel.active-panel{
  display:flex;
}

/* CARD */
.project-card{
  width:100%;
  max-width:490px;

  background:rgba(255,255,255,0.75);

  border-radius:24px;

  overflow:hidden;

  backdrop-filter:blur(12px);

  box-shadow:0 20px 60px rgba(0,0,0,0.12);

  transition:0.4s ease;
}

.project-card:hover{
  transform:translateY(-8px);
}

/* IMAGE */
.project-image{
  position:relative;
  width:100%;
  height:260px;
}

.project-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* BADGE */
.project-badge{
  position:absolute;
  top:18px;
  left:18px;

  background:rgba(255,255,255,0.9);

  padding:8px 16px;

  border-radius:30px;

  font-size:13px;
  color:#064b37;
}
/* CURRENT PROJECT CENTER */
#current-project .project-grid{
  grid-template-columns: 1fr;
  max-width: 500px;
  margin: auto;
}

/* STATUS */
.project-status{
  position:absolute;
  right:18px;
  bottom:18px;

  background:#064b37;

  color:#fff;

  padding:8px 18px;

  border-radius:30px;

  font-size:13px;
}

/* CONTENT */
.project-content{
  padding:26px;
}

.project-content h3{
  font-size:28px;
  line-height:1.2;
  font-weight:700;
  

  color:#1b1b1b;
}

.project-content p{
  margin-top:12px;

  color:#555;
  font-size:16px;
  line-height:1.7;
}

/* FEATURES */
.project-features{
  display:flex;
  flex-wrap:wrap;
  gap:10px;

  margin-top:18px;
}

.project-features span{
  padding:8px 14px;

  border-radius:30px;

  background:rgba(6,75,55,0.08);

  color:#064b37;

  font-size:13px;
}

/* BUTTON */
.project-btn{
  display:inline-block;

  margin-top:24px;

  padding:14px 28px;

  border-radius:8px;

  background:#064b37;

  color:#fff;

  text-decoration:none;

  font-size:15px;
  font-weight:600;

  transition:0.3s ease;
}

.project-btn:hover{
  transform:translateY(-3px);
}

/* RESPONSIVE */
@media(max-width:768px){

  .portfolio-header h1{
    font-size:40px;
  }

  .portfolio-header p{
    font-size:16px;
  }

  .portfolio-tabs{
    flex-wrap:wrap;
  }

  .portfolio-tab{
    padding:12px 24px;
    font-size:14px;
  }

  .project-content h3{
    font-size:28px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05b9968 *//* SCOPE FIX */
.contact-scope {
  font-family: 'Segoe UI', sans-serif;
}

/* RESET */
.contact-scope * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* SECTION */
.contact-scope .contact-hero {
   min-height:100vh;
  width:100vw;

  margin:0;
  padding:40px 20px;

  background:
    linear-gradient(rgba(11,61,46,0.35),rgba(11,61,46,0.35)),
    url('https://escalarealty.in/wp-content/uploads/2026/04/escala-realty.contact-us.png');

  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;

  display:flex;
  align-items:center;
  justify-content:center;

  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}

/* CARD */
.contact-scope .contact-card {
  width: 100%;
  max-width:1100px;
  display: flex;
    margin:0 auto;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(255,255,255,0.08);
  border-radius:24px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

/* LEFT */
.contact-scope .contact-info {
  width: 40%;
  padding: 50px;
  color: #fff;
}

.contact-scope .contact-info h2 {
  font-size: 34px;
  font-family: serif;
  margin-bottom: 20px;
}

.contact-scope .contact-info p {
  margin-bottom: 20px;
  opacity: 0.9;
}

/* RIGHT */
.contact-scope .contact-form-box {
  width: 60%;
  background: rgba(255,255,255,0.95);
  padding: 50px;
}

.contact-scope .contact-form-box h2 {
  font-family: serif;
  margin-bottom: 25px;
  color: #0b3d2e;
}

/* FORM */
.contact-scope .form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* ROW */
.contact-scope .row {
  display: flex;
  gap: 15px;
}

/* INPUTS */
.contact-scope input,
.contact-scope select,
.contact-scope textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  transition: 0.3s;
}

.contact-scope input:focus,
.contact-scope select:focus,
.contact-scope textarea:focus {
  border-color: #0b3d2e;
  box-shadow: 0 0 0 2px rgba(11,61,46,0.1);
}

.contact-scope textarea {
  height: 90px;
  resize: none;
}

/* FORM BOTTOM */
.contact-scope .form-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

/* TERMS */
.contact-scope .form-terms {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #333;
  max-width: 70%;
}

.contact-scope .form-terms input {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.contact-scope .form-terms label {
  cursor: pointer;
}

/* BUTTON */
.contact-scope .form-btn {
  background: linear-gradient(135deg, #0b3d2e, #075c43);
  color: #fff;
  padding: 14px 20px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  min-width: 160px;
}

.contact-scope .form-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.contact-scope .form-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
  opacity: 0.7;
}

/* SUCCESS MESSAGE */
#success-msg {
  font-size: 14px;
}

/* =========================
   MOBILE OPTIMIZATION FIX
========================= */
@media (max-width: 768px) {

  /* STACK CARD */
  .contact-scope .contact-card {
    flex-direction: column;
    border-radius: 12px;
  }

  /* LEFT SECTION */
  .contact-scope .contact-info {
    width: 100%;
    padding: 25px 20px;
  }

  .contact-scope .contact-info h2 {
    font-size: 24px;
  }

  .contact-scope .contact-info p {
    font-size: 14px;
  }

  /* RIGHT FORM */
  .contact-scope .contact-form-box {
    width: 100%;
    padding: 25px 20px;
  }

  .contact-scope .contact-form-box h2 {
    font-size: 22px;
  }

  /* INPUT ROW FIX */
  .contact-scope .row {
    flex-direction: column;
    gap: 10px;
  }

  /* INPUTS */
  .contact-scope input,
  .contact-scope select,
  .contact-scope textarea {
    font-size: 14px;
    padding: 14px;
  }

  /* TEXTAREA HEIGHT */
  .contact-scope textarea {
    height: 100px;
  }

  /* FORM BOTTOM STACK */
  .contact-scope .form-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-scope .form-terms {
    max-width: 100%;
    font-size: 13px;
  }

  /* BUTTON FULL WIDTH */
  .contact-scope .form-btn {
    width: 100%;
    text-align: center;
  }

  /* HERO PADDING REDUCE */
  .contact-scope .contact-hero {
    padding: 20px 12px;
  }
}/* End custom CSS */