@charset "UTF-8";

:root {
  /* default */
  --white: #fff;
  --black: #000;
  --img: #eaeaea;

  /* new-var */
  --primary: #c4001a;
  --secondary: #000000;
  --secondary-light: #195d87;
  --raw-umber: #714a0d;
  --color-jewel: #0d6c4f;
  --color-jewel-light: #eefffa;
  --bg-color: #f6f6f6;
  --gray-50: #f6f6f6;
  --gray-100: #ffeded;
  --gray-200: #dbdbdb;
  --gray-300: #d9d9d9;
  --gray-400: #c9eaff;
  --gray-500: #feecd0;

  --font-base: "Montserrat", system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-secondary: "Playfair Display", system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-roboto: "Roboto", system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-dm: "DM Sans", system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --h1: 80px;
  --h2: 60px;
  --h3: 34px;
  --h4: 28px;
  --h5: 24px;
  --h6: 20px;

  --title-94: 94px;
  --title-50: 50px;
  --title-40: 40px;

  --base: 20px;
  --text-sm: 18px;
  --text-md: 22px;
  --text-lg: 29px;

  --transition: all 0.3s ease-in-out;

  --size-160: 160px;
  --size-150: 150px;
  --size-100: 100px;
  --size-80: 80px;
  --size-75: 75px;
  --size-60: 60px;

  --gradient-1: linear-gradient(
    135deg,
    rgba(228, 158, 37, 0) 15%,
    rgba(228, 158, 37, 1) 100%
  );
  --gradient-2: linear-gradient(
    -135deg,
    rgba(209, 30, 49, 0) 15%,
    rgba(209, 30, 49, 1) 100%
  );
  --gradient-3: linear-gradient(
    -135deg,
    rgba(22, 157, 116, 1) 15%,
    rgba(22, 157, 116, 0) 100%
  );
  --gradient-4: linear-gradient(
    135deg,
    rgba(16, 115, 176, 1) 15%,
    rgba(16, 115, 176, 0) 100%
  );
}

/* CSS Document */

/*==============================================================
	Common Styles Initials
==============================================================*/

html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: inherit !important;
}

*,
*:after,
*:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: break-word;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-base);
  font-size: var(--base);
  line-height: 1.8;
  color: var(--secondary);
  font-weight: 400;
  background: var(--bg-color);
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  scrollbar-color: var(--white) var(--primary);
  scrollbar-width: thin;
}

body.pause {
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background: var(--white);
}

::-webkit-scrollbar-thumb {
  background: var(--primary);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: var(--primary);
}

#smooth-wrapper {
  overflow: hidden;
}

#smooth-content {
  position: relative;
  width: 100%;
  will-change: transform;
}

[gsap-data] {
  transform: translate3d(0, 0, 0);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

a {
  outline: none;
  text-decoration: none;
  color: var(--secondary);
  transition: var(--transition);
}

a:hover,
a:focus {
  outline: none;
  text-decoration: none;
  color: var(--primary);
}

.btn:focus {
  color: var(--black);
  box-shadow: none;
}

input,
textarea,
select {
  outline: none;
  resize: none;
}

a,
input,
button {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: var(--secondary);
  font-family: var(--font-base);
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

p {
  margin: 0;
}

p + p {
  padding-top: 35px;
}

input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search-dropdown input {
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*==============================================================
	Bootstrap Hack
==============================================================*/

.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.4);
}

.form-control:-moz-placeholder,
input:-moz-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.4);
}

.form-control::-moz-placeholder,
input::-moz-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.4);
}

.form-control:-ms-input-placeholder,
input:-ms-input-placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.4);
}

.form-control::placeholder,
input::placeholder {
  opacity: 1;
  color: rgba(0, 0, 0, 0.4);
}

/*==============================================================
	Custom Style
==============================================================*/

.text-primary {
  color: var(--primary) !important;
}

.section {
  position: relative;
}

.container {
  max-width: 1472px;
  width: 100%;
}

.h1 {
  font-size: var(--h1);
  line-height: 120%;
}

.h2 {
  font-size: var(--h2);
  line-height: 120%;
}

.h3 {
  font-size: var(--h3);
  line-height: 120%;
}

.h4 {
  font-size: var(--h4);
  line-height: 120%;
}

.h5 {
  font-size: var(--h5);
  line-height: 120%;
}

.h6 {
  font-size: var(--h6);
  line-height: 120%;
}

.text-base {
  font-size: var(--base);
  line-height: 1.8;
}

.text-sm {
  font-size: var(--text-sm);
  line-height: 2;
}

.text-md {
  font-size: var(--text-md);
  line-height: 1.636;
}

.text-lg {
  font-size: var(--text-lg);
  line-height: 1.689;
}

/* space */

.pt-160 {
  padding-top: var(--size-160);
}

.pb-160 {
  padding-bottom: var(--size-160);
}

.pt-150 {
  padding-top: var(--size-150);
}

.pb-150 {
  padding-bottom: var(--size-150);
}

.pt-100 {
  padding-top: var(--size-100);
}

.pb-100 {
  padding-bottom: var(--size-100);
}

.pt-80 {
  padding-top: var(--size-80);
}

.pb-80 {
  padding-bottom: var(--size-80);
}

.pt-75 {
  padding-top: var(--size-75);
}

.pb-75 {
  padding-bottom: var(--size-75);
}

.pt-60 {
  padding-top: var(--size-60);
}

.pb-60 {
  padding-bottom: var(--size-60);
}

.pt-50 {
  padding-top: var(--title-50);
}

.pb-50 {
  padding-bottom: var(--title-50);
}

.gap-y-32 {
  row-gap: 32px;
}

.gap-24 {
  margin: 0 -12px;
  row-gap: 24px;
}

.gap-24 > div {
  padding: 0 12px;
}

/* space */

:is(.img-cover, .img-contain) {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--img);
}

:is(.img-cover, .img-contain) :is(img, video, iframe) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-contain :is(img, video, iframe) {
  object-fit: contain;
}

.image-box {
  position: relative;
  overflow: hidden;
}

.image-box .image-reveal-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--white);
  z-index: 2;
}

.bullet > ul li {
  padding-left: 25px;
  position: relative;
}

.bullet > ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 100%;
  left: 5px;
  top: 10px;
  background: var(--primary);
}

.bullet > ol {
  counter-reset: item 0;
}

.bullet > ol li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 12px;
}

.bullet > ol li:before {
  content: counters(item, ".") ". ";
  counter-increment: item 1;
  position: absolute;
  left: 0;
  top: 0px;
  display: block;
  color: var(--primary);
}

.bullet > ol li ol {
  margin-top: 12px;
}

.bullet > ol li ol li {
  padding-left: 0;
}

.bullet > ol li ol li:before {
  position: relative;
  display: inline;
}

.bullet > ol li ol ol {
  padding-left: 20px;
}

.bullet-tick > ul {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}

.bullet-tick > ul li {
  padding-left: 34px;
  position: relative;
  background: url("../images/icons/bullet-tick.svg") no-repeat top 7px left /
    24px;
}

/*==============================================================
	Button Style
==============================================================*/
.btn {
  font-family: var(--font-roboto);
  font-size: 21px;
  line-height: 1;
  font-weight: 700;
  color: var(--black);
  display: inline-flex;
  align-items: center;
  column-gap: 24px;
  color: var(--white);
  background: var(--primary);
  border-radius: 0px;
  padding: 37px 60px;
  transition: var(--transition);
  box-shadow: none;
  outline: none;
  text-transform: uppercase;
  border: 0;
  text-align: left;
}

.btn.btn-md {
  font-family: var(--font-base);
  padding: 50px 60px;
}

.btn:is(:hover, :focus, :active) {
  color: var(--white);
  background: var(--secondary);
}

.btn.btn-primary,
.btn.btn-secondary:is(:hover, :focus, :active) {
  color: var(--white);
  background: var(--primary);
  border: transparent;
}

.btn.btn-secondary,
.btn.btn-primary:is(:hover, :focus, :active) {
  color: var(--white);
  background: var(--secondary);
  border: transparent;
}

.btn.btn-white {
  color: var(--primary);
  background: var(--white);
}

.btn.btn-white:is(:hover, :focus, :active) {
  color: var(--white);
  background: var(--primary);
}

/*==============================================================
	Common Css 
==============================================================*/

.title-wrap {
  position: relative;
}

.title-wrap > .h2 {
  font-weight: 600;
  color: var(--secondary);
}

.title-wrap > .h2 strong {
  font-weight: 500;
  color: var(--primary);
  font-family: var(--font-secondary);
}

.title-wrap .title-shape {
  padding-top: 34px;
}

.title-wrap .title-shape img {
  width: 62px;
}

.title-wrap .line {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 2px;
  background: var(--black);
  opacity: 0.2;
  margin: 38px 0;
}

.title-wrap.text-center .line {
  margin-left: auto;
  margin-right: auto;
}

.social {
  display: inline-flex;
}

.social ul {
  display: inline-flex;
  align-items: center;
}

.social ul li {
  display: inline-flex;
  align-items: center;
  color: var(--black);
}

.social ul li:not(:last-child):after {
  content: "";
  width: 1px;
  height: 26px;
  background: currentColor;
  opacity: 0.21;
  margin: 0 12px;
  transform: rotate(15deg);
}

.social ul li a {
  display: inline-flex;
  color: currentColor;
  transition: var(--transition);
}

.social ul li a:hover {
  color: var(--primary);
}

.shadow-sm {
  box-shadow: 0px 4px 99.6px 0px rgba(0, 0, 0, 0.05) !important;
}

/* === HEADER === */
.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}

.header-wrap header {
  position: relative;
  transition: var(--transition);
}

.header-wrap header .container {
  max-width: 1200px;
  width: calc(100% - 600px);
}

header .logo {
  position: absolute;
  top: 30px;
  left: 35px;
  display: inline-flex;
  transition: var(--transition);
}


header .logo a {
  display: inline-flex;
  transition: var(--transition);
  width:150px;
}

header .logo a :is(img, svg) {
  width: 100%;
  height: auto;
}
header .logo a :is(img, svg) *{fill:#fff !important;}
.sticky header .logo a :is(img, svg) *{fill:#000 !important;}
header .logo a svg path {
  transition: var(--transition);
}


header .header-menu {
  padding: 27px 0;
}

header .social ul li {
  color: var(--white);
}

header .social ul li a:hover {
  color: var(--primary);
}

header .header-menu .menu .main-menu {
  display: flex;
  align-items: center;
  column-gap: 50px;
}

header .header-menu .menu .main-menu > li {
  display: inline-flex;
  position: relative;
}

header .header-menu .menu .main-menu > li > a {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  color: var(--white);
  text-transform: uppercase;
  transition: var(--transition);
  padding: 20px 0;
}

header
  .header-menu
  .menu
  .main-menu
  > li:is(
    .current-menu-item,
    .current-menu-parent,
    .current-menu-ancestor,
    :hover
  )
  > a {
  color: var(--primary);
}

header .header-menu .menu .main-menu > li .sub-menu {
  top: 100%;
}
header .header-menu .menu .main-menu > li .sub-menu li a {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: var(--secondary);
  min-height: 48px;
  padding: 15px 20px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
header .header-menu .menu .main-menu > li .sub-menu li a:hover {
  background: transparent;
}

/* header .header-menu .menu .main-menu > li .sub-menu li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: var(--primary);
  transition: var(--transition);
}  */


.header-wrap.sticky header {
  background: var(--white);
}
.header-wrap.sticky header .logo {
  top: 20px;
}
.header-wrap.sticky .logo::after{
  background: var(--secondary);
}
.header-wrap.sticky header .logo a {
  width: 100px;
}
.header-wrap.sticky header .logo a svg path {
  fill: var(--secondary);
}
.header-wrap.sticky .header-menu .menu .main-menu > li > a {
  color: var(--secondary);
}
.header-wrap.sticky .header-menu .menu .main-menu > li:is(.current-menu-item, .current-menu-parent, .current-menu-ancestor, :hover) > a {
  color: var(--primary);
}
.header-wrap.sticky .social ul li {
  color: var(--secondary);
}

.header-wrap.sticky .btn.btn-md{
  padding-top: 47px;
  padding-bottom: 47px;
}

@media (max-width: 1580px) {
  .header-wrap header .container {
    width: calc(100% - 360px);
  }

  header .logo {
    top: 25px;
  }
  header .logo a {
    width: 120px;
  }

   header .header-menu {
    padding: 26px 0;
  }

  header .header-menu .btn-wrap .btn {
    font-size: 16px;
    padding: 46px 20px !important;
  }

  header .header-menu .menu .main-menu {
    column-gap: 30px;
  }

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

@media (max-width: 1280px) {
  .header-wrap header .container {
    width: calc(100% - 340px);
  }

  header .logo {
    top: 20px;
    left: 30px;
  }

  header .logo a {
    width: 100px;
  }

  header .header-menu {
    padding: 20px 0;
  }
  header .header-menu .menu .main-menu {
    column-gap: 20px;
  }

  header .header-menu .btn-wrap .btn {
    font-size: 16px;
    padding: 40px 20px !important;
  }
  .header-wrap.sticky header .logo a {
    width: 82px;
  }
}

@media (min-width: 1101px) {
  .menu-toggle > button {
    display: none;
  }

  header .header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  header .header-menu .btn-wrap {
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
  }
  header
    .header-menu
    .menu
    .main-menu
    > li
    .sub-menu
    > li:is(
      .current-menu-item,
      .current-menu-parent,
      .current-menu-ancestor,
      :hover
    )
    > a {
    color: var(--white) !important;
    background: var(--primary);
  }
  header .header-menu .menu-arrow {
    display: none;
  }
}

@media (max-width: 1100px) {
  .header-wrap header {
    padding: 15px 0;
  }

  .header-wrap header .container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  header .logo {
    top: initial;
    left: initial;
    position: relative;
  }
 

  header .logo a {
    width: 80px !important;
  }

  .menu-toggle {
    display: inline-flex;
  }

  .menu-toggle button {
    cursor: pointer !important;
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    color: var(--white);
    width: 32px;
    height: 32px;
  }

  header .header-menu .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    padding: 0 15px;
  }

  header .header-menu .menu-toggle button {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--primary);
  }

  header .header-menu .social ul li {
    color: var(--secondary);
  }

  header .header-menu .social ul li a svg {
    width: 22px;
    height: 22px;
  }

  header .header-menu .social ul li:not(:last-child):after {
    margin: 0 10px;
    height: 22px;
  }

  header .header-menu {
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--white);
    width: 320px;
    padding: 80px 15px 86px;
    z-index: 3;
    transition: var(--transition);
    overflow: hidden;
  }

  header .header-menu:not(.menu-open) {
    right: -320px;
  }

  header .header-menu .menu {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  header .header-menu .menu::-webkit-scrollbar {
    display: none;
  }

  header .header-menu .menu-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    cursor: pointer;
  }

  header .header-menu .menu li {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .header-menu .menu .main-menu > li .sub-menu li a {
    border: 0;
    padding: 15px 0px;
  }
  header
    .header-menu
    .menu
    .main-menu
    > li
    .sub-menu
    > li:is(
      .current-menu-item,
      .current-menu-parent,
      .current-menu-ancestor,
      :hover
    )
    > a {
    color: var(--primary) !important;
  }

  header .header-menu .menu .main-menu {
    flex-direction: column;
  }

  header .header-menu .menu .main-menu > li > a {
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 17px 0;
    color: var(--secondary);
  }

  header .header-menu .menu > ul > li > a:hover {
    color: var(--primary);
  }
  header .header-menu .menu .main-menu > li {
    display: flex;
    flex-wrap: wrap;
  }
  header .header-menu .menu .sub-menu {
    width: 100%;
    padding: 0 8px;
    display: none;
    position: initial;
    visibility: initial;
    transform: initial;
    min-width: initial;
    opacity: initial;
    box-shadow: initial;
    z-index: initial;
    transition: initial;
  }

  header .header-menu .menu-arrow .icon {
    transition: var(--transition);
  }

  header .header-menu .menu-arrow.active .icon {
    transform: rotate(180deg);
  }

  header .overlay {
    position: fixed;
    inset: 0;
    height: 100vh;
    background: var(--black);
    opacity: 0.7;
    z-index: 2;
    transition: var(--transition);
  }

  header .overlay:not(.active) {
    opacity: 0;
    visibility: hidden;
  }

  header .header-menu .btn-wrap {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }

  header .header-menu .btn-wrap .btn {
    width: 100%;
    padding: 20px 20px !important;
    justify-content: center;
    background: var(--primary);
    color: var(--white);
  }
  .header-wrap.sticky header .logo {
    top: initial;
  }
  .header-wrap.sticky .container > .menu-toggle button{
    color: var(--secondary);
  }
}

/* === HEADER === */

/* === FOOTER === */

.newsletter {
  max-width: 355px;
}

.newsletter .from-group {
  display: flex;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--black);
}

.newsletter .from-group input {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: var(--secondary);
  width: 100%;
  border: 0;
  padding: 15px 0;
  background: transparent;
}

input::-webkit-input-placeholder {
  color: var(--secondary);
}

.newsletter .from-group input:-moz-placeholder {
  color: var(--secondary);
}

.newsletter .from-group input::-moz-placeholder {
  color: var(--secondary);
}

.newsletter .from-group input:-ms-input-placeholder {
  color: var(--secondary);
}

.newsletter .from-group input::placeholder {
  color: var(--secondary);
}

.newsletter .from-group button {
  flex-shrink: 0;
  border: 0;
  background: transparent;
  color: var(--primary);
  transition: var(--transition);
}

.newsletter .from-group button:hover {
  color: var(--secondary);
}

.footer-wrap {
  border-bottom: 5px solid var(--primary);
}

.footer-wrap .title {
  font-weight: 700;
  color: var(--black);
}

.footer-wrap .logo {
  display: inline-flex;
}

.footer-wrap .logo a {
  display: inline-flex;
  transition: var(--transition);
  width: 178px;
}

.footer-wrap .logo a img {
  width: 100%;
}

.footer-wrap .footer-menu {
  border-top: 1px solid rgba(12, 42, 68, 0.2);
}

.footer-wrap .footer-menu ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.footer-wrap .footer-menu ul li {
  display: inline-flex;
  border-bottom: 1px solid rgba(12, 42, 68, 0.2);
}

.footer-wrap .footer-menu ul li a {
  width: 100%;
  display: block;
  font-size: var(--h6);
  font-weight: 700;
  padding: 32px 10px;
  text-align: center;
  color: var(--black);
  transition: var(--transition);
  text-transform: uppercase;
}

.footer-wrap .footer-menu ul li a:hover {
  color: var(--primary);
  background: var(--white);
}

/* === FOOTER === */

/* === BANNER === */
.banner {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 288px;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.25;
}

.banner .hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2c2c2c;
  z-index: -1;
}

.banner .hero-bg::after,
.banner .hero-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 1000px;
  background: var(--white);
  opacity: 0.5;
  filter: blur(500px);
  mix-blend-mode: soft-light;
  border-radius: 100%;
}

.banner .hero-bg::before {
  bottom: -50%;
  right: -50%;
  transform: translate(-50%, -50%);
}

.banner .hero-bg::after {
  left: initial;
  top: initial;
  right: -50%;
  bottom: -70%;
  transform: translate(-50%, -50%);
}

.banner .hero-bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.2;
  mix-blend-mode: Luminosity;
}

.banner .btn-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
}

.banner.hero-banner {
  padding: 258px 0 230px;
}

.banner.hero-banner .container {
  max-width: 1200px;
}

.banner.hero-banner .sub-title {
  font-size: var(--title-94);
  line-height: 1.117;
  font-family: var(--font-secondary);
  color: var(--white);
  font-style: italic;
  padding-bottom: 1px;
}

.banner.hero-banner .banner-title {
  font-size: 334px;
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  text-transform: uppercase;
  display: inline-flex;
  align-items: baseline;
}

.banner.hero-banner .banner-title span {
  opacity: 0.3;
}

.banner.hero-banner .banner-title strong {
  font-size: 28.6%;
  font-weight: 800;
  font-style: italic;
  font-family: var(--font-dm);
}

.banner.inner-banner {
  padding: 280px 0 50px;
}

.banner.inner-banner .banner-title {
  color: var(--white);
}

.banner.inner-banner nav {
  padding-top: 160px;
}

body.single-post nav .breadcrumb,
.banner.inner-banner nav .breadcrumb {
  margin-bottom: 0;
}

body.single-post nav .breadcrumb li,
.banner.inner-banner nav .breadcrumb li {
  font-size: var(--h6);
  font-weight: 700;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  padding: 0;
}

body.single-post nav .breadcrumb li a,
.banner.inner-banner nav .breadcrumb li a {
  color: currentColor;
  font-weight: 400;
  transition: var(--transition);
  opacity: 0.5;
}

body.single-post nav .breadcrumb .breadcrumb-item:not(:last-child)::after,
.banner.inner-banner nav .breadcrumb .breadcrumb-item:not(:last-child)::after {
  content: "";
  width: 23px;
  height: 23px;
  background: url("../images/icons/double-arrow-icon.svg") no-repeat center
    center;
  margin: 0 8px;
}

body.single-post nav .breadcrumb .breadcrumb-item::before,
.banner.inner-banner nav .breadcrumb .breadcrumb-item::before {
  display: none;
}

body.single-post nav .breadcrumb li {
  color: var(--black);
}

body.single-post nav .breadcrumb .breadcrumb-item:not(:last-child)::after {
  background: url("../images/icons/double-arrow-black-icon.svg") no-repeat
    center center;
}

/* === BANNER === */

/* === HOME === */

/* home-counter and counter-container */
.counter-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  row-gap: 40px;
}

.counter-container .box-col {
  width: 35.646%;
  padding: 0 20px;
}

.counter-container .box-col.large {
  width: 64.354%;
}

.counter-container .box {
  padding: 40px;
}

.counter-container .large .box {
  padding: 50px;
}

.counter-container .box.box-sales {
  background: var(--gray-50);
}

.counter-container .box.box-sales .sales-top {
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}

.counter-container .box.box-sales .sales-bottom {
  padding-top: 50px;
  border-top: 1px dashed rgba(0, 0, 0, 0.3);
  font-weight: 600;
  font-size: 62px;
  line-height: 100%;
  letter-spacing: -0.02em;
  display: flex;
  align-items: flex-end;
  column-gap: 11px;
}

.counter-container .box.box-sales .sales-bottom span {
  font-weight: 500;
  font-style: Italic;
  font-size: 21px;
  line-height: 100%;
}

.counter-container .box.box-sales .sales-top strong {
  text-align: center;
  font-size: 205px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--gray-50);
  text-shadow:
    2px 0 var(--primary),
   -2px 0 var(--primary),
    0 2px var(--primary),
    0 -2px var(--primary),
    1.5px 1.5px var(--primary),
   -1.5px -1.5px var(--primary),
    1.5px -1.5px var(--primary),
   -1.5px 1.5px var(--primary);
}

.counter-container .box.box-sales .sales-top span {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.476;
  color: var(--secondary);
  text-align: right;
  margin-top: -12px;
}

.counter-container .box.box-agents {
  width: 100%;
  background: var(--secondary);
  font-weight: 500;
  font-size: 62px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--white);
}

.counter-container .box.box-agents span {
  display: block;
  font-size: 21px;
  line-height: 120%;
  font-weight: 600;
  padding-top: 42px;
}

.counter-container .box.box-locations {
  background: var(--gray-100);
  display: flex;
  flex-direction: column;
  color: var(--secondary);
}

.counter-container .box.box-locations .item h3 {
  font-size: 62px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.counter-container .box.box-locations .item p {
  font-size: 21px;
  line-height: 120%;
  font-weight: 600;
  font-style: italic;
}

.counter-container .box.box-locations .item {
  padding: 35px 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.counter-container .box.box-locations .item + .item {
  border-top: 1px dashed rgba(12, 42, 68, 0.3);
}

.counter-container .box.box-locations .item:first-child {
  padding-top: 0;
}

.counter-container .box.box-locations .item:last-child {
  padding-bottom: 0;
}

.counter-container .box.km-box {
  position: relative;
  padding: 0;
}

.counter-container .box.km-box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 111px;
  height: auto;
  z-index: 1;
}

.counter-container .large .box.km-box {
  padding: 0;
}

.counter-container .box.km-box .img-cover {
  aspect-ratio: 1/0.8368;
}

.home-counter .container {
  margin-right: 0;
  max-width: calc((100vw - var(--scrollbar-width, 0px) - 1472px) / 2 + 1472px);
}

.home-counter .column-wrap {
  display: flex;
  flex-wrap: wrap;
}

.home-counter .title-wrap {
  padding-bottom: 70px;
}

.home-counter .title-wrap .h2 strong {
  display: block;
  padding-bottom: 10px;
}

.home-counter .column-wrap .col-left {
  width: 50%;
  padding-right: 127px;
}

.home-counter .content-box {
  position: relative;
  padding-left: 164px;
}

.home-counter .content-box::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 100px;
  height: 2px;
  background: var(--black);
  opacity: 0.5;
}

.home-counter .content-box .btn-wrap {
  padding-top: 40px;
}

.home-counter .column-wrap .col-right {
  width: 50%;
}

/* about-content and content-img */
.content-img {
  overflow: hidden;
}

:is(.about-content, .content-img) .image-box {
  position: relative;
}

:is(.about-content, .content-img) .title-wrap .h2 strong {
  display: block;
  padding-bottom: 10px;
}

:is(.about-content, .content-img) .content-box {
  line-height: 1.7;
  position: relative;
  padding-top: 86px;
}

:is(.about-content, .content-img) .content-box::after {
  content: "";
  position: absolute;
  top: 43px;
  left: 0;
  width: 100px;
  height: 2px;
  background: var(--black);
  opacity: 0.2;
}

:is(.about-content, .content-img) .content-box h3 {
  line-height: 160%;
  font-weight: 700;
  color: var(--black);
  font-size: 22px;
  padding-bottom: 35px;
}

:is(.about-content, .content-img) .content-box .btn-wrap {
  padding-top: 40px;
}

:is(.about-content, .content-img) .content-box > :is(ul, ol) {
  padding: 16px 0;
}

:is(.about-content, .content-img) .content-box > :is(ul, ol):last-child {
  padding-bottom: 0;
}

:is(.about-content, .content-img) .content-box > :is(ul, ol):first-child {
  padding-top: 0;
}

.about-content .content-box h3 {
  color: var(--secondary);
}

.about-content .content-box p + p {
  padding-top: 15px;
}

.about-content .content-box.bullet ul li::before {
  width: 4px;
  height: 4px;
  left: 10px;
  top: 15px;
  background: var(--secondary);
}

.about-content.why-kw .content-box ul li {
  font-weight: 700;
  color: var(--primary);
}
.about-content.why-kw .content-box ul li::before {
  background: currentColor;
}

/* home service */
.home.service {
  overflow: hidden;
  position: relative;
  background: var(--secondary);
}

.home.service .service-bg {
  position: absolute;
  inset: 0;
}

.home.service .service-bg img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.home.service .title-wrap {
  position: relative;
  z-index: 1;
}

.home.service .title-wrap .h2 {
  color: var(--white);
}

.home.service .title-wrap .h2 strong {
  display: block;
  color: var(--white);
  padding-bottom: 10px;
}

.home.service .title-wrap .sub-text {
  margin-top: 48px;
  color: var(--white);
  padding-left: 180px;
  position: relative;
}

.home.service .title-wrap .sub-text::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 100px;
  height: 2px;
  background: var(--white);
  opacity: 0.5;
}

.home.service .service-list {
  position: relative;
  z-index: 1;
  background: var(--white) url("../images/service-shape-bg.svg") repeat-y center
    center;
  padding: 10px;
}

.home.service .service-list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.home.service .service-list ul li {
  height: 100%;
  background: var(--white);
}

.home.service .service-box {
  padding: 56px 20px;
  position: relative;
}

.home.service .service-box .img-contain {
  width: 60px;
  height: 60px;
  background: transparent;
  margin: 0 auto;
}

.home.service .service-box .service-info {
  text-align: center;
  position: relative;
  padding-top: 100px;
}

.home.service .service-box .service-info::after {
  content: "";
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  width: 135px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(196, 0, 26, 0) 0%,
    #c4001a 52.88%,
    rgba(196, 0, 26, 0) 100%
  );
  opacity: 0.2;
  margin: 0 auto;
}

.home.service .service-box .overlay {
  position: absolute;
  inset: 0;
  text-align: center;
  color: var(--secondary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  transition: var(--transition);
  opacity: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(5px);
  font-size: 20px;
  line-height: 1.6;
  color: var(--black);
  opacity: 0;
  overflow: auto;
}

.home.service .service-box:hover .overlay {
  opacity: 1;
}

/* home testimonial */
.arrow-wrap {
  margin: 0 auto;
  display: flex;
  margin-top: var(--size-80);
}

.arrow-wrap .swiper-arrow {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background: var(--white);
  color: var(--secondary);
  border: 1px solid var(--primary);
  transition: var(--transition);
}

.arrow-wrap .swiper-arrow .icon {
  width: 36px;
  height: auto;
}
.arrow-wrap .swiper-arrow:hover {
  color: var(--white);
  background: var(--primary);
}

.testimonial-box {
  text-align: center;
}

.testimonial-box h3 {
  font-size: var(--size-60);
  font-weight: 600;
  font-family: var(--font-secondary);
  font-style: italic;
  padding-bottom: 29px;
}

.testimonial-box .testimonial-text {
  font-family: var(--font-roboto);
  font-size: 29px;
  line-height: 1.689;
  font-style: italic;
}

.testimonial-box .testimonial-text .name {
  font-weight: 700;
  padding-top: 29px;
}

.home.testimonial .title-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.home.testimonial .line-shape {
  display: flex;
}

.home.testimonial .line-shape::after,
.home.testimonial .line-shape::before {
  content: "";
  width: 100%;
  height: 1px;
  margin: auto 0;
  opacity: 0.2;
  background: linear-gradient(90deg, rgba(12, 42, 68, 0) 0%, #000000 100%);
  width: calc(50% - 200px);
  max-width: 5120px;
}

.home.testimonial .line-shape::after {
  transform: rotate(-180deg);
}

.home.testimonial .title-wrap .title-shape {
  width: 400px;
  padding: 0;
  text-align: center;
}

.home.testimonial .title-wrap .title-shape img {
  width: 103px;
  margin: 0 auto;
}

.home.testimonial .testimonial-slider {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 63px;
}

.home.testimonial .section-title h2 {
  letter-spacing: -0.06em;
  font-size: 250px;
  line-height: 0.85;
  font-weight: 600;
  color: var(--bg-color);
  position: relative;
  bottom: -20px;
}

/* home agent */
.agent-box {
  position: relative;
}

.agent-box .agent-img {
  position: absolute;
  inset: 0;
}

.agent-box .agent-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: luminosity;
}

.agent-box.stl-1 .agent-img {
  background: var(--secondary);
}

.agent-box.stl-1 .agent-img img {
  opacity: 0.5;
}

.agent-box.stl-2 .agent-img {
  background: var(--primary);
}

.agent-box.stl-2 .agent-img img {
  opacity: 0.3;
}

.agent-box.stl-2 .agent-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black);
  opacity: 0.51;
}

.agent-box .agent-info {
  max-width: 790px;
  min-height: 751px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 91px 100px 100px 100px;
}

.agent-box .agent-info .h3 {
  font-size: var(--title-50);
  font-weight: 700;
  color: var(--white);
  padding-top: 42px;
  position: relative;
}

.agent-box .agent-info .h3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background: var(--white);
  opacity: 0.2;
}

.home.agent .btn:not(:hover, :focus, :active) {
  color: var(--black);
}

.home.agent .quiz-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.home.agent .quiz-btn .btn {
  padding: 27px 40px;
}

.home.agent .title-wrap strong {
  display: block;
  padding-top: 15px;
}

/* home agent */
.home.network-members {
  position: relative;
  overflow: hidden;
}

.home.network-members .title-wrap {
  padding-bottom: 318px;
}

.home.network-members .section-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: var(--size-150);
  width: 100%;
  mix-blend-mode: luminosity;
}

.home.network-members .section-bg::after {
  content: "";
  position: absolute;
  top: -60%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 878px;
  height: 878px;
  background: var(--bg-color);
  opacity: 0.5;
  filter: blur(174px);
  border-radius: 100%;
}

.home.network-members .section-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: luminosity;
}

.home.network-members .network-list {
  background: var(--white);
  padding: 38px;
  position: relative;
}

.home.network-members .network-list ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}

.home.network-members .network-list ul li {
  display: inline-flex;
}

.home.network-members .network-list ul li .img-contain {
  width: 100%;
  display: block;
  height: 80px;
  /* padding-bottom: 80px; */
  display: inline-flex;
  margin: 0 auto;
  background: transparent;
  aspect-ratio: initial;
  padding: 16px;
  justify-content: center;
}

.home.network-members .network-list ul li .img-contain img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: initial;
  object-fit: contain;
}

/* === HOME === */

/* === LEADERSHIP === */
.filter-nav {
  background: var(--white);
}

.filter-nav ul {
  display: grid;
  width: 100%;
}

.filter-nav ul.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.filter-nav ul li {
  display: inline-flex;
}

.filter-nav ul li a {
  display: block;
  text-align: center;
  font-size: var(--h6);
  font-weight: 400;
  color: var(--black);
  transition: var(--transition);
  padding: 14px 10px;
  text-align: center;
  width: 100%;
}

.filter-nav:not(.stl-1) ul li a:is(.is-active, :hover) {
  color: var(--primary);
}

.filter-nav ul li a.is-active {
  font-weight: 700;
}

.filter-nav ul.col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.filter-nav.stl-1 {
  position: sticky;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 99;
  border-bottom: 3px solid #eeeeee;
}

.filter-nav.stl-1 ul li a {
  position: relative;
  font-weight: 700;
}

.filter-nav.stl-1 ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  right: 0;
  height: 3px;
  background: #e2919a;
}

.filter-nav.stl-1 ul li a.is-active {
  background: linear-gradient(180deg, #ffffff 0%, #e2919a 281.36%);
}

.filter-nav.stl-1 ul li:nth-child(2) a::after {
  background: #8bb8d4;
}

.filter-nav.stl-1 ul li:nth-child(2) a.is-active {
  background: linear-gradient(180deg, #ffffff 0%, #8bb8d4 281.36%);
}

.filter-nav.stl-1 ul li:nth-child(3) a::after {
  background: #e4a646;
}

.filter-nav.stl-1 ul li:nth-child(3) a.is-active {
  background: linear-gradient(180deg, #ffffff 0%, #e4a646 281.36%);
}

.filter-nav.stl-1 ul li:nth-child(4) a::after {
  background: #8ecbb8;
}

.filter-nav.stl-1 ul li:nth-child(4) a.is-active {
  background: linear-gradient(180deg, #ffffff 0%, #8ecbb8 281.36%);
}

.leadership-wrap .title-wrap {
  border-bottom: 1px solid var(--gray-300);
}

.leadership-wrap .title-wrap .sub-text {
  font-weight: 500;
  color: var(--black);
}

.leadership-wrap .leadership-row {
  display: flex;
  flex-wrap: wrap;
}

.leadership-wrap .leadership-row .col-left {
  width: 366px;
}

.leadership-wrap .leadership-row .col-right {
  width: calc(100% - 366px);
  background: var(--white);
  padding: 44px;
}

.leadership-wrap .nav {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.leadership-wrap .nav .nav-item {
  display: flex;
}

.leadership-wrap .nav .nav-item button {
  width: 100%;
  display: flex;
  font-size: var(--h5);
  letter-spacing: -0.02em;
  line-height: 1;
  font-weight: 700;
  color: var(--secondary);
  text-align: left;
  padding: 24px 40px;
  background: linear-gradient(90deg, #ffffff 0%, #f5f8fb 100%);
  border-left: 1px solid var(--gray-200);
  position: relative;
  transition: var(--transition);
}

.leadership-wrap .nav .nav-item button.active {
  color: var(--white);
  background: var(--primary);
}

.leadership-wrap .nav .nav-item button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: var(--black);
  transition: var(--transition);
  height: 0;
}

.leadership-wrap .nav .nav-item button.active::after {
  height: 100%;
}

.leadership-wrap .nav .nav-item button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto 0;
  background: var(--primary);
  transform: rotate(45deg);
  transition: var(--transition);
  opacity: 0;
}

.leadership-wrap .nav .nav-item button.active::before {
  right: -8px;
  opacity: 1;
}

.leadership-wrap .tab-pane .inner-row .title {
  padding-bottom: 20px;
}

.leadership-wrap .tab-pane .inner-row .title .h3 + p {
  padding-top: 10px;
}

.leadership-wrap .leadership-list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 32px;
  row-gap: 38px;
}

.leadership-wrap .leadership-list ul li {
  display: inline-flex;
}
.leadership-wrap .leadership-list ul li .info strong{text-decoration:underline; font-weight:normal;}
.leadership-wrap .leadership-list ul li:hover .info strong{text-decoration:underline; color: red;}

.leadership-box {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 17px;
}

.leadership-box .img-cover {
  width: 100%;
  aspect-ratio: 1/1;
}

.leadership-box .info h4 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--secondary);
  padding-bottom: 5px;
}

.leadership-box .info p {
  letter-spacing: -0.02em;
}

/* === LEADERSHIP === */

/* === Locations === */

.locations-wrap .locations-nav > ul {
  display: flex;
  flex-wrap: wrap;
}

.locations-wrap .locations-nav > ul li {
  display: inline-flex;
  width: 33.333%;
}

.locations-wrap .locations-nav > ul li button {
  display: block;
  font-size: var(--title-40);
  font-weight: 700;
  color: var(--secondary);
  letter-spacing: -0.02em;
  padding: 3px 0 20px;
  width: 100%;
  border-top: 3px solid var(--gray-300);
  transition: var(--transition);
}

.locations-wrap .locations-nav > ul li button.active {
  color: var(--primary);
  border-color: var(--primary);
}

.locations-accordion .accordion-body {
  padding: 0;
  border: 0;
}

.locations-accordion .location {
  display: flex;
  flex-wrap: wrap;
  background: var(--white);
}

.locations-accordion .location .location-img {
  width: 54.8%;
}
.locations-accordion .location .location-img img {
  object-fit: initial;
  height: initial;
}

.locations-accordion .location .location-info {
  width: 45.2%;
  padding: var(--size-80);
}

.locations-accordion .location-info ul {
  display: flex;
  flex-direction: column;
}

.locations-accordion .location-info ul li {
  display: flex;
  flex-direction: column;
  padding: 40px 0;
}

.locations-accordion .location-info ul li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.21);
}

.locations-accordion .location-info ul li:first-child {
  padding-top: 0;
}

.locations-accordion .location-info ul li:last-child {
  padding-bottom: 0;
}

.locations-accordion .location-info ul li h3 {
  display: flex;
  column-gap: 15px;
  align-items: center;
  font-weight: 700;
  color: var(--primary);
}

.locations-accordion .location-info ul li h3::before {
  display: block;
  content: "";
  width: 24px;
  height: 3px;
  background: currentColor;
  flex-shrink: 0;
}

.locations-accordion .location-info ul li p + p {
  padding: 0;
}

.locations-accordion .location-info ul li p a {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
}

.locations-accordion .location-info ul li p a .icon {
  flex-shrink: 0;
  color: var(--primary);
}

#map{height:500px;width: 100%;}

/**Location Map**/

/*==Find A center Page==========*/

.kc-find-center{
    background: #F6F6F6;
    padding: 30px 0;
}
.kc-find-center .zip-code-search{
  margin: 0 0 35px 0;  
}
.kc-find-center .zip-code-search .controls{
    box-shadow: none;
    border: 1px solid #acacac;
    font-size: 16px;
    color: #282828;
    background-color: #fff;
    font-weight: 400;
    padding: 0 15px;
    text-overflow: ellipsis;
    width: 100%;
    height: 45px;
    border-radius: 5px;
}
.kc-find-center .zip-code-search .controls::placeholder{
    font-size: 16px;
    color: #bebebe;
}
.kc-find-center .zip-code-search .controls:focus{
    border-color: #483182;
}

.kc-find-center .faddr{
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.kc-find-center .faddr p{
    padding: 0;
}

.kc-find-center .dsf{
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.kc-find-center .of0{
    color: #7561aa;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 600;
    transition: 0.90s!important;
}


.kc-find-center .of1 span{
    font-size: 15px!important;
    color: #282828!important;
}

.kc-find-center .dsf button{
    margin-top: 0;
    background: #7561aa!important;
    border-radius: 5px!important;
    box-shadow: none!important;
    color: #fff!important;
    font-size: 20px!important;
    font-weight: 700!important;
    border: none!important;
    transition: 0.90s!important;
}
.kc-find-center .dsf:hover button{
    background: #0084c5!important;
    transition: 0.90s!important;
}
.kc-find-center .dsf:hover .of0{
    color: #0084c5;
    transition: 0.90s!important;
} 

.kc-map-list .map-address p{
    font-size: 13px!important;
    color: #282828!important;
    padding: 3px 0!important;
    line-height: 20px!important;
}
.kc-map-list .map-address p b{
    color: #6a55a4!important;
    font-weight: 600!important;
}
.kc-map-list .map-address button{
    box-shadow: none!important;
    font-size: 15px!important;
    font-weight: 600!important;
    color: #fff!important;
    border: none!important;
    padding: 7px 15px!important;
    border-radius: 4px!important;
    margin-top: 8px!important;
    transition: 0.90s!important;
}

.kc-map-list .map-address button:hover{
    background: #39b550!important;
    transition: 0.90s!important;
}

  #map{
    height:500px;
    width: 100%;
  }


      #infowindow-content .title {
        font-weight: bold;
      }

      #infowindow-content {
        display: none;
      }

      #map #infowindow-content {
        display: inline;
      }

  .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        font-family: Roboto;
      }

      #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
      }

      .pac-controls {
        display: inline-block;
        padding: 5px 11px;
      }

      .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }




.ds-popup .ds-popup-content .hshn_btn{
    display: block!important;
    background: #6a55a4!important;
    border-color:#6a55a4!important; 
}
.ds-popup .ds-popup-content .hshn_btn:hover{
    background: #39b550!important;
    border-color:#39b550!important;
}

.ds-popup .ds-popup-content .esp_btn{
    background: #0084c5!important;
    border-color:#0084c5!important;
}

.ds-popup .ds-popup-content .esp_btn:hover{
    background: #ed0c7d!important;
    border-color:#ed0c7d!important;
}

.ds-popup .ds-popup-close{
    background: #ed0c7d!important;
    color: #fff!important;
}

.ds-popup .ds-popup-close:hover{
    background: #39b550!important;
}

.ds-popup .ds-popup-content h3{
    margin: 15px 0!important;
}

/* === Locations === */

/* === our epic framework === */
.framework-card {
  display: flex;
  flex-direction: column;
  will-change: transform, opacity;
}

.framework-card > h3 {
  display: flex;
  flex-direction: column;
  color: var(--primary);
  font-size: var(--h3);
  line-height: 1.2942;
  font-weight: 700;
  margin-right: auto;
  padding: 20px 37px;
  background: var(--gray-100);
}

.framework-card .box-card {
  display: flex;
  align-items: center;
  border: 1px solid var(--gray-100);
  border-top: 2px solid var(--primary);
  color: var(--secondary);
  padding: var(--size-80);
  background: var(--white);
  box-shadow: 0px 4px 140.5px 0px rgba(0, 0, 0, 0.05);
}

.framework-card .box-card .img-cover {
  width: 360px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: var(--gray-100);
}

.framework-card .box-card .img-cover img {
  mix-blend-mode: luminosity;
}

.framework-card .box-card .info {
  padding-left: var(--size-80);
}

.framework-card .box-card .info h3 {
  font-weight: 700;
  padding-bottom: 26px;
}

.framework-card .box-card .info h6 {
  font-weight: 700;
  padding-bottom: 6px;
}

.framework-card.stl-2 > h3 {
  color: var(--secondary-light);
  background: var(--gray-400);
}

.framework-card.stl-2 .box-card {
  border-color: var(--gray-400);
  border-top-color: var(--secondary-light);
}

.framework-card.stl-2 .box-card .img-cover {
  background: var(--gray-400);
}

.framework-card.stl-3 > h3 {
  color: var(--raw-umber);
  background: var(--gray-500);
}

.framework-card.stl-3 .box-card {
  border-color: var(--gray-500);
  border-top-color: var(--raw-umber);
}

.framework-card.stl-3 .box-card .img-cover {
  background: var(--gray-500);
}

.framework-card.stl-4 > h3 {
  color: var(--color-jewel);
  background: var(--color-jewel-light);
}

.framework-card.stl-4 .box-card {
  border-color: var(--color-jewel-light);
  border-top-color: var(--color-jewel);
}

.framework-card.stl-4 .box-card .img-cover {
  background: var(--color-jewel-light);
}

.framework-360 .title-wrap .sub-text {
  max-width: 983px;
}

.framework-360 .framework-list ul {
  display: flex;
  flex-direction: column;
  row-gap: var(--size-100);
}

.framework-360 .framework-list ul li {
  z-index: calc(10 + var(--index));
}

.agents-career {
  position: relative;
  overflow: hidden;
}

.agents-career .agents-career-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary);
}

.agents-career .agents-career-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--secondary);
  opacity: 0.4;
}

.agents-career .agents-career-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: luminosity;
}

.outcome .agents-career-bg img {
  opacity: 0.3;
}

.agents-career .title-wrap .sub-title {
  display: inline-flex;
  font-size: var(--h3);
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  padding: 15px 30px;
  background: rgba(241, 248, 255, 0.1);
  margin-bottom: 20px;
}

.agents-career .title-wrap h2 {
  color: var(--white);
}

.agents-career .title-wrap h2 strong {
  color: var(--white);
}

.agents-career .title-wrap .line {
  background: var(--white);
  opacity: 0.2;
}

.agents-career .title-wrap .sub-text {
  max-width: 983px;
}

.agents-career.outcome .no-plan {
  padding: 20px 30px;
  max-width: 1062px;
  margin: 0 auto;
}

.agents-career.outcome .no-plan h3 {
  letter-spacing: -0.02em;
}

.agents-career.stl-red .agents-career-bg {
  background: var(--secondary);
}

.agents-career.stl-red .agents-career-bg img {
  opacity: 0.1;
}

.agents-career.stl-red .agents-career-bg::after {
  background: #ff0202;
  opacity: 0.7;
  mix-blend-mode: color;
}

.agent-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding: 54px 60px 80px 60px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  backdrop-filter: blur(31.2px);
}

.agent-card .icon-box {
  width: 84px;
  height: 84px;
}

.agent-card h3 {
  color: var(--white);
}

.agent-card.stl-white {
  justify-content: center;
  background: var(--white);
  align-items: center;
  text-align: center;
}

.agent-card.stl-white h3 {
  color: var(--secondary);
}

.agent-card.stl-white .icon-box {
  padding: 20px;
  background: #ffeded;
  border-radius: 100%;
}

.agent-card.stl-red {
  row-gap: 25px;
  padding: 40px 15px 34px;
  align-items: center;
  box-shadow: 0px 21px 100px 0px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(31.2px);
  border: 1px solid transparent;
  border-image: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.4)
    )
    1;
}

.agent-card.stl-red .icon-box {
  width: 52px;
  height: 52px;
}

.agent-card.stl-red h3 {
  text-align: center;
}

.process-card {
  height: 750px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #e2919a;
  padding: 90px 86px;
}

.process-card::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--black);
  opacity: 0;
  z-index: 1;
  mix-blend-mode: overlay;
}

.process-card .card-img {
  position: absolute;
  top: 10px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}

.process-card .card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  mix-blend-mode: luminosity;
  opacity: 0.5;
}

.process-card h3 {
  font-size: var(--title-50);
  line-height: 1;
  position: relative;
  padding-top: 48px;
  z-index: 2;
}

.process-card h3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background: var(--white);
  opacity: 0.2;
}

.process-card .btn-wrap {
  position: relative;
  z-index: 3;
}

.process-card .btn:not(:hover, :focus, :active) {
  color: var(--black);
}

.process-card.stl-1 {
  background: #e2919a;
}

.process-card.stl-2 {
  background: #8bb8d4;
}

.process-card.stl-2::after {
  opacity: 0.5;
}

.process-card.stl-2 .card-img img {
  opacity: 0.3;
}

.process-card.stl-3 {
  background: #e4a646;
}

.process-card.stl-4 {
  background: #8ecbb8;
}

.process-card.stl-4 .card-img img {
  opacity: 0.3;
}

.process-card.stl-4::after {
  opacity: 0.5;
}

.journey-360::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: calc(100% - 32px);
  max-width: 1440px;
  margin: 0 auto;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    #000000 50%,
    rgba(0, 0, 0, 0) 100%
  );
  opacity: 0.2;
}

/* === our epic framework === */

/* === examine === */
.cultivate-card {
  height: 100%;
  padding: 40px;
  background: var(--white);
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  border: 1px solid #ebebeb;
  border-top: 4px solid var(--primary);
  font-weight: 500;
  line-height: 120%;
  box-shadow: 0px 4px 140.5px 0px rgba(0, 0, 0, 0.05);
}

.cultivate-card .icon-box {
  width: 80px;
  height: 80px;
  display: grid;
  place-items: center;
  font-size: var(--h3);
  line-height: 1;
  font-weight: 700;
  color: var(--primary);
  background: var(--gray-100);
}

.cultivate-card .content h3 {
  font-weight: 700;
  padding-bottom: 22px;
  letter-spacing: -0.02em;
}

.cultivate-card .content ul {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  padding: 12px 0;
}

.cultivate-card .content ul li {
  position: relative;
  padding-left: 20px;
}

.cultivate-card .content ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--primary);
}

/* === examine === */

/* === promise value === */
.promise-value .title-wrap {
  padding: var(--size-80) 105px;
  background: var(--white);
}

.leadership-wrap.foundation .foundation-list ul {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.leadership-wrap.foundation .foundation-list ul li {
  position: relative;
  font-size: var(--base);
  line-height: 1.3;
  font-weight: 400;
  color: var(--secondary);
  padding: 18px 30px 18px 64px;
  background: var(--white);
  border: 1px solid;
  border-image: linear-gradient(90deg, #d4d4d4 0%, rgba(212, 212, 212, 0) 100%);
  border-image-slice: 1;
}

.leadership-wrap.foundation .foundation-list ul li::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 28px;
  width: 24px;
  height: 24px;
  background: url(../images/icons/list-icon.svg) no-repeat center / contain;
}

/* === promise value === */
/* === circle-animation === */
.circle-animation {
  width: 860px;
  height: 860px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle-animation > .main-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 856px;
  height: 856px;
}

.circle-animation > .main-circle > svg {
  width: 100%;
  height: 100%;
}

.circle-animation > ul {
  width: 776px;
  height: 776px;
  display: inline-flex;
  flex-wrap: wrap;
  list-style: none;
  margin: auto;
  border-radius: 100%;
  overflow: hidden;
}

.circle-animation > ul > li > .box {
  cursor: pointer;
  padding: 110px 100px;
  position: relative;
  z-index: 1;
}

.circle-animation > ul > li:nth-child(-n + 2) .box {
  margin-top: auto;
}

.circle-animation > ul > li:nth-last-child(-n + 2) .box {
  margin-bottom: initial;
}

.circle-animation > ul > li:nth-child(odd) .box {
  text-align: right;
}

.circle-animation > ul > li .box h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: -0.02em;
  padding: 10px 0;
  color: var(--black);
}

.circle-animation > ul > li .box p {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: var(--black);
}

.circle-animation > ul > li .box span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  display: flex;
  align-items: center;
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  -webkit-text-stroke: 2px var(--secondary);
  color: transparent;
  transition: var(--transition);
  opacity: 0;
}

.circle-animation > ul > li:hover .box span {
  opacity: 1;
}

.circle-animation > ul > li:nth-child(even) .box span {
  right: initial;
  left: 20px;
}

.circle-animation ul:hover li:not(.is-active) > span {
  opacity: 0.25;
}

.circle-animation > ul > li {
  width: 50%;
  height: 50%;
  position: relative;
  display: flex;
}

.circle-animation > ul > li > span {
  position: absolute;
  inset: 0;
  transition: var(--transition);
}

.circle-animation > ul > li > span::before,
.circle-animation > ul > li > span::after {
  content: "";
  position: absolute;
  inset: 0;
  transition: var(--transition);
  opacity: 0.5;
}

.circle-animation > ul > li > span::after {
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}

.circle-animation > ul > li > span::before,
.circle-animation > ul > li.is-active > span::after {
  opacity: 0;
}

.circle-animation > ul > li.is-active > span::before {
  opacity: 0.9;
}

.circle-animation > ul > li:nth-child(1) > span::after,
.circle-animation > ul > li:nth-child(1) > span::before {
  background: var(--gradient-1);
  border-radius: 1000px 0 0 0;
}

.circle-animation > ul > li:nth-child(1) > span::after {
  top: initial;
  left: initial;
  right: 0;
  bottom: 0;
}

.circle-animation > ul > li:nth-child(2) > span::after,
.circle-animation > ul > li:nth-child(2) > span::before {
  background: var(--gradient-2);
  border-radius: 0 1000px 0 0;
}

.circle-animation > ul > li:nth-child(2) > span::after {
  top: initial;
  left: 0;
  right: initial;
  bottom: 0;
}

.circle-animation > ul > li:nth-child(3) > span::after,
.circle-animation > ul > li:nth-child(3) > span::before {
  background: var(--gradient-3);
  border-radius: 0 0 0 1000px;
}

.circle-animation > ul > li:nth-child(3) > span::after {
  top: 0;
  left: initial;
  right: 0;
  bottom: initial;
}

.circle-animation > ul > li:nth-child(4) > span::after,
.circle-animation > ul > li:nth-child(4) > span::before {
  background: var(--gradient-4);
  border-radius: 0 0 1000px 0;
}

.circle-animation > ul > li:nth-child(4) > span::after {
  top: 0;
  left: 0;
  right: initial;
  bottom: initial;
}

.circle-animation > .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 257px;
  height: 257px;
}

.circle-animation > .center > span {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background: var(--gradient-1);
  border-radius: 100%;
  transition: var(--transition);
}

.circle-animation > .center > .svg {
  transition: var(--transition);
}

.circle-animation:has(.step-1.is-active) > .center > .svg {
  transform: rotate(0deg);
}

.circle-animation:has(.step-1.is-active) > .center > .svg .svg-path {
  fill: url(#grad-gold);
}

.circle-animation:has(.step-2.is-active) > .center > .svg {
  transform: rotate(90deg);
}

.circle-animation:has(.step-2.is-active) > .center > .svg .svg-path {
  fill: url(#grad-red);
}

.circle-animation:has(.step-4.is-active) > .center > .svg {
  transform: rotate(180deg);
}

.circle-animation:has(.step-4.is-active) > .center > .svg .svg-path {
  fill: url(#grad-blue);
}

.circle-animation:has(.step-3.is-active) > .center > .svg {
  transform: rotate(270deg);
}

.circle-animation:has(.step-3.is-active) > .center > .svg .svg-path {
  fill: url(#grad-green);
}

.circle-animation > .center > .circle-logo {
  position: absolute;
  top: 49%;
  left: 49%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 222px;
  height: 222px;
  border-radius: 100%;
  display: grid;
  place-items: center;
}

.circle-animation > .center > .circle-logo > svg.doted-circle {
  position: absolute;
  inset: 0;
}

/* === circle-animation === */

/* === blog-single === */

.single-post .banner.inner-banner {
  padding: 192px 0 0;
}
.single-post article.post.type-post {
  padding: 57px 0px var(--size-80) 0px;
}
.single-post article.post.type-post .banner-info {
  padding: 38px 0 48px;
}
.single-post article.post.type-post .banner-info .banner-title {
  font-weight: 700;
  color: var(--black);
}
.single-post article.post.type-post .post-meta {
  display: flex;
  align-items: center;
  column-gap: 40px;
  row-gap: 20px;
  color: var(--secondary);
}
.single-post article.post.type-post .post-meta span {
  display: inline-flex;
  column-gap: 12px;
}
.single-post article.post.type-post .post-meta .post-author img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.single-post article.post.type-post .post-thumbnail {
  padding-top: 50px;
}
.single-post article.post.type-post .post-thumbnail .post-category {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: var(--primary);
  padding: 10px 20px;
  background: var(--white);
}
.single-post article.post.type-post .post-thumbnail > img {
  aspect-ratio: 1 / 0.4777;
  object-fit: cover;
  object-position: top;
}

.single-post article h2,
.related-article h2 {
  padding-bottom: 85px;
}
.single-post article h2:after,
.related-article h2:after {
  bottom: 44px;
}

.single-post article h3.wp-block-heading {
  font-size: var(--title-40);
  padding: 50px 0 35px;
}

.single-post article p + .wp-block-columns {
  padding-top: 30px;
}

.single-post .wp-block-accordion {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.single-post .wp-block-accordion .wp-block-accordion-item {
  margin: 0;
  padding: 0;
}
.single-post
  .wp-block-accordion
  .wp-block-accordion-item
  .wp-block-accordion-heading {
  font-size: var(--h3);
  font-weight: 700;
}
.single-post
  .wp-block-accordion
  .wp-block-accordion-item
  .wp-block-accordion-heading
  button {
  padding: 28px 20px;
}

/* === blog-single === */
/* === why km === */
.visual-model .visual-model-box {
  padding-left: 15px;
  padding-right: 15px;
}
.visual-model .content-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.visual-model .content-box ul li {
  font-weight: 700;
  transition: var(--transition);
  color: var(--primary);
}
.visual-model .content-box ul li:not(:last-child)::after {
  content: "|";
  margin: 0 22px;
}
.visual-model .content-box p + p {
  padding-top: 0px;
}
.visual-model .content-box ul {
  padding-top: 36px;
}

.visual-step {
  position: relative;
}
.visual-step .visual-bg {
  position: absolute;
  inset: 0;
  background-color: var(--secondary);
  overflow: hidden;
}
.visual-step .visual-bg img {
  opacity: 0.2;
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.visual-step .title-wrap h2 {
  color: var(--white);
}
.visual-step .title-wrap h2 strong {
  color: currentColor;
}
.visual-step .title-wrap .line {
  background: var(--white);
}

.visual-step .accordion {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.visual-step .accordion .accordion-item {
  border-radius: 0;
  padding: 10px 30px;
}
.visual-step .accordion .accordion-item .accordion-header button {
  padding: 20px 40px 20px 0;
  font-size: var(--h5);
  font-weight: 700;
  background: transparent;
  border: 0;
  width: 100%;
  position: relative;
  text-align: left;
}
.visual-step .accordion .accordion-item .accordion-header button .icon {
  display: block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 32px;
  height: 32px;
  transition: var(--transition);
}
.visual-step
  .accordion
  .accordion-item
  .accordion-header
  button:not(.collapsed)
  .icon {
  transform: rotate(180deg);
}
.visual-step .accordion .accordion-item .accordion-body {
  padding: 20px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.visual-step .accordion .accordion-item .accordion-body strong {
  color: var(--primary);
}

.locations-accordion.support-circle .location .location-img {
  aspect-ratio: initial;
}
.support-circle .locations-nav > ul li button {
  font-size: var(--h5);
  padding: 28px 0;
}

.support-circle .content-box h3 {
  font-size: var(--h5);
  color: var(--primary);
  padding-bottom: var(--title-40);
}
.support-circle .content-box ul {
  padding: 30px 0 34px;
}
.support-circle .locations-accordion .content-box ul li {
  font-size: var(--h6);
  padding: 0 0 0 30px;
  border: 0 !important;
}
.support-circle .content-box ul li::before {
  width: 4px;
  height: 4px;
  left: 14px;
  top: 20px;
  background: var(--secondary);
}

.visual-step.wealth-building .visual-bg img {
  opacity: 0.3;
}

.wealth-building .content-box {
  height: 100%;
  padding: 50px 60px;
}
.wealth-building .content-box h3 {
  font-size: var(--h5);
  color: var(--primary);
  padding-bottom: 12px;
  letter-spacing: -0.02em;
}
.wealth-building .content-box ul li {
  padding-left: 29px;
}
.wealth-building .content-box ul li::before {
  width: 4px;
  height: 4px;
  left: 12px;
  top: 17px;
  background: var(--secondary);
}
.wealth-building .content-box.large {
  display: flex;
}
.wealth-building .content-box.large h3 {
  width: 130px;
  flex-shrink: 0;
}
.wealth-building .content-box.large ul {
  width: 100%;
  padding-left: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 0;
}
/* === why km === */

.single-post article h2.has-text-align-center:after, .related-article h2.has-text-align-center:after{left:46% !important;}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel{padding:0 20px;}