.certifications-image .certificate-gallery {
    display: flex !important;
	gap:20px !important;
}
.certifications-image .certificate-gallery img {
height: 478px !important;
}

.certifications-image .certificate-gallery .certificate-card.align-left {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.certifications-image .certificate-gallery .certificate-card.align-right {
    justify-content: flex-end !important;
    align-items: flex-end !important;
}

.certifications-image {
    display: flex !important;
    flex-direction: column !important;
}

.certifications-image .certifications-logos {
    display: flex !important;
    gap: 36px !important;
    margin-top: 20px !important;
    align-items: center !important;
}

.certifications-image .certifications-logos {
    justify-content: flex-start !important;
}

/* img.certificate-img.certificate-1 {margin-bottom: 120px;}

img.certificate-img.certificate-2 {
    margin-top: 120px;
}
 */
/* .certifications-image .certificate-gallery .certificate-card .certificate-img {
    width: auto !important;
    height: 100% !important;
    object-fit: contain !important;
}
 */

```css
/* =========================
   Laptop
========================= */
@media (max-width: 1430px) {

    .certifications-image .certificate-gallery img {
        height: 400px !important;
    }

}

/* =========================
   Tablet
========================= */
@media (max-width: 1024px) {

    .certifications-image {
        width: 100% !important;
    }

    .certifications-image .certificate-gallery {
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    .certifications-image .certificate-gallery .certificate-card {
        flex: 1 1 0 !important;
    }

    .certifications-image .certificate-gallery img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

}

/* =========================
   Mobile
========================= */
@media (max-width: 767px) {

    .certifications-image .certificate-gallery {
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
    }

    .certifications-image .certificate-gallery .certificate-card {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .certifications-image .certificate-gallery img {
        width: 100% !important;
        max-width: 340px !important;
        height: auto !important;
    }

}
```


.quote-form-wrapper {
  padding: 15px;
  border: 1px solid #e8ecf0;
  border-radius: 20px;
}

.margin-bottom-15px {
  margin-bottom: 15px;
}

/* Inputs — exact match of .quote-field .form-input { padding: 14px 16px; border: #e0e3e8 } */
.quote-form-wrapper div.wpforms-container-full .wpforms-form input[type="text"],
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  input[type="email"],
.quote-form-wrapper div.wpforms-container-full .wpforms-form input[type="tel"],
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  input[type="number"],
.quote-form-wrapper div.wpforms-container-full .wpforms-form input[type="date"],
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  input.wpforms-field-large,
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  input.wpforms-field-medium,
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  input.wpforms-datepicker,
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  input.flatpickr-input {
  padding: 14px 16px;
  border: 1px solid #e0e3e8;
  border-radius: 12px;
  font-size: 15px;
  color: #333;
  background: #fff;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  font-family: var(--font-text);
  width: 100%;
  height: auto;
  line-height: 1.5;
  box-shadow: none;
}

/* Select — exact match of .quote-field select.form-input */
.quote-form-wrapper div.wpforms-container-full .wpforms-form select,
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  select.wpforms-field-large {
  padding: 14px 16px;
  border: 1px solid #e0e3e8;
  border-radius: 12px;
  font-size: 15px;
  color: #333;
  background: #fff;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  font-family: var(--font-text);
  width: 100%;
  height: auto;
  line-height: 1.5;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
}

/* Textarea — exact match of .quote-field .form-textarea { min-height: 120px } */
.quote-form-wrapper div.wpforms-container-full .wpforms-form textarea,
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  textarea.wpforms-field-large {
  padding: 14px 16px;
  border: 1px solid #e0e3e8;
  border-radius: 12px;
  font-size: 15px;
  color: #333;
  background: #fff;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  font-family: var(--font-text);
  width: 100%;
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
  box-shadow: none;
}

.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-divider {
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 20px;
  padding: 26px 22px;
  transition: box-shadow 0.3s;
  margin: 0;
}

.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-divider:hover {
  box-shadow: 0 8px 24px rgba(0, 31, 45, 0.06);
}

.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-divider
  hr {
  display: none;
}

/* Section title h3 — matches .quote-section-header { flex; gap: 16px; pb: 20px; border-bottom } */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-divider
  h3 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 700;
  color: var(--color-dark);
  margin: 0 0 4px;
  padding: 0 0 20px;
  border: none;
  border-bottom: 1px solid #f0f2f5;
}

.quote-form-wrapper .wpforms-form {
  counter-reset: quote-step;
}

/* Step number badge — exact match of .quote-step-num { 36x36; radius: 10px; bg: var(--color-dark) } */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-divider
  h3::before {
  counter-increment: quote-step;
  content: counter(quote-step);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--color-dark);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  font-family: var(--font-heading);
  flex-shrink: 0;
}

/* Section description — matches .quote-section-header p { 14px; var(--color-text-muted) } */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-divider
  .wpforms-field-description {
  font-size: 14px;
  color: var(--color-text-muted);
  line-height: 1.5;
  margin-top: 0;
}

/* -----------------------------------------
   SERVICE CHIPS  (.tr-quote-chips)
   Exact match of .quote-chip
   WPForms adds .wpforms-selected on <li>
   Checkbox is before label (input + label)
   ----------------------------------------- */

/* Group label (legend) — exact match of .quote-group-label { 14px; 700; uppercase } */
.tr-quote-chips legend.wpforms-field-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--color-dark) !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.tr-quote-chips ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tr-quote-chips ul li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide real checkbox */
.tr-quote-chips ul li input[type="checkbox"] {
  display: none !important;
}

/* Chip label — exact match of .quote-chip span { 9px 18px; radius: 100px; bg: #F4F7F9 } */
.tr-quote-chips ul li .wpforms-field-label-inline {
  display: inline-block !important;
  padding: 9px 18px !important;
  border-radius: 100px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--color-text-muted) !important;
  background: #f4f7f9 !important;
  border: 1.5px solid transparent !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
}

/* Hover — exact match of .quote-chip:hover span { border-color: #d1d5db; color: dark } */
.tr-quote-chips ul li .wpforms-field-label-inline:hover {
  border-color: #d1d5db !important;
  color: var(--color-dark) !important;
}

/* Checked — .wpforms-selected is on <li>, also input:checked + label */
.tr-quote-chips
  ul
  li
  input[type="checkbox"]:checked
  + .wpforms-field-label-inline,
.tr-quote-chips ul li.wpforms-selected .wpforms-field-label-inline {
  background: var(--color-dark) !important;
  color: #fff !important;
  border-color: var(--color-dark) !important;
}

/* -----------------------------------------
   DAY CHIPS  (.tr-quote-day-chips)
   Exact match of .quote-day-chip
   ----------------------------------------- */

/* Grid — exact match of .quote-days-grid { flex; gap: 8px; wrap } */
.tr-quote-day-chips ul {
  display: flex !important;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tr-quote-day-chips ul li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide real checkbox */
.tr-quote-day-chips ul li input[type="checkbox"] {
  display: none !important;
}

/* Day chip label — exact match of .quote-day-chip span { 52x44; radius: 12px; bg: #F4F7F9 } */
.tr-quote-day-chips ul li .wpforms-field-label-inline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--color-text-muted) !important;
  background: #f4f7f9 !important;
  border: 1.5px solid transparent !important;
  transition: all 0.2s !important;
  cursor: pointer !important;
  padding: 0 15px !important;
}

/* Hover — exact match of .quote-day-chip:hover span { border-color: #d1d5db } */
.tr-quote-day-chips ul li .wpforms-field-label-inline:hover {
  border-color: #d1d5db !important;
}

/* Checked — exact match: bg: #00A1FB; color: #fff */
.tr-quote-day-chips
  ul
  li
  input[type="checkbox"]:checked
  + .wpforms-field-label-inline,
.tr-quote-day-chips ul li.wpforms-selected .wpforms-field-label-inline {
  background: #00a1fb !important;
  color: #fff !important;
  border-color: #00a1fb !important;
}

/* -----------------------------------------
   DEFAULT CHECKBOX (non-chip, e.g. Privacy)
   Exact match of .checkbox-label
   ----------------------------------------- */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-checkbox
  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-checkbox
  ul
  li {
  margin-bottom: 0;
  padding: 0;
}

/* Checkbox input — exact match: 18px; accent-color: #00A1FB */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-checkbox
  ul
  li
  input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--color-dark) !important;
  margin: 0;
}

/* Inline label — exact match of .checkbox-text { color: #666; 0.95rem } */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-checkbox
  ul
  li
  .wpforms-field-label-inline {
  color: #666;
  font-size: 0.95rem;
  cursor: pointer;
}

/* Privacy link — matches .quote-submit-card .checkbox-text a { color: #00A1FB; underline } */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-field-checkbox:last-of-type
  .wpforms-field-label-inline
  a {
  color: #00a1fb;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Submit container — matches .quote-submit-card { flex; center; space-between; gap: 20px } */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-submit-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #e8ecf0;
  border-radius: 20px;
  padding: 32px;
  margin: 0;
}

/* Submit button — matches .quote-submit-btn { 16px 36px; 16px } + .btn + .btn-primary */
.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"].wpforms-submit {
  padding: 16px 36px;
  border-radius: 50px;
  font-family: var(--font-text);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition:
    transform 0.2s,
    opacity 0.3s ease;
  background:
    radial-gradient(65.41% 139.08% at 50.09% -46.77%, #eaddbf 0%, #caa14d 100%)
      padding-box,
    linear-gradient(180deg, #ffe8b1 0%, #caa14d 125%) border-box;
  border: 1px solid transparent;
  color: white;
  box-shadow: 0 10px 20px rgba(200, 158, 83, 0.3);
  /* white-space: nowrap; */
  line-height: 1.4;
}

.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  button[type="submit"].wpforms-submit:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

.quote-form-wrapper
  div.wpforms-container-full
  .wpforms-form
  .wpforms-submit-spinner {
  margin-left: 8px;
}

/* -----------------------------------------
   CONFIRMATION — matches .quote-alert-success
   ----------------------------------------- */
div.wpforms-container-full .wpforms-confirmation-container-full,
div.wpforms-container-full .wpforms-confirmation-container {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  background: #f0fdf4;
  color: #166534;
  border: 1px solid #bbf7d0;
}

/* -----------------------------------------
   VALIDATION ERRORS
   ----------------------------------------- */
div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: #ef4444;
  font-size: 13px;
  margin-top: 4px;
}

div.wpforms-container-full .wpforms-form input.wpforms-error,
div.wpforms-container-full .wpforms-form select.wpforms-error,
div.wpforms-container-full .wpforms-form textarea.wpforms-error {
  border-color: #ef4444;
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 768px) {
  /* Contact — submit full width */
  .contact-form-card
    div.wpforms-container-full
    .wpforms-form
    button[type="submit"].wpforms-submit {
    width: 100%;
    justify-content: center;
    align-self: stretch;
  }

  /* Quote cards — matches .quote-section-card { padding: 20px; border-radius: 16px } */
  .quote-form-wrapper
    div.wpforms-container-full
    .wpforms-form
    .wpforms-field-divider {
    padding: 20px;
    border-radius: 16px;
  }

  /* Rows stack — matches .quote-row { grid-template-columns: 1fr; gap: 14px } */
  .quote-form-wrapper
    div.wpforms-container-full
    .wpforms-form
    .wpforms-field-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  div.wpforms-container-full .wpforms-form .wpforms-one-half {
    width: 100%;
    float: none;
  }

  /* Header — matches .quote-section-header { padding-bottom: 16px } */
  .quote-form-wrapper
    div.wpforms-container-full
    .wpforms-form
    .wpforms-field-divider
    h3 {
    padding-bottom: 16px;
  }

  /* Submit card — matches .quote-submit-card { column; flex-start } */
  .quote-form-wrapper
    div.wpforms-container-full
    .wpforms-form
    .wpforms-submit-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    border-radius: 16px;
  }

  /* Submit button — matches .quote-submit-btn { width: 100%; justify-content: center } */
  .quote-form-wrapper
    div.wpforms-container-full
    .wpforms-form
    button[type="submit"].wpforms-submit {
    width: 100%;
    justify-content: center;
  }

  /* Day chips — matches .quote-days-grid { gap: 6px } .quote-day-chip span { 44x40; 13px } */
  .tr-quote-day-chips ul {
    gap: 6px;
  }

  .tr-quote-day-chips ul li .wpforms-field-label-inline {
    /* width: 44px !important; */
    height: 40px !important;
    font-size: 13px !important;
  }
}

/* INNER SINGLE SERVICE PGE EXTRA CSS*/

.svccta-wrap {
  text-align: center;
  /* padding: 40px 20px; */
  /* background: #eef3f7; */
}

.svccta-arrow span svg {
  rotate: -26deg;
  transition: 0.4s all ease-in-out;
}

div.svccta-arrow:hover span svg {
  rotate: -44deg;
}

.svccta-images {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}

.svccta-img {
  max-width: 520px;
  max-height: 560px;
  border-radius: 60px;
  /* overflow: hidden; */
}

.svccta-img-w-h {
  max-width: 320px !important;
  max-height: 320px !important;
}

.svccta-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.svccta-img-left {
  margin-top: -40px;
  position: relative;
}

.svccta-img-right {
  margin-top: 92px;
}

.svccta-arrow {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #2b86c5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 40px;
  z-index: 2;
  /* box-shadow: 0 8px 20px rgba(0,0,0,0.15); */
  top: -30px;
  right: -25px;
  border: 15px solid #eef3f7;
}

.svccta-btn {
  display: inline-block;
  /* padding: 16px 40px; */
  /* border-radius: 40px; */
  background:
    radial-gradient(65.41% 139.08% at 50.09% -46.77%, #eaddbf 0%, #caa14d 100%)
      padding-box,
    linear-gradient(180deg, #ffe8b1 0%, #caa14d 125%) border-box;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  min-width: 397px;
  border: 15px solid #eef3f7;
  padding: 16px 32px;
  border-radius: 50px;
  font-family: var(--font-text);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
}

.svccta-img img {
  border-radius: 30px;
}

.display-1024-n {
  display: none;
}

.display-1024-b {
  display: block;
}

@media (max-width: 1024px) {
  .display-1024-n {
    display: inline-block;
  }

  .display-1024-b {
    display: none;
  }

  .svccta-img {
    width: unset;
    height: unset;
    margin-top: 20px;
  }
}

button#wpforms-submit-27 {
  height: 60px;
}

/* Karriere / Job Listings — theme-matched styling (colors, buttons, headings, radius only) */

.tellent-jobs__search input[type="search"] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background-color: #f8fafc;
  font-family: var(--font-text);
  transition: all 0.3s ease;
}

.tellent-jobs__search input[type="search"]:focus {
  outline: none;
  border-color: var(--color-accent);
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(31, 119, 214, 0.1);
}

.tellent-jobs__search button {
  border-radius: 50px;
  border: none;
  font-family: var(--font-text);
  font-weight: 600;
  color: #fff;
  background:
    radial-gradient(65.41% 139.08% at 50.09% -46.77%, #eaddbf 0%, #caa14d 100%) padding-box,
    linear-gradient(180deg, #ffe8b1 0%, #caa14d 125%) border-box;
  border: 1px solid transparent;
  box-shadow: 0 10px 20px rgba(200, 158, 83, 0.3);
  transition: transform 0.2s, opacity 0.3s ease;
}

.tellent-jobs__search button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

.tellent-jobs__card {
  background: #fff;
  border: 1px solid #eef1f4;
  border-radius: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tellent-jobs__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(0, 47, 74, 0.1);
}

.tellent-jobs__card-title a {
  font-family: var(--font-heading);
  color: var(--color-dark);
  text-decoration: none;
  transition: color 0.2s;
}

.tellent-jobs__card-title a:hover {
  color: var(--color-accent);
}

.tellent-jobs__fact {
  color: var(--color-text-muted);
}

.tellent-jobs__icon {
  color: var(--color-accent);
}

.tellent-jobs__button {
  border-radius: 50px;
  font-family: var(--font-text);
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background:
    radial-gradient(65.41% 139.08% at 50.09% -46.77%, #eaddbf 0%, #caa14d 100%) padding-box,
    linear-gradient(180deg, #ffe8b1 0%, #caa14d 125%) border-box;
  border: 1px solid transparent;
  box-shadow: 0 10px 20px rgba(200, 158, 83, 0.3);
  transition: transform 0.2s, opacity 0.3s ease;
}

.tellent-jobs__button:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

.page-id-957 h1 {
    margin-bottom: 20px;
}