/**
 * Restores legacy theme UI after Tailwind preflight (tailwind.css loads last in header_top_new).
 * Scoped to .wrapper — do not use bare element selectors.
 */

/* Logged-in toolbar: core adds margin-top:48px on .ccm-page — avoid double offset in wrapper padding */
.ccm-panel-ready .wrapper {
  padding-top: 88px !important;
}

.ccm-panel-ready.ccm-edit-mode .wrapper {
  padding-top: 0 !important;
}

@media (max-width: 767px) {
  .ccm-panel-ready .wrapper {
    padding-top: 59px !important;
  }
}

/* Press / blog / community keyword search bars */
.wrapper .blog_search,
.wrapper .community_search {
  max-width: 766px;
  height: 72px;
  margin: 0 auto;
  position: relative;
}

.wrapper .blog_search input.search_text,
.wrapper .community_search input.search_text {
  width: 100%;
  height: 60px;
  border: 0;
  border-radius: 0;
  box-shadow: 0 1px 4px rgba(0, 37, 84, 0.12);
  background-color: #fff;
  font-family: Calibre, Arial, sans-serif;
  color: #002554;
  padding: 0 30px;
  outline: none;
  font-size: 18px;
  appearance: none;
}

.wrapper .blog_search input.search_text::placeholder,
.wrapper .community_search input.search_text::placeholder {
  font-family: Calibre, Arial, sans-serif;
  text-transform: capitalize;
  color: #ced4da;
  font-size: 18px;
  font-weight: 300;
}

.wrapper .blog_search button.btn.search-btn,
.wrapper .blog_search .btn.search-btn,
.wrapper .community_search button.btn.search-btn,
.wrapper .community_search .btn.search-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 60px;
  min-height: 60px;
  padding: 0;
  margin: 0;
  border: 1px solid #ddae1f;
  border-radius: 0;
  background-color: #ddae1f !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  appearance: none;
}

.wrapper .blog_search .btn.search-btn:hover,
.wrapper .community_search .btn.search-btn:hover {
  background-color: #002554 !important;
  border-color: #002554;
}

.wrapper .blog_search .btn.search-btn i,
.wrapper .community_search .btn.search-btn i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  font-size: 22px;
  line-height: 1;
}

.wrapper .press-banner {
  float: left;
  width: 100%;
}

/* Blog-style listing filters (press + blog banners) — restore after Tailwind preflight */
.wrapper .update-blog-banner.press-list-banner {
  float: left;
  width: 100%;
  background-color: #fdf8f3;
  padding: 178px 0 34px;
  margin-bottom: 0;
}

.wrapper .update-blog-banner.press-list-banner .container {
  max-width: 1000px;
}

.wrapper .update-blog-banner.press-list-banner h1 {
  text-align: center;
  font-size: 50px;
  line-height: 58px;
  margin: 0 0 12px;
}

.wrapper .update-blog-banner.press-list-banner .press-banner-subtitle {
  text-align: center;
  margin: 0 0 48px;
  font-size: 20px;
  line-height: 26px;
  color: #002554;
}

.wrapper .update-blog-banner.press-list-banner .press-banner-crumbs {
  text-align: center;
  margin-bottom: 16px;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category {
  width: 210px;
  max-width: 100%;
  height: 72px;
  border: 1px solid #0d1e46;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 0 0;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category p {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  background-image: url("/packages/enness_global/themes/enness/images/dropdown.svg");
  background-position: right 3px center;
  background-repeat: no-repeat;
  padding: 0 22px 0 11px;
  line-height: 18px;
  color: #0d1e46;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category ul.list-catg-desk {
  padding: 0 10px;
  margin: 0;
  position: absolute;
  top: 101%;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
  border: 0;
  list-style: none;
  text-align: left;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category ul.list-catg-desk.open {
  max-height: 335px;
  overflow-y: auto;
  padding: 10px;
  height: auto;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category ul li {
  list-style: none;
  padding: 5px 0;
  line-height: 20px;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category ul li a {
  font-size: 17px;
  text-transform: capitalize;
  color: #002554;
  text-decoration: none;
}

.wrapper .update-blog-banner.press-list-banner .search-by-category ul li.active a {
  color: #ddae1f;
}

.wrapper .update-blog-banner.press-list-banner .search-by-keyword {
  float: left;
  width: 100%;
  text-align: center;
}

.wrapper .update-blog-banner.press-list-banner .search-by-keyword input.search_text {
  border: 0;
  border-bottom: 1px solid #0d1e46;
  background-color: transparent;
  text-align: center;
  width: 100%;
  padding: 12px 0 0;
  height: 56px;
  font-size: 16px;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  appearance: none;
}

.wrapper .update-blog-banner.press-list-banner .search-by-keyword input.search_text::placeholder {
  color: rgba(13, 30, 70, 0.28);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.wrapper .update-blog-banner.press-list-banner .reset-btn {
  float: right;
}

.wrapper .update-blog-banner.press-list-banner .reset-btn a.reset_filter {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #0d1e46;
  letter-spacing: 0.8px;
  width: 154px;
  height: 72px;
  border: 1px solid #0d1e46;
  line-height: 31px;
  padding: 22px 0 0;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

.wrapper .update-blog-banner.press-list-banner .reset-btn a.reset_filter:hover {
  color: #ddae1f;
  border-color: #ddae1f;
}

.wrapper .content_list_wrapper.press-list-results {
  margin-top: 0;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .wrapper .update-blog-banner.press-list-banner {
    padding: 100px 0 34px;
  }
  .wrapper .update-blog-banner.press-list-banner h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .wrapper .update-blog-banner.press-list-banner .search-by-category,
  .wrapper .update-blog-banner.press-list-banner .reset-btn {
    width: 100%;
    float: none;
  }
  .wrapper .update-blog-banner.press-list-banner .reset-btn a.reset_filter {
    width: 100%;
    height: 55px;
    line-height: 55px;
    padding: 0;
  }
}

/* Testimonials: FA4 markup (fa fa-star) with FA5 bundle loaded */
.wrapper .testimonial-cont-sec .rating-stars i.fa-star {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
}

/* Guides / insights SHARE buttons: FA4 brand icons (fa fa-twitter, etc.) with FA5 loaded */
.wrapper .share_social .st-custom-button a i.fa-twitter,
.wrapper .share_social .st-custom-button a i.fa-facebook,
.wrapper .share_social .st-custom-button a i.fa-linkedin,
.wrapper .share_social .st-custom-button a .fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
}

/* Blog detail sidebar: .share-update (FA4 markup with FA5 loaded) */
.wrapper .share-update ul li a i.fa-twitter,
.wrapper .share-update ul li a i.fa-facebook,
.wrapper .share-update ul li a i.fa-linkedin,
.wrapper .share-update ul li a .fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
}

.wrapper .share-update ul li a i.fa-link,
.wrapper .share-update ul li a .fas.fa-link {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
}

.wrapper .member_linkedin i.fa-linkedin,
.wrapper .member_linkedin .fab.fa-linkedin-in {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
}

/* Team profile hero: phone + LinkedIn (FA4 markup / critical .fa { font-family: FontAwesome } vs FA6 bundle) */
.wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i {
  font-size: 22px !important;
  line-height: 1;
  display: inline-block;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i.fa-phone,
.wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i.fa-solid.fa-phone {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-weight: 900;
}

.wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i.fa-linkedin,
.wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i.fa-brands.fa-linkedin-in,
.wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i.fab.fa-linkedin-in {
  font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i {
    font-size: 18px !important;
  }
}

@media (max-width: 767px) {
  .wrapper .team-profile-hero.team-banner .cont-col .cta-btns .social-links a i {
    font-size: 16px !important;
  }
}

/* Service detail two-col banner: image column fills row height (no grey gap below photo) */
.wrapper .banner-section.two-col-banner {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.wrapper .banner-section.two-col-banner .banner-image-col {
  position: relative;
  flex: 0 0 47% !important;
  max-width: 45.7% !important;
  width: 47% !important;
  overflow: hidden;
  min-height: 1px;
}

.wrapper .banner-section.two-col-banner .banner-image-col img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center bottom;
  display: block !important;
}

.wrapper .banner-section.two-col-banner .banner-content-wrap {
  width: 54.3% !important;
  max-width: 54.3% !important;
  flex: 0 0 54.3% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wrapper .banner-section.two-col-banner .banner-content-wrap .banner-content {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .wrapper .banner-section.two-col-banner {
    flex-wrap: wrap !important;
  }

  .wrapper .banner-section.two-col-banner .banner-image-col,
  .wrapper .banner-section.two-col-banner .banner-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .wrapper .banner-section.two-col-banner .banner-image-col {
    min-height: 220px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .banner-section.two-col-banner .banner-image-col {
    flex: 0 0 44% !important;
    max-width: 44% !important;
    width: 44% !important;
  }

  .wrapper .banner-section.two-col-banner .banner-content-wrap {
    flex: 0 0 56% !important;
    max-width: 56% !important;
    width: 56% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper .banner-section.two-col-banner .banner-image-col {
    max-width: 44% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .wrapper .banner-section.two-col-banner .banner-image-col {
    max-width: 43% !important;
  }
}

/* Homepage finance services block — restore 4-column grid after Tailwind base/bootstrap overlap */
.wrapper .finance_services > .container > .row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 0;
  row-gap: 47px;
  margin-left: 0;
  margin-right: 0;
}

.wrapper .finance_services > .container > .row > .col-12 {
  grid-column: 1 / -1;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

.wrapper .finance_services > .container > .row > [class*="col-"]:not(.col-12) {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  float: none !important;
}

@media (max-width: 991px) {
  .wrapper .finance_services > .container > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .wrapper .finance_services > .container > .row {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}

/* =====================================================================
 * Service-page banner (.banner-section.service-new-banner)
 *
 * The base .banner-section .banner-content rule in site.css positions
 * the content card at `left: 47%`, which places it to the right of
 * centre — the legacy "image left, content right" hero layout. The
 * service-new-banner template (added Oct 2025) is meant to flip that
 * to "content left, image right" with `left: 10%`, and the override
 * exists in custom.less line 14849+ but was never compiled into
 * site.css. site.less is a 15K-line legacy bundle so recompiling has
 * a much larger blast radius than porting the single intended block
 * here. tailwind-legacy-fixes.css already loads after site.css so it
 * wins the cascade with normal specificity. Mobile drops to left: 0
 * exactly as the LESS source specified (it goes full-width below
 * 767px via the existing site.css rule). ::before decoration is
 * flipped to the right edge to match the new left placement. Button
 * tokens carried over verbatim from the LESS source.
 * =====================================================================
 */
.wrapper .banner-section.service-new-banner .banner-content {
  left: 10% !important;
}

@media (max-width: 767px) {
  .wrapper .banner-section.service-new-banner .banner-content {
    left: 0 !important;
  }
}

@media (max-width: 576px) {
  .wrapper .banner-section.service-new-banner .banner-content {
    padding: 20px 20px 30px 20px;
  }
}

.wrapper .banner-section.service-new-banner .banner-content::before {
  left: unset;
  right: -50px;
}

@media (min-width: 1367px) and (max-width: 1680px) {
  .wrapper .banner-section.service-new-banner .banner-content::before {
    right: -30px;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {
  .wrapper .banner-section.service-new-banner .banner-content::before {
    right: -25px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper .banner-section.service-new-banner .banner-content::before {
    right: -20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .banner-section.service-new-banner .banner-content::before {
    right: -15px;
  }
}

.wrapper .banner-section.service-new-banner .banner-content ul {
  display: flex;
  gap: 10px;
  max-width: 100%;
}

.wrapper .banner-section.service-new-banner .banner-content ul li {
  width: calc(50% - 10px);
}

.wrapper .banner-section.service-new-banner .banner-content .bnr_btn {
  display: flex;
  gap: 30px;
  margin-top: 35px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .banner-section.service-new-banner .banner-content .bnr_btn {
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .wrapper .banner-section.service-new-banner .banner-content .bnr_btn {
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 0;
  }
}

.wrapper .banner-section.service-new-banner .banner-content .bnr_btn .btn {
  display: inline-block;
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .banner-section.service-new-banner .banner-content .bnr_btn .btn {
    max-width: 250px;
  }
}

.wrapper .banner-section.service-new-banner .banner-content .bnr_btn .btn.btn-primary {
  background: #ddae1f !important;
  color: #fff;
}

.wrapper .banner-section.service-new-banner .banner-content .bnr_btn .btn.btn-primary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #ddae1f !important;
}

.wrapper .banner-section.service-new-banner .banner-content .bnr_btn .btn.btn-secondary {
  background: transparent !important;
  border-color: #fff;
  color: #fff;
}

.wrapper .banner-section.service-new-banner .banner-content .bnr_btn .btn.btn-secondary:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #ddae1f !important;
}

/* Mobile (meanmenu) dropdown chevrons.
   site.css sets `font-weight: 300` on the ::after pseudo, but Font Awesome 5
   Free only ships the Solid (900) variant — at weight 300 the glyph at U+F105
   falls back to the body font (which has nothing at that codepoint) and the
   chevron disappears. The site.css rule is too high-specificity to override
   without restating the selector here. Restate font-family + weight + content
   so the chevron next to top-level dropdown parents (Services / Insight /
   About / regional menus) renders again on mobile.
   Sub-dropdown chevrons remain `display: none` (site.css) by design. */
body .wrapper header .mean-container .mean-bar nav.mean-nav ul li.has-dropdown > a:not(.mean-expand)::after,
body .wrapper header .mean-container .mean-bar nav.mean-nav ul li.sub-dropdown > a:not(.mean-expand)::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f105" !important;
}

/* Homepage hero slider: hide the leftover Slick default `::before` bullet
   character.
   slick-theme.css emits `content: "\2022"` on every `.slick-dots li button::before`
   (a 20x20 absolutely-positioned box). The dash-style indicators we render
   for this slider come from the button's background-color, not the pseudo —
   the pseudo is vestigial and overlaps the LEFT edge of each dash with a
   barely-visible dark-navy bullet on the dark-navy hero. On most viewports
   you can spot two faint bullets (the third sits under the gold "active"
   dash and is masked).
   Other sliders on the site (.review-wrap, .img_highlight,
   .ennes-testimonials) already do this; the homepage home-slider was simply
   never cleaned up. */
.wrapper .home-slider .slick-dots li button::before {
  display: none !important;
}

/* Mobile sub-dropdown expand chevrons (`<span class="expanding"><i class="fa
   fa-angle-right">`).
   Same root cause as above: site.css sets `font-weight: 300` on the FA icon
   inside `span.expanding`, but Font Awesome 5 Free only ships Solid (900),
   so the glyph renders empty (zero-width, no tap area). Without it, users on
   mobile see no visible/tappable expand control next to second-level items
   like Services → Mortgages, so they either don't know how to expand or end
   up tapping the link text and navigating away. */
body .wrapper header .mean-container .mean-bar nav.mean-nav ul li.sub-dropdown > span.expanding i,
body .wrapper header .mean-container .mean-bar nav.mean-nav ul li.sub-dropdown > span.expanding i.fa,
body .wrapper header .mean-container .mean-bar nav.mean-nav ul li.sub-dropdown > span.expanding i.fa-angle-right {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

/* Mobile sub-dropdown expand chevron — enlarge & re-centre the tap target.
   site.css positions the `<span class="expanding">` as a tiny ~40x18px box
   anchored `top: 4px; right: 17px` (justify-content: flex-end). That gives:
     1. A ~720sq-px hit target — well below the 44x44 (1936sq-px) recommended
        mobile minimum.
     2. The chevron sits in the top-third of the LI rather than vertically
        centred with the link label, so it looks visually unbalanced.
     3. The icon is hard against the right edge, so a tap that misses by a few
        pixels falls through to the link `<a href="/mortgages">` and the user
        ends up navigating instead of expanding the sub-menu.
   Stretch the span to fill the LI vertically, widen it to 60px, centre the
   icon both axes, and raise z-index so taps in this zone land here first
   instead of on the underlying link. */
body .wrapper header .mean-container .mean-bar nav.mean-nav ul li.sub-dropdown > span.expanding {
  top: 0 !important;
  right: 0 !important;
  /* CRITICAL: use a fixed height matching one nav row — NOT `bottom: 0`.
     The LI is `position: relative`, and when the user expands the sub-<ul>
     (which is also inside the same LI) the LI's height grows to wrap every
     child item. With `top: 0; bottom: 0` the span would stretch with it and
     `align-items: center` would centre the chevron in the middle of the
     fully-expanded list — i.e. several rows below the parent label, where
     the user would tap "Foreign Currency Mortgages" instead of "Mortgages".
     58px matches the <a> link's padding-box (padding: 20px + line-height: 18px
     + padding: 20px), so the chevron stays anchored to the parent row. */
  bottom: auto !important;
  height: 58px !important;
  width: 60px !important;
  /* Global `span` margin elsewhere (mean-menu.css) adds `margin-bottom: 20px`
     which would shift the box down 20px from the row top. */
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
}

/* Service-page FAQ accordion titles (`.sevice-accordion` — legacy typo preserved).
   Default styles.css sets h3 at 30px/25px which reads like section headings;
   scale down to sit closer to body copy hierarchy while staying tappable. */
.wrapper .sevice-accordion .accordion-item .accordion-head h3 {
  font-size: 24px !important;
  line-height: 32px !important;
}
@media (max-width: 767px) {
  .wrapper .sevice-accordion .accordion-item .accordion-head h3 {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .sevice-accordion .accordion-item .accordion-head h3 {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
.wrapper .sevice-accordion .accordion-item .accordion-head h3::before {
  display: none !important;
}

/* Service-page FAQ expand icon — bar-style +/− like homepage `.ennes-faq-wrap`.
   styles.css uses a FontAwesome chevron on `h3::before`; re-centre on the full
   row and switch to the same cross bars so service templates match homepage FAQs. */
.wrapper .sevice-accordion .accordion-item .accordion-head {
  position: relative !important;
  padding-right: 36px !important;
}
.wrapper .sevice-accordion .accordion-item .accordion-head h3 {
  padding-right: 0 !important;
}
.wrapper .sevice-accordion .accordion-item .accordion-head::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 24px !important;
  height: 1px !important;
  background: #002554 !important;
  transform: translateY(-50%) !important;
  transition: background 0.3s, opacity 0.3s !important;
  z-index: 1 !important;
}
.wrapper .sevice-accordion .accordion-item .accordion-head::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  width: 1px !important;
  height: 24px !important;
  background: #002554 !important;
  transform: translateY(-50%) !important;
  transition: background 0.3s, opacity 0.3s !important;
  z-index: 1 !important;
}
.wrapper .sevice-accordion .accordion-item:hover .accordion-head h3,
.wrapper .sevice-accordion .accordion-item.open .accordion-head h3 {
  color: #ddae1f !important;
}
.wrapper .sevice-accordion .accordion-item:hover .accordion-head::before,
.wrapper .sevice-accordion .accordion-item:hover .accordion-head::after,
.wrapper .sevice-accordion .accordion-item.open .accordion-head::before {
  background: #ddae1f !important;
}
.wrapper .sevice-accordion .accordion-item.open .accordion-head::after {
  opacity: 0 !important;
}
@media (max-width: 1199px) {
  .wrapper .sevice-accordion .accordion-item .accordion-head::before {
    width: 20px !important;
  }
  .wrapper .sevice-accordion .accordion-item .accordion-head::after {
    height: 20px !important;
    right: 10px !important;
  }
}
@media (max-width: 767px) {
  .wrapper .sevice-accordion .accordion-item .accordion-head {
    padding-right: 32px !important;
  }
}

/* Homepage FAQ accordion plus icon (`.ennes-faq-wrap` — cross built from ::before/::after
   bars). Default is 41×41px on desktop / 25×25px on smaller breakpoints, which
   dominates the row. Scale down; leave `.nested-accodion` alone (already 15px). */
.wrapper .ennes-faq-wrap:not(.nested-accodion) .faq-list .accordion-item .accordion-head::before {
  width: 24px !important;
}
.wrapper .ennes-faq-wrap:not(.nested-accodion) .faq-list .accordion-item .accordion-head::after {
  height: 24px !important;
  right: 12px !important;
}
@media (max-width: 1199px) {
  .wrapper .ennes-faq-wrap:not(.nested-accodion) .faq-list .accordion-item .accordion-head::before {
    width: 20px !important;
  }
  .wrapper .ennes-faq-wrap:not(.nested-accodion) .faq-list .accordion-item .accordion-head::after {
    height: 20px !important;
    right: 10px !important;
  }
}

/* Footer — Equity Release Council member badge (compact, below footer links). */
.wrapper .new-footer .footer-logo .footer-erc-member {
  margin-top: 18px;
  max-width: 120px;
}
.wrapper .new-footer .footer-logo .footer-erc-member a {
  display: block;
  line-height: 0;
  opacity: 1;
  transition: opacity 0.2s;
}
.wrapper .new-footer .footer-logo .footer-erc-member a:hover {
  opacity: 0.85;
}
.wrapper .new-footer .footer-logo .footer-erc-member img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 120px;
  border: 0;
  outline: none;
  background: transparent;
}
@media (max-width: 767px) {
  .wrapper .new-footer .footer-logo .footer-erc-member {
    margin-left: auto;
    margin-right: auto;
    max-width: 105px;
  }
  .wrapper .new-footer .footer-logo .footer-erc-member img {
    max-width: 105px;
  }
}