.festival-info{
  padding-top: 180px;
}
@media(max-width: 767px){
  .festival-info{
    padding-top: 130px;
  } 
}
/* =========================
   CONTACT SECTION
   ========================= */
.contact-section{
  padding:30px 0 50px 0;
}

/* LEFT SIDE */
.contact-info{
  height:100%;
  padding:40px;
  border-radius:28px;
  background:rgba(10,12,16,.6);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}

.contact-info h2{
  font-size:25px;
  font-weight:800;
  margin-bottom:20px;
  color:var(--wef-cream);
}

.contact-item{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:24px;
}

.contact-icon{
  width:50px;
  height:50px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  font-size:22px;
}

.contact-item h3{
  margin:0;
  font-size:16px;
  font-weight:800;
  color:var(--wef-cream);
}

.contact-item p{
  margin:4px 0 0;
  color:rgba(255,255,255,.7);
}

/* =========================
   FORM
   ========================= */
.contact-form{
  height:100%;
  padding:40px;
  border-radius:28px;
  background:rgba(10,12,16,.6);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}

.contact-form h2{
  font-size:25px;
  font-weight:800;
  margin-bottom:20px;
  color:var(--wef-cream);
}

.form-group{
  margin-bottom:16px;
}

.contact-form textarea{
  resize:none;
  padding-top: 12px;
}

/* =========================
   MAP
   ========================= */
.contact-map{
  padding-bottom: 80px;
}

.map-wrapper{
  width:100%;
  height:420px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}

.map-wrapper iframe{
  width:100%;
  height:100%;
  border:0;
}

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

  .contact-info,
  .contact-form{
    padding:28px;
  }

  .map-wrapper{
    height:320px;
  }
}

@media (max-width: 576px){

  .contact-info,
  .contact-form{
    padding:22px;
    border-radius:20px;
  }

  .map-wrapper{
    height:260px;
    border-radius:18px;
  }
}