/*--
/*  Service Details
/*----------------------------------------*/
.service-details-content img {
  width: 100%;
}
.service-details-content .service-details-img {
  margin: 0 0 53px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details-content .service-details-img {
    margin: 0 0 33px;
  }
}
@media only screen and (max-width: 767px) {
  .service-details-content .service-details-img {
    margin: 0 0 27px;
  }
}
.service-details-content h2 {
  line-height: 1;
  letter-spacing: 0.1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details-content h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .service-details-content h2 {
    font-size: 27px;
  }
}
.service-details-content h4 {
  color: var(--primary-color);
  margin: 26px 0 18px;
}
@media only screen and (max-width: 767px) {
  .service-details-content h4 {
    font-size: 18px;
    margin: 15px 0 12px;
  }
}
.service-details-content p {
  margin: 0 0 16px;
}
.service-details-content .service-details-middle-img {
  margin: 0 -6px 0 0;
}
@media only screen and (max-width: 767px) {
  .service-details-content .service-details-middle-img {
    margin: 0 0px 0 0px;
  }
}
.service-details-content .service-details-middle-content {
  margin: 0 0px 0 15px;
}
.service-details-content .service-details-middle-content p:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details-content .service-details-middle-content {
    margin: 0 0px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .service-details-content .service-details-middle-content {
    margin: 0 0px 0 0px;
  }
}
.service-details-content:last-child {
  margin: 0 0 0;
}

.service-form form {
	border: 1px solid var(--form-borderColor);
  background-color: var(--form-bg-color);
}

.service-form form label {
  color: var(--form-label-font-color); 
}

.service-form form .hs-form-field {
	margin: 0 0 20px;
}
.service-form form .hs-form-field.hs-fieldtype-textarea {
	margin: 0 0 33px;
}
.service-form form .hs-form-field input , 
.service-form form .hs-form-field textarea,
.service-form form .hs-form-field select {
	background-color: var(--form-fieldInput-bg-color);
  border: 1px solid var(--form-input-border-color);
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2px 15px;
  color: var(--form-inputs-text-color);
  width: 100%;
  line-height: 50px;
  border-radius: 4px;
}

.service-form form .hs-form-field input:focus ,
.service-form form .hs-form-field textarea:focus ,
.service-form form .hs-form-field select:focus {
  border: 1px solid var(--form-input-focus-border-color);
}

.service-form form .hs-form-field input::-webkit-input-placeholder , 
.service-form form .hs-form-field input::-moz-input-placeholder ,
.service-form form .hs-form-field textarea::-webkit-input-placeholder,
.service-form form .hs-form-field textarea::-moz-input-placeholder {
  color: var(--form-inputs-text-color);
  opacity: 1;
}

.service-form form .hs-form-field textarea {
	height: 120px;
  width: 100% !important;
}

.service-form form .hs-submit input {
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: var(--form-btn-bg-color);
	color: var(--form-btn-text-color);
  border: 1px solid var(--form-btn-border-color);
	border-radius: 50px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	padding: 0px 38px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	overflow: hidden; 
	letter-spacing: 0.5px; 
}
@media only screen and (max-width: 767px) {
  .service-form form .hs-submit input {
    height: 50px;
    line-height: 50px;
    padding: 0px 30px;
  }
}
.service-form form .hs-submit input:hover {
  border: 1px solid var(--form-btn-hover-border-color);
  background-color: var(--form-btn-hover-bg-color);
}

*:focus {
  outline: none;
}