/* 
  Template Name: Hossmate - Automobile Bootstrap Template
  Template URI: https://www.designtocodes.com/product/hossmate-automobile-bootstrap-template/
  Description: Hossmate Automobile Template is a paid and elegant website template that is built on Bootstrap.
  Author: DesigntoCodes
  Author URI: https://www.designtocodes.com
  Text Domain: Hossmate
*/
/* =========================================== Contact page css start ===========================================*/

.d2c_contact {
  padding: 0px 0px 100px 0px;
}

.d2c_contact .d2c_contact_left {
  padding: 50px 40px;
  background: linear-gradient(
      0deg,
      rgba(43, 46, 57, 0.91),
      rgba(43, 46, 57, 0.91)
    ),
    url(../images/contact_left_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.d2c_contact .d2c_contact_left .d2c_sub_heading {
  font-family: var(--primary_font);
  color: var(--default_one);
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}
.d2c_contact .d2c_contact_left .d2c_paragraph {
  font-family: var(--secondary_font);
  color: var(--default_one);
  letter-spacing: 0.02em;
  font-size: 17px;
  margin-bottom: 30px;
}
.d2c_contact .d2c_contact_left p a {
  font-family: var(--primary_font);
  text-decoration: none;
  color: var(--default_one);
  text-transform: lowercase;
  font-size: 18px;
  word-break: break-all;
}
.d2c_contact .d2c_contact_left p a span {
  color: var(--secondary_color);
  background: var(--default_one);
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.d2c_contact .d2c_contact_left p a .d2c_location {
  width: 30px;
}
.d2c_contact .d2c_contact_left .d2c_social_icon {
  margin-top: 30px;
}
.d2c_contact .d2c_contact_left .d2c_social_icon a {
  text-decoration: none;
}
.d2c_contact .d2c_contact_left .d2c_social_icon a span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  background: var(--primary_color);
  color: var(--secondary_color);
  margin-right: 10px;
  transition: 0.4s all ease;
}
.d2c_contact .d2c_contact_left .d2c_social_icon a span:hover {
  background: var(--secondary_color);
  color: var(--primary_color);
  transition: 0.4s all ease;
}

.d2c_contact .d2c_contact_right {
  padding: 50px 40px;
  background: var(--default_one);
  box-shadow: 0px 0px 25px rgba(43, 46, 57, 0.05);
}
.d2c_contact .d2c_contact_right form .form-control {
  font-family: var(--secondary_font);
  color: var(--secondary_color) !important;
  font-size: 15px;
  background: var(--default_one) !important;
  border: 1px solid var(--secondary_color) !important;
  text-transform: capitalize;
  font-weight: 500;
  padding: 10px 15px;
  height: auto;
  margin-bottom: 15px;
  border-radius: 0px;
}
.d2c_contact .d2c_contact_right form .form-control:focus {
  box-shadow: none;
}
.d2c_contact .d2c_contact_right form .form-control::placeholder {
  color: var(--secondary_color) !important;
  opacity: 0.6;
}

.d2c_map_wrapper {
  line-height: 0px;
}
.d2c_map_wrapper iframe {
  width: 100%;
  height: 450px;
}

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