/* =========================================== Contact page css start ===========================================*/
/*
  Template Name: Robustlex - Law Firm Bootstrap Template
  Template URI: https://www.designtocodes.com/product/robustlex-law-firm-bootstrap-template
  Description: Robustlex is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies. 
  Author: designtocodes
  Author URI: https://www.designtocodes.com
  Text Domain: Robustlex
*/

.d2c_appointment {
  padding-bottom: 100px;
}
.d2c_appointment h1 {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--paragraph_color);
  margin-bottom: 50px;
}
.d2c_appointment form input {
  font-family: var(--secondary_font);
  color: var(--primary-color);
  font-size: 13px;
  background: var(--default_one);
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  line-height: 15px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  font-weight: 500;
  border: none;
  padding: 25px 20px;
}
.d2c_appointment form input:focus {
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  color: var(--primary-color);
}
.d2c_appointment form input::placeholder {
  color: var(--primary-color);
}
.d2c_appointment form input[type="text"],
input[type="email"] {
  margin-bottom: 30px !important;
}

.d2c_appointment form textarea {
  font-family: var(--secondary_font);
  color: var(--primary-color);
  font-size: 13px;
  background: var(--default_one);
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  line-height: 15px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  font-weight: 500;
  border: none;
  padding: 25px 20px;
  margin: 15px 0px 30px 0px;
}
.d2c_appointment form textarea:focus {
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  color: var(--primary-color);
}
.d2c_appointment form textarea::placeholder {
  color: var(--primary-color);
}

.d2c_appointment form select {
  appearance: none;
  background-color: rgb(255, 255, 255);
  color: var(--primary-color);
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  border: none;
  padding: 12px 20px;
  margin: 0;
  width: 100%;
}
.d2c_appointment form select:focus-visible {
  outline: none !important;
}
.d2c_appointment form .select {
  position: relative;
}
.d2c_appointment form .select::after {
  content: " \25BC";
  position: absolute;
  right: 10px;
  top: 50%;
  color: var(--primary-color);
  transform: translateY(-50%);
}

/* =========================================== Contact page css end ===========================================*/

/*
  Template Name: Robustlex - Law Firm Bootstrap Template
  Template URI: https://www.designtocodes.com/product/robustlex-law-firm-bootstrap-template
  Description: Robustlex is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies. 
  Author: designtocodes
  Author URI: https://www.designtocodes.com
  Text Domain: Robustlex
*/