.plan-visit{
    padding:140px 8% 80px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    background:#fbf6f2;
    align-items:center;
}

.visit-left h1{
   font-size:clamp(24px,5vw,48px);
    font-family:'Fredoka', sans-serif;
    line-height:1.2;
}

.visit-left h1 span{ color:#b36ad8; }

.visit-left p{
    margin-top:20px;
    font-size:18px;
    color:#555;
    max-width:420px;
}

.visit-form{
    background:white;
    padding:40px;
    border-radius:24px;
    box-shadow:0 12px 35px rgba(0,0,0,0.08);
}

.visit-form h2{
    font-size:26px;
    margin-bottom:25px;
    font-family:'Fredoka', sans-serif;
}

.visit-form input,
.visit-form select,
.visit-form textarea{
    width:100%;
    padding:14px 18px;
    margin-bottom:18px;
    border-radius:30px;
    border:1px solid #ddd;
    font-size:15px;
}

.visit-form textarea{
    border-radius:18px;
    resize:none;
}

.visit-form button{
    width:100%;
    padding:14px;
    border:none;
    border-radius:30px;
    background:#5b2b82;
    color:white;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.visit-form button:hover{
    background:#472063;
    transform:translateY(-2px);
}
/* email link style */
.email-link{
color:#fff;
text-decoration:none;
font-weight:500;
}

.email-link:hover{
text-decoration:underline;
color:#ffbe0b;
}

/* ================================= */
/* RESPONSIVE PLAN VISIT */
/* ================================= */

/* Tablets */
@media (max-width:992px){

  .plan-visit{
    grid-template-columns:1fr;
    gap:40px;
    padding:120px 6% 70px;
  }

  .visit-left h1{
    font-size:36px;
  }

  .visit-left p{
    max-width:100%;
  }

}

/* Large Phones */
@media (max-width:768px){

  .plan-visit{
    padding:110px 5% 60px;
  }

  .visit-left h1{
    font-size:28px;
  }

  .visit-left p{
    font-size:16px;
  }

  .visit-form{
    padding:25px;
  }

}

/* Small Phones */
@media (max-width:480px){

  .visit-left h1{
    font-size:24px;
  }

  .visit-form h2{
    font-size:20px;
  }

  .visit-form input,
  .visit-form select,
  .visit-form textarea{
    font-size:14px;
    padding:12px 16px;
  }

}
