@font-face {
  font-family: lato;
  src: url(https://qiniu-cdn.hotelux.com/FuATL-tRT-s823RdR5xx3uYq03dX.ttf);
}

@font-face {
  font-family: lato-thin;
  src: url(https://qiniu-cdn.hotelux.com/Fn51AUC1D38scFzy9nxVnywmcJbH.ttf);
}

.wrapper {
  background: #1E2029;
  min-height: 100vh;
}

.bac-img {
  margin-top: 20px;
  margin-bottom: 70px;
}

.subko-logo {
  position: absolute;
  top: 60px;
  left: 60px;
}
.subko-logo .circle {
  position: relative;
}
.subko-logo .circle-red {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #E41B24;
  border-radius: 30px;
}
.subko-logo .circle-yellow {
  position: absolute;
  left: 19px;
  width: 30px;
  height: 30px;
  background: #F89E1B;
  border-radius: 30px;
  overflow: hidden;
}
.subko-logo .circle-yellow::before {
  content: '';
  position: absolute;
  left: -19px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #F16522;
}
.subko-logo .logo-mid {
  position: absolute;
  left: 70px;
  top: 3px;
  width: 30px;
  height: 24px;
  width: 1px;
  background: #FFFFFF;
  opacity: 0.7;
}
.subko-logo .logo-img {
  position: absolute;
  left: 90px;
  top: 2px;
  height: 26px;
}

.content-item {
  border-left: 18.5px solid #000;
  border-right: 22.5px solid #000;
  padding: 24px 42px 24px 64px;
  border-bottom: 22.5px solid;
  border-radius: 0 0 50px 50px;
}

.content-item .title {
  font-size: 42px;
  color: #fff;
  font-weight: bolder;
  margin-bottom: 42px;
  font-family: "lato";
}
.content-item li{
  margin-bottom: 16px;
  list-style-type: disc;
  color: #fff;
}

.content-item li p {
  font-family: "lato";
  font-weight: 400;
  font-size: 16px;
  font-family: Lato, Lato;
  line-height: 21px;
  color: #fff;
}
.content-item li p a {
  color: #C7754D;
}
.content-item .li-not-dot{
  list-style-type: none;
}