/* CONTACT OVERVIEW
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-overview-image {
   overflow: hidden;
   border: 1px solid var(--clr-border);
   border-radius: 8px;
}

.contact-overview-image img {
   width: 100%;
   height: 300px;
   display: block;
   object-fit: cover;
   object-position: top;
}

.contact-services-panel {
   padding: 22px;
   background: var(--clr-light);
   border: 1px solid var(--clr-secondary);
   border-radius: 8px;
}

.contact-service-item {
   min-height: 64px;
   padding: 16px 18px;
   background: var(--clr-white);
   border: 1px solid var(--clr-border);
   border-radius: 8px;
}

.contact-service-item i {
   color: var(--clr-secondary);
}

@media (max-width: 991.98px) {
   .contact-overview-image img {
      height: 260px;
   }
}

@media (max-width: 575.98px) {
   .contact-services-panel {
      padding: 16px;
   }

   .contact-service-item {
      min-height: 58px;
      padding: 14px 16px;
   }

   .contact-overview-image img {
      height: 210px;
   }
}


/* QUOTATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-quotation {
   scroll-margin-top: 30px;
}

.contact-form-panel {
   padding: 32px;
   background: var(--clr-white);
   border: 1px solid var(--clr-secondary);
   border-radius: 8px;
}

.contact-form-panel .form-label span {
   color: var(--clr-secondary);
}

.contact-form-panel .form-label small {
   color: var(--clr-text);
   font-weight: 400;
}

.contact-quotation .section-dark a {
   color: var(--clr-white);
}

.contact-quotation .section-dark .dark-feature a {
   color: rgba(255, 255, 255, .78);
}

.contact-quotation .section-dark .dark-feature a:hover {
   color: var(--clr-secondary-light);
}

.quote-honeypot {
   width: 1px;
   height: 1px;
   overflow: hidden;
   position: absolute;
   left: -9999px;
   opacity: 0;
   pointer-events: none;
}

@media (max-width: 767.98px) {
   .contact-form-panel {
      padding: 24px 20px;
   }
}


/* CONTACT DETAILS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.contact-details .feature-box a { color: var(--clr-text); }
.contact-details .feature-box a:hover { color: var(--clr-secondary); }