* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
body {
  font-family: Inter, Inter;
  display: flex;
  flex-direction: column;
  /* background-image: url("../images/Purple Circle@2x.png");
  background-repeat: no-repeat;
  background-position: 0 100px;
  background-size: 513px 807px; */
  background-color: #f1f6ff;
  position: relative;
}
.bgg1 {
  width: 513px;
  height: 807px;
  position: absolute;
  bottom: 1000px;
  left: 0;
  z-index: 100;
}
.bgg2 {
  width: 404px;
  height: 807px;
  position: absolute;
  top: 2000px;
  right: 0;
  z-index: 100;
}
.bgg3 {
  width: 513px;
  height: 807px;
  position: absolute;
  top: 1000px;
  left: 0;
  z-index: 100;
}
a,
span {
  display: inline-block;
}

/* header */
header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #5752da;
  z-index: 9999999;
}
.header-active {
  /* background-color: #fff; */
  font-weight: bold;
}
header nav {
  height: 100%;
  margin: 0 auto;
  display: flex;

  align-items: center;
  justify-content: space-between;
  z-index: 9999999;
}
header nav .logo {
  /* width: 166px; */
  height: 60px;
}
header nav .logo a {
  width: 100%;
  height: 100%;
  font-size: 32px;
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
}
header nav .logo a img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
header nav .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header nav .nav-links li {
  margin-right: 40px;
}
header nav .nav-links li a {
  font-size: 18px;
  color: #fff;
  text-decoration: auto;
}
header nav .nav-links a.active {
  color: #ffba49 !important;
  position: relative;
  font-weight: bold;
}

#home {
  width: 100%;
  height: 1167px;
  background: #fff;
  background-image: url("../images/bg @2x.png");
  background-size: 100% 1167px;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 140px;
}
#home .container {
  height: 1167px;
  display: flex;
  align-items: flex-start;
}
#home .container .left {
  width: 824px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 57px;
}
#home .container .left .title {
  font-size: 62px;
  color: #ffffff;
  line-height: 76px;
  margin-bottom: 89px;
}
#home .container .left .small {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  line-height: 38px;
  margin-bottom: 89px;
}
#home .container .left .down {
  display: flex;
  align-items: center;
}
#home .container .left .down img {
  width: 274px;
  height: 91px;
  margin-right: 50px;
}
#home .container .right {
  width: 600px;
  height: 811px;
  margin-left: 30px;
}
#OurAdvantages {
  width: 100%;
  padding-top: 204px;
  padding-bottom: 341px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 76%, 0 100%);
}
#OurAdvantages .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#OurAdvantages .container .title {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  color: #2e526b;
  line-height: 72px;
  margin-bottom: 29px;
}
#OurAdvantages .container .line {
  width: 100px;
  height: 6px;
  background: #5752da;
  border-radius: 100px;
  margin-bottom: 90px;
}
#OurAdvantages .container .list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#OurAdvantages .container .list div {
  width: 349px;
  height: 400px;
  background: #ffffff;
  box-shadow: 0px 4px 0px 0px #474ed3;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid #dce2ee;
  padding: 75px 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#OurAdvantages .container .list div img {
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}
#OurAdvantages .container .list div span {
  font-weight: bold;
  font-size: 32px;
  color: #2e526b;
  line-height: 38px;
  margin-bottom: 24px;
}
#OurAdvantages .container .list div p {
  font-weight: 400;
  font-size: 20px;
  color: #2e526b;
  line-height: 23px;
}
#LoanApplication {
  width: 100%;
  padding-top: 100px;
  background: #f1f6ff;
}
#LoanApplication .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#LoanApplication .container .title {
  font-weight: bold;
  font-size: 48px;
  color: #2e526b;
  line-height: 72px;
  margin-bottom: 34px;
}
#LoanApplication .container .line {
  width: 100px;
  height: 6px;
  background: #5752da;
  border-radius: 100px;
  margin-bottom: 157px;
}
#LoanApplication .container .content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#LoanApplication .container .content .left {
  width: 627px;
  height: 987px;
  margin-right: 50px;
  overflow: hidden;
}
#LoanApplication .container .content .left img {
  width: 627px;
  height: 987px;
  display: none;
}

#LoanApplication .container .content .left img.active {
  display: block !important;
}
#LoanApplication .container .content .right {
  width: 517px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#LoanApplication .container .content .right .item {
  display: flex;
  align-items: flex-start;
}
#LoanApplication .container .content .right .item .l-content {
  width: 48px;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-right: 33px;
}
#LoanApplication .container .content .right .item .l-content .number {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: #5752da;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 48px;
}
#LoanApplication .container .content .right .item .l-content .line {
  height: 190px;
  border-left: 1px dashed #5752da;
  width: 5px;
  margin: 2px 0;
  background: transparent;
}

#LoanApplication .container .content .right .item .r-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#LoanApplication .container .content .right .item .r-content .p1 {
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  line-height: 28px;
  margin-bottom: 24px;
}
#LoanApplication .container .content .right .item .r-content .p1.active {
  color: #5752da !important;
}
#LoanApplication .container .content .right .item .r-content .p2 {
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 23px;
}
#WhoIsJoywin {
  width: 100%;
  height: 1395px;
  background-image: url("../images/bg32.png");
  background-size: 100% 1395px;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 405px;
  padding-bottom: 600px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#WhoIsJoywin .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#WhoIsJoywin .container .title {
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-size: 48px;
  color: #ffffff;
  line-height: 56px;
  margin-bottom: 28px;
}
#WhoIsJoywin .container .line {
  width: 100px;
  height: 6px;
  background: #fff;
  border-radius: 100px;
  margin-bottom: 94px;
}
#WhoIsJoywin .container .small {
  font-weight: normal;
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  margin-bottom: 138px;
  text-align: center;
}
#WhoIsJoywin .container .list {
  width: 100%;
  display: flex;
  align-items: center;
}
#WhoIsJoywin .container .list div {
  width: 384px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#WhoIsJoywin .container .list div p {
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
  line-height: 38px;
}
#JoinUs {
  width: 100%;
  padding-top: 270px;
  background: #f1f6ff;
  clip-path: polygon(0 21%, 100% 0, 100% 100%, 0 100%);
}

#JoinUs .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#JoinUs .container .left {
  display: flex;
  flex-direction: column;
  width: 794px;
  align-items: flex-start;
}
#JoinUs .container .left .p1 {
  font-size: 96px;
  color: #000000;
  line-height: 113px;
  margin-bottom: 60px;
  font-weight: 600;
}
#JoinUs .container .left .p2 {
  font-size: 32px;
  color: #000000;
  line-height: 48px;
  margin-bottom: 88px;
  font-weight: 600;
}
#JoinUs .container .left .down {
  display: flex;
  align-items: center;
}
#JoinUs .container .left .down img {
  width: 274px;
  height: 91px;
  margin-right: 50px;
}
#JoinUs .container .right {
  width: 500px;
  height: 660px;
}
#footer {
  width: 100%;
  background: #000000;
  padding: 64px 0;
}
#footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .container .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#footer .container .left .p1 {
  font-weight: bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 48px;
  margin-bottom: 32px;
}
#footer .container .left .p2 {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  margin-bottom: 20px;
}
#footer .container .left .p3 {
  font-weight: 400;
  font-size: 14px;
  color: #d1d5db;
  line-height: 20px;
  margin-bottom: 20px;
}
#footer .container .left .p4 {
  font-weight: 400;
  font-size: 14px;
  color: #d1d5db;
  line-height: 20px;
  margin-bottom: 20px;
}
#footer .container .left .p5 a {
  font-size: 14px;
  color: #1db5be;
  line-height: 20px;
}
#footer .container .right {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#footer .container .right img {
  width: 100px;
  height: 100px;
  margin-bottom: 24px;
}
#footer .container .right span {
  font-weight: bold;
  font-size: 48px;
  color: #ffffff;
  line-height: 72px;
}
#backTop {
  width: 32px;
  height: 32px;
  position: fixed;
  bottom: 80px;
  right: 80px;
  z-index: 999;
  cursor: pointer;
  opacity: 0.6;
}
#backTop:hover {
  opacity: 1;
}
#backTop img {
  width: 100%;
  height: 100%;
}
.PrivacyPolicy {
  display: none;
}