/* =========================================== Contact page css start ===========================================*/
/* Template Name: M&T - Bootstrap Law Firm Template
Template URI: https://www.designtocodes.com/product/mt-bootstrap-law-firm-template/
Description: M&T is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies.
Author: designtocodes
Author URI: https://www.designtocodes.com
Text Domain: M&T Law Firm */
.d2c_contact {
  padding: 100px 0px;
}
.d2c_contact form .form-control {
  font-family: var(--secondary_font);
  color: var(--paragraph_color) !important;
  font-size: 15px;
  background: var(--default_one);
  box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.06);
  text-transform: capitalize;
  font-weight: 500;
  border: none;
  padding: 15px 20px;
  height: auto;
}

.d2c_contact form .form-control::placeholder {
  color: var(--paragraph_color);
  opacity: 0.6;
}

/* map part */
.d2c_map_wrapper {
  width: 100%;
  line-height: 0px;
}
.d2c_map_wrapper iframe {
  width: 100%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(99%);
  -webkit-backface-visibility: hidden;
}

.d2c_address {
  padding: 100px 0px;
  background-image: linear-gradient(
      0deg,
      rgba(2, 14, 20, 0.9),
      rgba(2, 14, 20, 0.9)
    ),
    url("../images/contact-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.d2c_address .d2c_address_wrapper {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
  padding: 50px 20px;
}
.d2c_address .d2c_address_wrapper .d2c_icon {
  margin-bottom: 20px;
}

.d2c_address .d2c_address_wrapper a {
  text-decoration: none;
  font-family: var(--primary-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  text-transform: lowercase;
  color: var(--default_one);
}

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