/**
 * Finchase public site — header/logo fixes for admin-uploaded branding.
 */
.main-header .logo-box {
  flex-shrink: 0;
  max-width: 220px;
}

.main-header .logo img {
  display: block;
  max-height: 56px;
  max-width: 200px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.main-header .header-lower .main-box {
  flex: 1 1 auto;
  min-width: 0;
}

.main-header .header-lower .main-box .nav-outer {
  flex: 1 1 auto;
  justify-content: flex-start;
}

.main-header .main-menu .navigation > li {
  padding: 22px 0;
}

.main-header .main-menu .navigation > li > a {
  font-size: 17px;
  font-weight: 500;
  white-space: nowrap;
}

.sticky-header .inner-container {
  min-height: 76px;
}

.sticky-header .logo {
  padding: 14px 0;
}

.sticky-header .logo img {
  max-height: 52px;
  max-width: 200px;
  width: auto;
  object-fit: contain;
}

.sticky-header .main-menu .navigation > li {
  margin-left: 36px;
  padding: 26px 0;
}

.sticky-header .main-menu .navigation > li > a {
  font-size: 17px;
  font-weight: 500;
}

.mobile-menu .nav-logo img {
  max-height: 48px;
  max-width: 180px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 1199.98px) {
  .main-header .logo img {
    max-height: 48px;
    max-width: 170px;
  }

  .main-header .main-menu .navigation > li {
    margin-right: 14px;
  }

  .main-header .main-menu .navigation > li > a {
    font-size: 16px;
    padding: 5px 8px;
  }
}

/* ==========================================================
   Front page alignment fixes
   ========================================================== */

/* Header: keep logo, menu and actions on one row, share one container width */
.header-style-one .header-top .inner-container,
.header-style-one .header-lower .inner-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.header-style-one .header-top .inner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-style-one .header-top .list-style-one {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}
.header-style-one .header-top .list-style-one li {
  margin-right: 36px;
  white-space: nowrap;
}
.header-style-one .header-top .list-style-one li:last-child { margin-right: 0; }
.header-style-one .header-top .top-right .list-style-one li { margin-right: 28px; }
.header-style-one .header-top .top-right .list-style-one li:last-child { margin-right: 0; }

.header-style-one .header-lower .inner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.header-style-one .header-lower .main-box {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 40px;
  min-width: 0;
}
.header-style-one .header-lower .main-box .nav-outer {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.main-header .main-menu .navigation {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-header .main-menu .navigation > li {
  margin: 0 28px 0 0;
  padding: 28px 0;
  white-space: nowrap;
}
.main-header .main-menu .navigation > li:last-child { margin-right: 0; }

/* Right-hand actions: no wrapping, and drop the address (already in top bar) */
.header-style-one .outer-box {
  flex-shrink: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.header-style-one .outer-box .list-style-one li:first-child,
.header-style-one .outer-box .list-style-one li.line { display: none; }
.header-style-one .outer-box .list-style-one li { margin-right: 0; }
.header-style-one .outer-box .btn-style-two { white-space: nowrap; }
.header-style-one .outer-box .btn-style-two .btn-title { white-space: nowrap; }

/* Hero: centred container, vertically balanced, icon on the right */
.banner-section {
  display: flex;
  align-items: center;
  min-height: 640px;
}
.banner-section .inner-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  /* the fixed smooth-scroll wrapper sits behind the header, so clear it */
  padding: 230px 15px 190px;
}
.banner-section .inner-container .title.hero-typing {
  max-width: 1000px;
  min-height: 2.5em;
  margin-bottom: 36px;
}
.banner-section .shape1 {
  left: auto;
  right: 12%;
  bottom: 50%;
  transform: translateY(50%);
}
.banner-section .btn-style-one { display: inline-flex; }

@media (max-width: 1199.98px) {
  .header-style-one .header-lower .main-box { gap: 24px; }
  .main-header .main-menu .navigation > li { margin-right: 18px; }
}
@media (max-width: 991.98px) {
  .banner-section { min-height: 520px; }
  .banner-section .inner-container { padding: 160px 15px 190px; }
  .banner-section .shape1 { right: 6%; bottom: 8%; transform: none; }
}
@media (max-width: 767.98px) {
  .banner-section { min-height: 460px; }
  .banner-section .inner-container { padding: 130px 15px 170px; }
}

@media (max-width: 767.98px) {
  .banner-section .inner-container .title.hero-typing { min-height: 5em; }
}