/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */

.wdt_services_single-wrapper { display: flex; flex-wrap: wrap; --ser-gap: clamp(2.5rem, -0.3631rem + 4.4693vw, 5rem); gap: var(--ser-gap); }

.wdt_services_single-wrapper > .primary-wrap { flex: 1 1 calc(70% - calc(var(--ser-gap) / 2)); }
.wdt_services_single-wrapper > .secondary-wrap { flex: 1 1 calc(30% - calc(var(--ser-gap) / 2)); order: -1; }

.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap { position: sticky; top: 50px; background-color: Rgba(var(--wdtQuaternaryColorRgb), 0.1);
  padding: 30px 20px; -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav h3 { margin-top: 0; }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list { list-style: none; margin: 0; padding: 0; }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li { margin-bottom: 10px; }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li a:hover,.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li.active a { background: var(--wdtPrimaryColor); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li a:before { content: '\e80d'; font-family: "sweetheart-icon";
  font-style: normal; position: relative; width: 16px; height: auto; color: var(--wdtQuaternaryColor); display: inline-block; margin-right: 15px; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li a:hover:before, .wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li.active a:before { color: var(--wdtAccentTxtColor); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap nav .service-list li a { font-size: var(--wdtFontSize_H6); color: var(--wdtAccentTxtColor); padding: 15px 30px; background: var(--wdtSecondaryColor);
    border-radius: var(--wdtRadius_Part);
    -webkit-border-radius: var(--wdtRadius_Part);
    display: flex;
    align-items: center;
    line-height: var(--wdtLineHeight_Alt);
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition); }
.wdt_services_single-wrapper > .secondary-wrap .wdt-service-meta-wrap .service-contact > p { color: var(--wdtSecondaryColor); }
.wdt_services_single-wrapper > .secondary-wrap .wdt-service-meta-wrap .service-contact .social-icons { display: flex; gap: 8px; }
.wdt_services_single-wrapper > .secondary-wrap .wdt-service-meta-wrap .service-contact .social-icons a .wdt-social-type-icon { display: flex; }
.wdt_services_single-wrapper > .secondary-wrap .wdt-service-meta-wrap .service-contact .social-icons a { 
  border-style: solid; border-width: 1px 1px 1px 1px; border-color: var( --wdtSecondaryColor ); width: 30px; height: 30px; display: inline-flex; border-radius: var(--wdtRadius_Full); align-items: center; justify-content: center; }
.wdt_services_single-wrapper > .secondary-wrap .wdt-service-meta-wrap .service-contact .social-icons a:hover { background-color: var(--wdtPrimaryColor); border-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
.wdt_services_single-wrapper > .secondary-wrap .wdt-service-meta-wrap .service-contact .social-icons a img { width: 16px; height: 16px; }
.wdt_services_single-wrapper > .primary-wrap > div.featured_image_wrap { position: relative; }
.wdt_services_single-wrapper > .primary-wrap > div .services-featured-image { -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); overflow: hidden; margin-bottom: 40px; }
.wdt_services_single-wrapper > .primary-wrap > div .wdt-service-meta-wrap { position: absolute; bottom: 0; padding: 15px; background-color: var(--wdtAccentTxtColor); border-top-right-radius: var(--wdtRadius_4X); }

.wdt_services_single-wrapper > .primary-wrap .featured_image_wrap .wdt-service-meta-wrap:before,.wdt_services_single-wrapper > .primary-wrap .featured_image_wrap .wdt-service-meta-wrap:after { 
  content: ''; position: absolute; width: 60px; height: 60px; rotate: 90deg; z-index: 10; background-color: inherit; clip-path: path("M60,30v30H30c8.3,0,15.8-3.4,21.2-8.8C56.6,45.8,60,38.3,60,30z"); backface-visibility: hidden; will-change: transform; isolation: isolate;  }
.wdt_services_single-wrapper > .primary-wrap .featured_image_wrap .wdt-service-meta-wrap:before { left: 0; top: -60px;  }
.wdt_services_single-wrapper > .primary-wrap .featured_image_wrap .wdt-service-meta-wrap:after { right: -60px; bottom: 0; }

.wdt_services_single-wrapper > .primary-wrap > div .wdt-service-meta-wrap .wdt-service-type-price-group {
  display: flex; align-items: center; 
  font-size: var(--wdtFontSize_H6);
  font-family: var(--wdtFontTypo_Alt);
  color: var(--wdtSecondaryColor);
}
.wdt_services_single-wrapper > .primary-wrap > div .wdt-service-meta-wrap .wdt-service-type-price-group .wdt-service-type-offerprice {
  margin-left: 24px; position: relative;
}
.wdt_services_single-wrapper > .primary-wrap > div .wdt-service-meta-wrap .wdt-service-type-price-group .wdt-service-type-offerprice:after { 
  content: ''; position: absolute; width: 8px; height: 2px; background-color: var(--wdtSecondaryColor); left: -15px; top: 0; bottom: 0; margin: auto; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition);
}


.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact > p a { color: var(--wdtHeadAltColor); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact > p a:hover { color: var(--wdtLinkHoverColor); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact > .social-icons a { color: var(--wdtHeadAltColor); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact > .social-icons a:hover { color: var(--wdtAccentTxtColor); }

.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact .service-enquiry-form .wpcf7-form-control-wrap { margin-top: 10px; }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact .service-enquiry-form p.with-spinner input[type="submit"] { color: var(--wdtAccentTxtColor); }
.wdt_services_single-wrapper > .secondary-wrap .sidebar-inner-wrap .service-contact .service-enquiry-form > p { margin-bottom: 15px; }


@media (max-width: 1024px) {
  .wdt_services_single-wrapper > .primary-wrap { flex: 1 1 100%; }
  .wdt_services_single-wrapper > .secondary-wrap { flex: 1 1 100%; order: 0; }
}