/* SECTION */
.c-contact-section{
  padding:80px 20px 120px;
  background:#050505;
}

/* CONTAINER */
.c-contact-container{
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:50px;
}

/* LEFT */
.c-contact-left{
  flex:0 0 60%;
}

/* TITLE */
.c-title{
  font-size:34px;
  margin-bottom:10px;
  font-family:'Playfair Display', serif;

  background:linear-gradient(45deg,#d4af37,#fff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* SUBTEXT */
.c-sub{
  color:#aaa;
  margin-bottom:25px;
}

/* CARDS */
.c-cards{
  display:flex;
  flex-direction:column;
  gap:15px;
}

/* CARD */
.c-card{
  width:100%;
  display:flex;
  align-items:center;
  gap:15px;

  padding:16px 18px;
  border-radius:14px;

  text-decoration:none;
  color:#fff;

  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.05);

  transition:0.3s;
}

/* ICON */
.c-card i{
  font-size:20px;
  color:#d4af37;
}

/* TEXT */
.c-card h3{
  margin:0;
  font-size:16px;
}

.c-card p{
  font-size:13px;
  color:#aaa;
}

/* HOVER */
.c-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,0.3);
  box-shadow:0 10px 30px rgba(0,0,0,0.6);
}

/* WHATSAPP HIGHLIGHT */
.c-whatsapp{
  background:linear-gradient(45deg,#d4af37,#c58b6d);
  color:#000;
}
.c-whatsapp p{
  color:#222;   /* ⭐ dark text */
}

.c-whatsapp h3{
  color:#000;   /* strong heading */
}

.c-whatsapp i{
  color:#000;
}
/* TELEGRAM CARD */

.c-telegram{
  background:
  linear-gradient(
    135deg,
    rgba(0,136,204,0.18),
    rgba(0,136,204,0.08)
  );

  border:1px solid rgba(0,136,204,0.25);
}

.c-telegram i{
  color:#2AABEE;
}

/* HOVER */
.c-telegram:hover{
  transform:translateY(-4px);

  box-shadow:
  0 15px 35px rgba(0,136,204,0.18);
}
/* RIGHT */
.c-contact-right{
  flex:0 0 40%;
  position:relative;
}

.c-contact-right img{
  width:100%;
  border-radius:20px;
  display:block;
  box-shadow:0 20px 40px rgba(0,0,0,0.6);
}

/* BADGE */
.c-badge{
  position:absolute;
  bottom:15px;
  left:15px;

  background:rgba(0,0,0,0.75);
  padding:8px 14px;
  border-radius:12px;

  color:#d4af37;
  font-size:13px;

  border:1px solid rgba(212,175,55,0.3);
}

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

  .c-contact-container{
    flex-direction:column;
    text-align:center;
  }

  .c-contact-left,
  .c-contact-right{
    flex:100%;
  }

  .c-card{
    justify-content:center;
  }

  .c-badge{
    left:50%;
    transform:translateX(-50%);
  }

}

/* SECTION */
.c-form-section{
  padding:80px 20px;
  background:#050505;
}

/* CONTAINER */
.c-form-container{
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:50px;
  align-items:flex-start;
}

/* LEFT */
.c-form-left{
  flex:0 0 60%;
}

.c-form-title{
  font-size:32px;
  margin-bottom:10px;
  font-family:'Playfair Display', serif;

  background:linear-gradient(45deg,#d4af37,#fff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.c-form-sub{
  color:#aaa;
  margin-bottom:25px;
}

/* FORM */
.c-form{
  display:flex;
  flex-direction:column;
  gap:15px;
}

/* INPUTS */
.c-form input,
.c-form textarea{
  width:100%;
  padding:14px;
  border-radius:10px;

  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);

  color:#fff;
  font-size:14px;

  outline:none;
  transition:0.3s;
}

.c-form input:focus,
.c-form textarea:focus{
  border-color:#d4af37;
  box-shadow:0 0 10px rgba(212,175,55,0.2);
}

/* BUTTON */
.c-submit-btn{
  margin-top:10px;
  padding:14px;
  border:none;
  border-radius:30px;

  background:linear-gradient(45deg,#d4af37,#c58b6d);
  color:#000;
  font-weight:600;

  cursor:pointer;
  transition:0.3s;
}

.c-submit-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(212,175,55,0.3);
}

/* RIGHT */
.c-form-right{
  flex:0 0 40%;
}

/* MAP TITLE */
.c-map-title{
  margin-bottom:10px;
  color:#d4af37;
  font-size:14px;
}

/* MAP */
.c-form-right iframe{
  width:100%;
  height:320px;
  border:none;
  border-radius:16px;
  filter:grayscale(100%) brightness(0.7);
}
@media(max-width:768px){

  .c-form-container{
    flex-direction:column;
  }

  .c-form-left,
  .c-form-right{
    flex:100%;
  }

  .c-form-right iframe{
    height:250px;
  }

}