.footer-newsletter-form{width:100%;max-width:440px}
.footer-newsletter-form .wpcf7-form{margin:0}
.footer-newsletter-form .kg-newsletter-row{display:flex;align-items:center;gap:12px;width:100%;height:65px;padding:7px 7px 7px 24px;box-sizing:border-box;background:rgba(154,160,166,.1);border:1px solid rgba(255,255,255,.2);border-radius:200px}
.footer-newsletter-form .wpcf7-form-control-wrap{flex:1 1 auto;min-width:0;display:block}
.footer-newsletter-form input[type=email]{width:100%;height:auto;margin:0;padding:0;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;color:#fff;font:500 14px/20px "Inter",sans-serif}
.footer-newsletter-form input[type=email]::placeholder{color:#d6d6d6;opacity:1}
.footer-newsletter-form input[type=submit]{flex:0 0 auto;height:51px;margin:0;padding:0 28px;border:0;border-radius:200px;background:#fff;color: var(--gray-900);;font:500 16px/19px "Inter",sans-serif;cursor:pointer;transition:all .3s}
.footer-newsletter-form .wpcf7-spinner,
.footer-newsletter-form form.submitting .wpcf7-spinner{position: absolute;
    right: 0;}
.footer-newsletter-form input[type=submit]:disabled,
.footer-newsletter-form input[type=submit][aria-disabled=true],
.footer-newsletter-form form.submitting input[type=submit]{background:#fff!important;color:var(--brown-600,#6f7378)!important;opacity:1!important;cursor:progress}
.footer-newsletter-form .wpcf7-not-valid-tip,
.footer-newsletter-form .wpcf7-response-output{margin:12px 0 0;padding:0;border:0;color:#fff;font:400 14px/20px "Inter",sans-serif}
.footer-newsletter-form .kg-newsletter-row p{display:flex;align-items:center;gap:12px;width:100%;margin:0}
.footer-newsletter-form .kg-newsletter-row br{display:none}

.footer-newsletter-form input[type=submit]:hover,
.footer-newsletter-form input[type=submit]:focus-visible{background:var(--brown-950,#1d1f21);color:var(--white,#fff)}


@media (max-width:767px){
  .footer-newsletter-form .kg-newsletter-row{height:auto;flex-wrap:wrap;gap:10px;padding:12px;border-radius:24px}
  .footer-newsletter-form .wpcf7-form-control-wrap{flex:1 1 100%}
  .footer-newsletter-form input[type=submit]{width:100%}
  .footer-newsletter-form .kg-newsletter-row p{flex-wrap:wrap}
}

.reviews-slider .owl-stage{display:flex}
.reviews-slider .owl-item{display:flex}
.reviews-slider .owl-item .review-card{width:100%;height:auto}


.arrow-btn.arrow-disabled{background-color:#fff!important;border-color:#d6d6d6!important;color:#767676!important;pointer-events:none}


footer .elementor .btn-brown {
    background-image: unset !important;
    padding-inline-end: 28px;
}

/* error message below the pill, not inside it */
.footer-newsletter-form .kg-newsletter-row{position:relative}
.footer-newsletter-form .wpcf7-form-control-wrap{position:static}
.footer-newsletter-form .wpcf7-not-valid-tip{position:absolute;left:24px;top:calc(100% + 10px);margin:0;font-size:14px;line-height:20px;color:#fff}
.footer-newsletter-form .wpcf7-response-output{margin:34px 0 0}

/* keep the field transparent with white text, even for autofill */
.footer-newsletter-form input[type=email]:-webkit-autofill,
.footer-newsletter-form input[type=email]:-webkit-autofill:hover,
.footer-newsletter-form input[type=email]:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;
  caret-color:#fff;
  -webkit-box-shadow:0 0 0 1000px #3d3d3d inset;
  transition:background-color 9999s ease-in-out 0s;
}
.footer-newsletter-form input[type=email]:focus{color:#fff;outline:0;box-shadow:none}
.footer-newsletter-form input[type=email]::selection{background:rgba(255,255,255,.25);color:#fff}
.arrow-btn.arrow-prev.arrow-disabled{background-image:url("/wp-content/uploads/2026/10/cleveland-arrow-prev-grey.png")}
.arrow-btn.arrow-next.arrow-disabled{background-image:url("/wp-content/uploads/2026/10/cleveland-arrow-next-grey.png")}

#masthead{position:sticky;top:0;z-index:999}
.admin-bar #masthead{top:32px}
@media (max-width:782px){.admin-bar #masthead{top:46px}}

.cf-field {
  display: block;
  font-family: var(--font-body,Inter),sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-900,#1a1a1a);
}
/* Scoped to the Shortcode widget with CSS class: contact-page-form */
.contact-page-form{width:100%}
.contact-page-form form{display:flex;flex-direction:column;gap:20px}
.contact-page-form p{margin:0}
.contact-page-form label{display:block;font-family:var(--font-body,Inter),sans-serif;font-size:13px;font-weight:600;color:var(--gray-900,#1a1a1a)}
.contact-page-form .wpcf7-form-control-wrap{display:block;margin-top:8px}
.contact-page-form input[type=text],.contact-page-form input[type=email],.contact-page-form input[type=tel],.contact-page-form textarea,.contact-page-form select{width:100%;box-sizing:border-box;padding:14px 16px;font-family:var(--font-body,Inter),sans-serif;font-size:15px;color:var(--gray-900,#1a1a1a);background:var(--brown-50,#f8f7f4);border:1px solid var(--brown-200,#e6e1d8);border-radius:12px;outline:0;transition:border-color .2s,background .2s}
.contact-page-form textarea{min-height:130px;resize:vertical}
.contact-page-form input:focus,.contact-page-form textarea:focus,.contact-page-form select:focus{border-color:var(--brown-600,#6f7378);background:#fff}
.contact-page-form .wpcf7-radio{display:flex;flex-wrap:wrap;gap:10px}
.contact-page-form .wpcf7-list-item{margin:0}
.contact-page-form .wpcf7-list-item label{display:inline-block;margin:0}
.contact-page-form .wpcf7-list-item input{position:absolute;opacity:0;pointer-events:none}
.contact-page-form .wpcf7-list-item-label{display:inline-block;padding:10px 20px;font-size:14px;font-weight:500;color:var(--gray-900,#1a1a1a);background:var(--white,#fff);border:1px solid var(--brown-300,#c9cbce);border-radius:100px;cursor:pointer;transition:all .2s}
.contact-page-form .wpcf7-list-item input:checked+.wpcf7-list-item-label{background:var(--brown-700,#5a5e63);border-color:var(--brown-700,#5a5e63);color:var(--white,#fff)}
.contact-page-form .wpcf7-list-item-label:hover{border-color:var(--brown-700,#5a5e63)}
.contact-page-form input[type=submit]{align-self:flex-start;padding:14px 32px;font-family:var(--font-body,Inter),sans-serif;font-size:15px;font-weight:600;color:var(--white,#fff);background:var(--brown-700,#5a5e63);border:0;border-radius:100px;cursor:pointer;transition:background .2s}
.contact-page-form input[type=submit]:hover{background:var(--brown-900,#36393c);color:var(--white,#fff)}
.contact-page-form .wpcf7-not-valid-tip{font-size:12px;color:#b3261e;margin-top:4px}
.contact-page-form .wpcf7-response-output{margin:0!important;border-radius:12px;font-size:14px}


/* Two-column rows */
.contact-page-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:767px){.contact-page-form .cf-row{grid-template-columns:1fr}}

/* Section headings: 01 About you */
.contact-page-form .cf-section{display:flex;align-items:center;gap:12px;font-family:var(--font-heading,"DM Sans"),sans-serif;font-size:18px;font-weight:500;color:var(--gray-900,#1a1a1a);margin-top:8px}
.contact-page-form .cf-section span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:11px;font-weight:600;color:var(--brown-700,#5a5e63);background:var(--brown-100,#efece5);border-radius:8px}
.contact-page-form .cf-divider{height:1px;background:var(--brown-200,#e6e1d8);margin:8px 0}

/* Left card icons: dark like reference */
.contact-page .contact-icon{filter:brightness(0) opacity(.7)}

/* CF7 auto-wraps rows in <p> and adds <br>: make the grid work either way */
.contact-page-form .cf-row>p{display:grid;grid-template-columns:1fr 1fr;gap:20px;grid-column:1/-1}
.contact-page-form .cf-row br{display:none}
.contact-page-form .cf-row>p>br{display:none}
@media (max-width:767px){.contact-page-form .cf-row>p{grid-template-columns:1fr}}

/* Bigger gap between badge (01) and heading text */
.contact-page-form .cf-section{gap:18px}

/* Gap between 01 badge and heading text (works even if flex gap is overridden) */
.contact-page-form .cf-section span{margin-right:16px}

/* FINAL overrides: icons + badge like reference */
.contact-page .contact-icon{filter:brightness(0) opacity(.6)!important}
.contact-page-form .cf-section span{width:30px;height:26px;background:var(--brown-100,#efece5);color:var(--brown-700,#5a5e63);font-size:11px;font-weight:600;border-radius:8px;margin-right:16px}
.contact-page-form .cf-section{color:var(--gray-900,#1a1a1a);font-weight:500}

/* Shorter textarea */
.contact-page-form textarea{height:96px;min-height:96px;max-height:200px}

/* Left icons: same brown as the 01/02 badge text (brown-700 ~ #7b6353) */
.contact-page .contact-icon{filter:brightness(0) opacity(.6)!important}

/* Remove black focus ring, use brand border instead */
.contact-page .contact-page-form input:focus,
.contact-page .contact-page-form input:focus-visible,
.contact-page .contact-page-form textarea:focus,
.contact-page .contact-page-form textarea:focus-visible,
.contact-page .contact-page-form select:focus,
.contact-page .contact-page-form select:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--brown-600,#6f7378)!important;background:var(--white,#fff)}

/* Long email/website must wrap inside the card on mobile */
.contact-page .contact-value,.contact-page .contact-value a{overflow-wrap:anywhere;word-break:break-word}

/* Hover: same as header menu hover (global nav-link hover = brown-300) */
.contact-page .contact-value a{transition:color .2s ease}
.contact-page .contact-value a:hover,.contact-page .contact-value a:focus-visible{color:var(--brown-300,#c9cbce)}






 /* =========================================================
   how it works progess section css
   ========================================================= */

/* Sticky left column (desktop) */
.hiw-steps-section,
.hiw-steps-section .e-con {
  overflow: visible;
}
@media (min-width: 1025px) {
  .hiw-aside {
    position: sticky;
    top: 140px;
    align-self: flex-start;
  }
}

/* Flex children ne shrink thava de (long text overflow na kare) */
.hiw-step-body,
.hiw-steps-list {
  min-width: 0;
}

/* Step icon box: active thaye tyare brown + white icon */
.hiw-ico-box,
.hiw-ico-box .elementor-icon,
.hiw-ico-box .elementor-icon i,
.hiw-ico-box .elementor-icon svg {
  transition: background-color .35s ease, color .35s ease, fill .35s ease;
}
.hiw-step.is-active .hiw-ico-box {
  background-color: #484B4F !important;
}
.hiw-step.is-active .hiw-ico-box .elementor-icon,
.hiw-step.is-active .hiw-ico-box .elementor-icon i {
  color: #ffffff !important;
}
.hiw-step.is-active .hiw-ico-box .elementor-icon svg,
.hiw-step.is-active .hiw-ico-box .elementor-icon svg path {
  fill: #ffffff !important;
}

/* Connector line: active step pachi brown */
.hiw-step-line {
  transition: background-color .35s ease;
}
.hiw-step.is-active .hiw-step-line {
  background-color: #484B4F !important;
}

/* Progress bar */
.hiw-progress-fill {
  transition: width .4s ease;
}

@media (prefers-reduced-motion: reduce) {
  .hiw-ico-box,
  .hiw-ico-box .elementor-icon,
  .hiw-step-line,
  .hiw-progress-fill {
    transition: none !important;
  }
}