.head-profile {
    position: fixed;
    top: 54%;
    right: 0;
    z-index: 999;
   
    
    transition: none;
   
}
.head-profile .link {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    padding: 13px 30px;
    border-radius: 0 0 10px 10px;
    margin-right: 20px;
    background-color: #313c69;
    position: relative;
    transform-origin: center;
    transition: none;
    -ms-transition: none;
    transform: translateX(50%) rotate(90deg);
    text-decoration: none;

}
#popup_wrapper img#close {
    top: -12px;
    right: -12px;
    cursor: pointer;
    position: absolute;
}







/*  */
.quick-connect {
    position: fixed;
    bottom: 8%;
    left: 0;
    z-index: 999999;
}
.call {
    /* background: linear-gradient(90deg, #545454d1 17%, #313c69 75%) !important; */
    background: linear-gradient(90deg, #313c69 17%, #313c69 75%) !important;
    color: white;
    font-size: 20px;
    border-radius: 0 10px 10px 0;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.whatsapp {
    /* background-color: #1f8540; */
    background-color: #313c69;
    color: #fff;
    font-size: 23px;
    border-radius: 0 10px 10px 0;
    height: 50px;
    width: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
i.fa {
    color: #fff;
}
i.fa-brands.fa-whatsapp {
    color: #fff;
}
.call:hover {
    animation: shakes 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shakes {

    10%,
    90% {
      transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
      transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
      transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
      transform: translate3d(4px, 0, 0);
    }
  }

  @keyframes shake {
    0% {
      -webkit-transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
      -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
      -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
      -webkit-transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
      -webkit-transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
      -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
      -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
      -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
      -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
      -webkit-transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
      -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
  }

  .whatsapp:hover {
    animation: shakes 0.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}





.head-profile.left_div {
    left: 0;
    right: unset !important;
    transform: rotate(180deg);
    top: 50%;
}







/*  */
.reach-us{
        background-color: #fff;
        padding: 2rem;
    
}





.form-rows .col-md-6 {
    width: 50%;
}
.form-rows{
    display:flex;
}
.f1{
margin-right: 20px;
}

.form-rows .col-md-12 {
    width: 100%;
}

select#specification {
    width: 100%;
    padding: 6px 50px 4px 39px;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #ccc;
    color: gray;
}





p.footer-p {
    margin: 0 0 0em;
}
ul.zoom-social-icons-list.zoom-social-icons-list--with-canvas.zoom-social-icons-list--round.zoom-social-icons-list--no-labels {
    display: flex;
}
.copyright img {
   
    max-width: 80px;
    position: relative;
    padding-left: 4px;
}
h2.location {
    padding: 2rem 40%;
    font-weight: 600;
    color: #313c69;
}





.file-wrapper .file-button {
  color: #fff;
  float: left;
  cursor: pointer;
  margin-left: -20px;
  padding: 15px;
  background: linear-gradient(to right top, #313c69, #313c69, #313c69, #385e82, #313c69) !important;
  display: inline-block;
}
.file-holder {
  color: black !important;
}
.file-holder {
  top: 15px;
  padding-left: 15px;
  position: absolute;
  left: auto;
}
.file-button i {
  margin-right: 8px;
}
.file-wrapper input {
  left: 0;
  opacity: .01;
  cursor: pointer;
  position: absolute;
}

.single-input.file-wrapper {
  color: #282828;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12) inset;
    padding: 0 .75em;
    height: 58px;
    width: 99%;
    max-width: 100%;
    vertical-align: middle;
    border-radius: 1px;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-left: 10px;

    margin-top: 30px;
}

input.wpcf7-form-control.wpcf7-submit {
  background: #313c69 !important;
}

img.bodyshop-icon {
  max-width: 50% !important;
}

img.carz-spa-icon{
  max-width: 50% !important;
}
img.maintenance-icon{
  max-width: 50% !important;
}
img.repair-icon{
  max-width: 50% !important;
}
img.service-icon{
  max-width: 50% !important;
}
.padding-top-section{
  
}

.elementor img {
  opacity: 1 !important;
}

.col-12 {
  width: 100%;
}
.col-lg-12 {
  width: 100%;
}
.col-xl-12 {
  width: 100%;
}

.alert.alert-success {
  color: #508e14;
  background: #f0f0f0;
  padding: 10px 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 28px;
}
.alert.alert-danger {
  color: #454545;
  background-color: #ffb4b4;
  padding: 10px 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 28px;
}

/* @media (min-width: 1200px) and (max-width: 1366px) {
 
  #popup_wrapper div#popupContact { 
    top: 60% !important;
}
#popup_wrapper div#popupContact, #popup_wrapper1 div#popupContact {
  width: 70% !important;
}
 } */

 @media (min-width:768px) and (max-width:1023px) {
  .f1 {
      margin-right: 0px;
  }
  .form-rows {
      flex-direction: column;
  }
  .form-rows .col-md-6 {
      width: 100%;
  }
}

@media screen and (max-width:767px) {
  .f1 {
    margin-right: 0px;
}
.form-rows {
    flex-direction: column;
}
.form-rows .col-md-6 {
    width: 100%;
}

#popup_wrapper div#popupContact, #popup_wrapper1 div#popupContact {
  top: 70% !important;
}

.footer-copyright {
  font-size: 12px !important;
}
}


#popup_wrapper input[type=email], #popup_wrapper input[type=text], #popup_wrapper1 input[type=email], #popup_wrapper1 input[type=text] {
    width: 100%;
	padding: 15px 10px 15px 10px;}
#popup_wrapper div#popupContact, #popup_wrapper1 div#popupContact {
	width: 45%;}

select#specification {
    width: 100%;
	padding: 6px 30px 15px 10px;}
#popup_wrapper textarea, #popup_wrapper1 textarea {
	padding: 10px 10px 10px 10px;}

@-webkit-keyframes spinnerRotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spinnerRotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes spinnerRotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}#form_process{-webkit-animation-name:spinnerRotate;-webkit-animation-duration:1.1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spinnerRotate;-moz-animation-duration:1.1s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spinnerRotate;-ms-animation-duration:1.1s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;display:inline-block;margin-left:10px;position:relative;visibility:hidden}

#error_data{
	color: red;
    font-size: 14px;
    margin: 0px 0px 10px;
    line-height: normal;
}