/*====================================================
/*Copyright © 2020. Designed by designtocodes***
/*
/**********Contact Page Section**********
/*
/======================================================*/

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

/* header section css start */
.d2c_contact_header {
  text-align: center;
  margin-bottom: 50px;
}

.d2c_contact_header p {
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--primary-color);
}

.d2c_contact_header h1 {
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: 36px;
  text-transform: capitalize;
  color: var(--secondary-color);
}

/* header section css end */

/* contact details section start */
.d2c_contact_details {
  margin-bottom: 50px;
}

.d2c_contact_details .d2c_contact_details_content {
  text-align: center;
  padding: 25px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
  background: var(--default_one);
  height: 100%;
}

.d2c_contact_details .d2c_contact_details_content h5 {
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  color: var(--primary-color);
}

.d2c_contact_details .d2c_contact_details_content p {
  font-family: var(--primary-font);
  font-size: 17px;
  text-transform: lowercase;
  color: var(--paragraph_color);
  margin-bottom: 0px;
  line-break: anywhere;
}

/* contact details section end */

/* form section start */

.d2c_form_section {
  padding: 60px 40px;
  margin-bottom: 50px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.06);
}

.d2c_form_section .d2c_form_left {
  background-image: url(../images/contact_form_left.png);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  padding: 45px 0px 40px 20px;
}

.d2c_form_section .d2c_form_left img {
  width: 100%;
  padding: 20px;
  width: 383px;
  height: 376px;
  object-fit: cover;
}

/* form right part */

.d2c_form_section form input[type="text"],
.d2c_form_section form .d2c_email,
.d2c_form_section form input[type="tel"] {
  border-color: var(--secondary-color);
  font-family: var(--primary-font);
  font-weight: 300;
  font-size: 14px;
  color: var(--paragraph_color);
  opacity: 0.45;
  margin: 12px 0px;
  padding: 20px 15px !important;
}

.d2c_form_section form input[type="text"]:focus,
.d2c_form_section form input[type="tel"]:focus,
.d2c_form_section form .d2c_email:focus {
  box-shadow: none !important;
  border-color: var(--secondary-color);
  border-color: var(--secondary-color) !important;
}

.d2c_form_section form textarea {
  width: 100%;
  border-color: var(--secondary-color);
  font-family: var(--primary-font);
  font-weight: 300;
  font-size: 14px;
  color: var(--paragraph_color);
  opacity: 0.45;
  margin: 12px 0px;
  padding: 20px 15px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.d2c_form_section form textarea:focus {
  box-shadow: none;
  outline: none;
  border-color: var(--secondary-color);
}

.d2c_form_section form button {
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--default_one);
  background: var(--secondary-color);
  box-shadow: none;
  border: none;
  width: 100%;
  padding: 12px 8px 11px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}

.d2c_form_section form button:hover {
  background: var(--primary-color);
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}

.d2c_form_section form select {
  border-color: var(--secondary-color);
  font-family: var(--primary-font);
  font-weight: 300;
  font-size: 14px;
  color: var(--paragraph_color);
  opacity: 0.45;
  margin: 12px 0px;
  height: 43px;
}

.d2c_form_section form select:focus {
  box-shadow: none;
  border-color: var(--secondary-color);
}

.d2c_form_section form select option {
  color: var(--secondary-color);
}

.d2c_form_section form select option:hover {
  background: var(--primary-color) !important;
  color: var(--default_one) !important;
}

/* form section end */

/* map section start */

.d2c_map_wrapper {
  line-height: 0px;
}

.d2c_map_wrapper iframe {
  width: 100%;
  height: 400px;
}

/* map section end */

/*
Template Name: Fixwagon - Automobile Bootstrap Template
Template URI: https://www.designtocodes.com/product/fixwagon-automobile-bootstrap-template
Description: Fixwagon Automobile Template is a paid and elegant website template that is built on Bootstrap
Author: designtocodes
Author URI: https://www.designtocodes.com
Text Domain: FixWagon
*/