/*home page style start*/

.hero-section {
  position: relative;
  min-height: 80vh;
  background-color: #f4f7fa;
}

html.dark-theme .hero-section {
  background-color: #1a2232;
}

.shape-square-top-left {
  top: -100px;
  left: -200px;
  width: 400px;
  height: 400px;
  background-color: dimgray;
  opacity: 10%;
  transform: rotate(45deg);
}

.shape-square-middle-left {
  top: -10%;
  left: 10%;
  width: 400px;
  height: 400px;
  background-color: dimgray;
  opacity: 10%;
  transform: rotate(45deg);
}

html.dark-theme .shape-square-top-left,
html.dark-theme .shape-square-middle-left {
  background-color: #ffffff;
  opacity: 5%;
}

.circle-indicator {
  width: 200px;
  height: 200px;
  top: -50px;
  left: -50px;
  background-color: #355c7c;
}

html.dark-theme .circle-indicator {
  background-color: #4a7297;
}

.indicator-list {
  width: 40%;
  height: 40%;
  position: absolute;
  top: 30%;
  left: 30%;
}

.indicator-list li {
  width: 8px;
  background-color: white;
}

.indicator-list li:first-child {
  height: 30%;
}

.indicator-list li:nth-child(2) {
  height: 60%;
}

.indicator-list li:last-child {
  height: 90%;
}


.circle-bottom-left {
  width: 200px;
  height: 200px;
  top: 100%;
  left: 0;
  background-color: #355c7c;
  transform: translate(-50%, -50%);
}

html.dark-theme .circle-bottom-left {
  background-color: #4a7297;
}

.ring-bottom-center {
  width: 300px;
  height: 300px;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -30%);
  border: 40px solid #a0b3cc;
  border-radius: 100%;
}

html.dark-theme .ring-bottom-center {
  border-color: #3d5068;
}

#s1-image {
  min-height: 80vh;
}

#s2-image {
  position: absolute;
  width: 400px;
  top: 0;
  right: 0;
  bottom: 0;
}

#s3-image {
  min-height: 80vh;
}

html.dark-theme .text-dark {
  color: #f1f4f6 !important;
}

html.dark-theme .lead.text-muted {
  color: #a5aab1 !important;
}

/*home page style end*/

/* Account Balance NetWorth summary style start */

#accountSummary {
  width: 98%;
}

#accountSummary li {
  padding: 10px;
}
/* Account Balance NetWorth summary style ends */
