/* //////////////////// */
/* categories */
#section-categories {
  padding: 50px 0;
}
#section-categories .row.equalize {
  margin-left: 4px;
  margin-right: 4px;
}

.category-box-holder {
  padding: 0 6px;
  margin-bottom: 6px;
  margin-top: 6px;
}
.category-box {
  width: 100%;
  border-radius: 20px;
  border: solid 1px #d7d7d7;
  /* f69fa1 */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
  padding: 40px 0px 8px 0px;
}
.category-box-icon-holder {
  margin-bottom: 20px;
  /* flex: 2; */
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-box-icon-holder > img {
  max-width: 100%;
}
.category-box-label-holder {
  /* flex: 1; */
  height: 75px;
  display: flex;
  align-items: center;
}
.category-box-label {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #483122;
  text-transform: uppercase;
}
.category-box:hover {
  border-color: #f69fa1;
  color: #f69fa1;
  transition: 0.5s all;
}
.category-box:hover .category-box-label {
  color: #f69fa1;
  transition: 0.5s all;
}
/* End Categories */
/* ////////////// */

/* //////////// */
/* Form Section */
#section-form {
  margin-bottom: 100px;
}
#section-form .text-middle-line:before {
  width: 40%;
}
.left-img-holder {
  height: 100%;
  background-image: url(../../../dl/home03.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.left-img-caption {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5%;
}
button#get-a-quote {
  background: #f69fa1;
  color: white;
  border: none;
  padding: 18px 58px;
}
button#get-a-quote:hover {
  background: white;
  color: #f69fa1;
  border: 2px solid #f69fa1;
  padding: 16px 56px;
}
#project-contact-form {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
}
#project-contact-form input::placeholder,
#project-contact-form textarea::placeholder {
  font-size: 12px;
}
/* End Form Section */
/* //////////////// */

@media (max-width: 767px) {
  .title-medium {
    font-size: 7vw;
  }
  .title-small {
    font-size: 6vw;
  }
  .left-img-holder {
    height: 131vw;
  }
  #section-form > .container-fluid > .row:first-child > div {
    padding-bottom: 7%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-medium {
    font-size: 6vw;
  }
  .title-small {
    font-size: 3vw;
  }
}