@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-Variable";
  src: url("./fonts/Satoshi-Variable.woff2") format("woff2"), url("./fonts/Satoshi-Variable.woff") format("woff"), url("./fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("./fonts/Satoshi-VariableItalic.woff2") format("woff2"), url("./fonts/Satoshi-VariableItalic.woff") format("woff"), url("./fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Light";
  src: url("./fonts/Satoshi-Light.woff2") format("woff2"), url("./fonts/Satoshi-Light.woff") format("woff"), url("./fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("./fonts/Satoshi-LightItalic.woff2") format("woff2"), url("./fonts/Satoshi-LightItalic.woff") format("woff"), url("./fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("./fonts/Satoshi-Regular.woff2") format("woff2"), url("./fonts/Satoshi-Regular.woff") format("woff"), url("./fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Italic";
  src: url("./fonts/Satoshi-Italic.woff2") format("woff2"), url("./fonts/Satoshi-Italic.woff") format("woff"), url("./fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("./fonts/Satoshi-Medium.woff2") format("woff2"), url("./fonts/Satoshi-Medium.woff") format("woff"), url("./fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("./fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("./fonts/Satoshi-MediumItalic.woff") format("woff"), url("./fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("./fonts/Satoshi-Bold.woff2") format("woff2"), url("./fonts/Satoshi-Bold.woff") format("woff"), url("./fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("./fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("./fonts/Satoshi-BoldItalic.woff") format("woff"), url("./fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("./fonts/Satoshi-Black.woff2") format("woff2"), url("./fonts/Satoshi-Black.woff") format("woff"), url("./fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("./fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("./fonts/Satoshi-BlackItalic.woff") format("woff"), url("./fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
body {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  font-family: "Satoshi-Regular";
}

.main-container {
  height: 100dvh;
  width: 100%;
}
.main-container .sideNavigation-Container {
  position: absolute;
  top: 0;
  left: 0;
  height: 35rem;
  width: 20rem;
  z-index: 10;
  display: flex;
  align-items: center;
  border-bottom-right-radius: 20px;
  background-color: #E2EBF3;
}
.sideNavigation-Container .wrapper{
  /* background-color: red; */
  width: 95%;
  margin-inline: auto;
}
.sideNavigation-Container .wrapper .options-container {
  margin-top: 3rem;
}
.main-container .sideNavigation-Container .options-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* height: 18rem; */
  width: 100%;
  /* justify-content: space-between; */
  list-style: none;
  display: flex;
  gap: 0.5rem;
}
.main-container .sideNavigation-Container .options-container li {
  background: #f7f7f7;
  width: 110%;
  display: flex;
  border-radius: 4px;
  align-items: center;
  height: 2.5rem;
  margin-left: -2rem;
  padding-left: 0.5rem;
  border: 1.2px solid #E2EBF3;
  transition: all 0.3s ease-in-out;
}
.main-container .sideNavigation-Container .options-container li a {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  font-size: 0.75rem;
  color: #26387B;
  align-items: center;
  text-transform: capitalize;
  font-family: "Satoshi-Bold";
  text-decoration: none !important;
}
.main-container .sideNavigation-Container .options-container li a span {
  height: 1rem;
  width: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-container .sideNavigation-Container .options-container li:hover {
  border: 1.2px solid #007BFF;
}
.main-container .sideNavigation-Container .contact-relationship-btn {
  height: 2.5rem;
  width: 100%;
  background: #26387B;
  display: flex;
  margin-top: 5rem;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.8rem;
  font-family: "Satoshi-Bold";
  text-decoration: none !important;
  border-radius: 20rem;
  gap: 0.5rem;
}
.main-container .sideNavigation-Container .contact-relationship-btn span {
  height: 1rem;
  width: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-container .sideNavigation-Container .top-container {
  gap: 0.5rem;
  justify-content: center;
  flex-direction: column;
  padding: 0 !important;
  margin: 0 !important;
}
.main-container .sideNavigation-Container .top-container .logo {
  height: 7rem;
  width: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2rem;
}
.main-container .sideNavigation-Container .top-container .tagline {
  margin: 0;
  margin-top: -0.5rem;
  font-size: 1rem;
  font-family: "Satoshi-Bold";
  padding: 0;
  color: #26387B;
}
.main-container .bannerContainer {
  height: 100dvh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main-container .bannerContainer img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-container .bannerContainer .banner-overlay {
  background: linear-gradient(90deg, rgb(26 26 26 / 42%) 29.18%, rgba(255, 255, 255, 0) 97.38%) !important;
}

.footer-container {
  border-top: 2px solid #dedede;
  background-color: #fff;
}
.footer-container .top-footer-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.footer-container .top-footer-container .cbz-wrapper {
  padding-top: 0.5rem;
}
.footer-container .top-footer-container .cbz-wrapper .links-wrapper {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
}
.footer-container .top-footer-container .cbz-wrapper .links-wrapper li {
  margin-left: -1.5rem;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.footer-container .top-footer-container .cbz-wrapper .links-wrapper li a {
  display: flex;
  gap: 0.5rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #26387B;
  font-family: "Satoshi-Medium";
  flex-direction: row-reverse;
}
.footer-container .top-footer-container .cbz-wrapper .links-wrapper li span {
  background: #f7f7f7;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.footer-container .top-footer-container .cbz-wrapper .links-wrapper li span img {
  height: 60%;
  width: 60%;
}
.footer-container .top-footer-container .cbz-wrapper .links-wrapper a {
  font-size: 0.9rem;
}
.footer-container .top-footer-container .cbz-wrapper .footer-social {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  list-style-type: none;
  align-items: center;
  margin-left: -1rem;
}
.footer-container .top-footer-container .cbz-wrapper .footer-social li {
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-container .top-footer-container .cbz-wrapper .footer-social li a {
  height: 100%;
  width: 100%;
}
.footer-container .top-footer-container .cbz-wrapper .footer-social li a img {
  height: 2rem;
  width: 2rem;
}
.footer-container .wrapper {
  width: 1210px;
  margin: auto;
}
.footer-container .bottom-footer-container {
  background: #26387B;
  height: 3rem;
  display: flex;
  width: 100vw;
  margin-left: -7rem;
  align-items: center;
}
.footer-container .bottom-footer-container span {
  color: #fff;
  font-family: "Satoshi-Bold";
  font-size: 0.8rem;
  width: 1210px;
  margin: auto;
}
.footer-container .footer-links-container > div {
  width: 18rem;
}
.footer-container .disclaimer-wrapper {
  background: #EDF1FF;
  padding: 1rem;
  width: 28rem !important;
  margin-top: -0.5rem;
  height: -moz-fit-content;
  height: fit-content;
}
.footer-container .disclaimer-wrapper .main-heading {
  font-size: 1.3rem;
  color: #26387B;
  font-family: "Satoshi-Bold";
  margin: 0;
  padding: 0;
}
.footer-container .disclaimer-wrapper .main-description {
  font-size: 0.9rem;
  font-family: "Satoshi";
  color: #26387B;
  margin: 0;
  padding-top: 1rem;
}
.footer-container .footer-links-container {
  display: flex;
  padding-top: 1rem;
  width: 70%;
  gap: 1rem;
  border-left: 2px dashed #dedede;
  padding-left: 1rem;
}
.footer-container .footer-links-container .products-wrapper {
  margin-top: 0.5rem;
}
.footer-container .footer-links-container .links-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  list-style: none;
}
.footer-container .footer-links-container .links-wrapper li {
  list-style: none;
}
.footer-container .footer-links-container li {
  list-style: none;
  font-size: 0.9rem;
  font-family: "Satoshi-Medium";
}
.footer-container .footer-links-container li a {
  text-decoration: none;
  color: #26387B;
}
.footer-container .footer-links-container .heading {
  font-size: 1.3rem;
  font-family: "Satoshi-Bold";
  color: #26387B;
}

.bottom-footer-container {
  background: #26387B;
  height: 3rem;
  display: flex;
  width: 100vw;
  align-items: center;
}
.bottom-footer-container span {
  color: #fff;
  font-family: "Satoshi-Bold";
  font-size: 0.8rem;
  width: 1210px;
  margin: auto;
}/*# sourceMappingURL=mortgage-app-index.css.map */

.finishApplicationWrapper {
  /* background-color: red; */

  ul > li {
      display: flex;
      align-items: center;
      justify-content: center;
      /* flex */

    a{
      display: flex;
      align-items: center;
      justify-content: center;
      /* padding-left: .5rem; */
    }
  }
}