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

body{
  font-family:'Poppins',sans-serif;
  background:#f7fff7;
  overflow-x:hidden;
  position:relative;
}

/* BACKGROUND BLUR */

.blur-circle{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  z-index:-1;
}

.blur1{
  width:350px;
  height:350px;
  background:#ccfccb;
  top:-100px;
  left:-100px;
}

.blur2{
  width:300px;
  height:300px;
  background:#e9f8e9;
  right:-80px;
  bottom:-80px;
}

/* SECTION */

.appointment-section{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:80px 20px;
}

/* CARD */

.appointment-card{
  width:100%;
  max-width:620px;
  background:rgba(255,255,255,0.72);
  backdrop-filter:blur(14px);
  border:1px solid #e4f2e4;
  border-radius:36px;
  padding:55px;
  box-shadow:0 20px 50px rgba(108,156,107,0.12);
}

/* LOGO */

.form-logo{
  width:90px;
  height:90px;
  object-fit:cover;
  border-radius:50%;
  margin-bottom:22px;
}

/* TAG */

.tag{
  display:inline-block;
  background:#eef8ee;
  color:#6c9c6b;
  padding:10px 20px;
  border-radius:50px;
  margin-bottom:24px;
  font-weight:500;
}

/* HEADING */

h1{
  font-size:3.5rem;
  line-height:1.1;
  color:#355e35;
  margin-bottom:18px;
}

.subtitle{
  color:#5f6f5f;
  line-height:1.9;
  margin-bottom:40px;
}

/* INPUTS */

.input-group{
  margin-bottom:26px;
}

.input-group label{
  display:block;
  margin-bottom:12px;
  font-weight:500;
  color:#355e35;
}

.input-group input,
.input-group textarea{
  width:100%;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid #d7e9d7;
  background:#f9fff9;
  font-size:1rem;
  outline:none;
  transition:0.3s ease;
  font-family:'Poppins',sans-serif;
}

.input-group input:focus,
.input-group textarea:focus{
  border-color:#6c9c6b;
  box-shadow:0 0 0 4px rgba(108,156,107,0.12);
}

/* BUTTON */

.submit-btn{
  width:100%;
  border:none;
  background:#ccfccb;
  color:#355e35;
  padding:18px;
  border-radius:50px;
  font-size:1rem;
  font-weight:600;
  cursor:pointer;
  transition:0.3s ease;
  margin-top:10px;
}

.submit-btn:hover{
  background:#b8efb7;
  transform:translateY(-3px);
}

.submit-btn i{
  margin-right:10px;
}

/* BACK BUTTON */

.back-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:30px;
  text-decoration:none;
  color:#6c9c6b;
  font-weight:500;
}

/* RESPONSIVE */

@media(max-width:768px){

  .appointment-card{
    padding:35px 25px;
  }

  h1{
    font-size:2.5rem;
  }

}
.appointment-top{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:35px;
}

/* LOGO */

.form-logo{
  width:90px;
  height:90px;
  object-fit:cover;
  border-radius:50%;
  border:4px solid #eef8ee;
  background:white;
}