/* article */
.article {
  padding-top: 340px;
  padding-bottom: 246px;
  position: relative;
}
.article::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background: #1d1e20;
}
.article1 {
  background: url('../../assets/img/articleBg1.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article2 {
  background: url('../../assets/img/articleBg2.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article3 {
  background: url('../../assets/img/articleBg3.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article4 {
  background: url('../../assets/img/articleBg4.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article5 {
  background: url('../../assets/img/articleBg5.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article6 {
  background: url('../../assets/img/articleBg6.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article7 {
  background: url('../../assets/img/articleBg7.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article8 {
  background: url('../../assets/img/articleBg8.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article9 {
  background: url('../../assets/img/articleBg9.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article10 {
  background: url('../../assets/img/articleBg10.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article11 {
  background: url('../../assets/img/articleBg11.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article12 {
  background: url('../../assets/img/articleBg12.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article13 {
  background: url('../../assets/img/articleBg13.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article14 {
  background: url('../../assets/img/articleBg14.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article15 {
  background: url('../../assets/img/articleBg15.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article16 {
  background: url('../../assets/img/articleBg16.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article17 {
  background: url('../../assets/img/articleBg17.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article18 {
  background: url('../../assets/img/articleBg18.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article19 {
  background: url('../../assets/img/articleBg19.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article20 {
  background: url('../../assets/img/articleBg20.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article21 {
  background: url('../../assets/img/articleBg21.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article22 {
  background: url('../../assets/img/articleBg22.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article23 {
  background: url('../../assets/img/articleBg23.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article24 {
  background: url('../../assets/img/articleBg24.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article25 {
  background: url('../../assets/img/articleBg25.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article26 {
  background: url('../../assets/img/articleBg26.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article27 {
  background: url('../../assets/img/articleBg27.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article28 {
  background: url('../../assets/img/articleBg28.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article29 {
  background: url('../../assets/img/articleBg29.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.article30 {
  background: url('../../assets/img/articleBg30.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
.articleInner {
  position: relative;
  z-index: 1;
}
.articleTitle {
  color: #fff;
  font-family: 'Bebas Neue Pro';
  font-size: 59.531px;
  font-style: normal;
  font-weight: 400;
  line-height: 84px; /* 141.102% */
  text-transform: uppercase;
}

/* content */
.content {
  padding-top: 108px;
  padding-bottom: 141px;
}
.contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  max-width: 960px;
  margin: 0 auto;
}
.contentSub {
  color: #1d1e20;
  font-family: Rubik;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 29.7px; /* 165% */
}
.contentSub a {
  color: #3c9ba5;
}
.contentSubs16 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16.8px;
}
.settings {
  border-radius: 4px;
  border: 1px solid #aaa;
  background: #edf6ff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  padding: 10px 20px 10px 10px;
  max-width: 413.53px;
  width: 100%;
}
.settingsImg img {
  display: block;
  margin-left: auto;
}
.settingsSubList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 30px;
}
.settingsSub {
  color: #444;
  font-family: Rubik;
  font-size: 16.2px;
  font-style: normal;
  font-weight: 500;
  line-height: 25.99px; /* 160.432% */
}
.settingsSub1 {
  color: #444;
  font-family: Rubik;
  font-size: 14.6px;
  font-style: normal;
  font-weight: 500;
  line-height: 23.39px; /* 160.205% */
}
.contentImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.contentTitle {
  color: #3c9ba5;
  font-family: 'Bebas Neue Pro';
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 78px; /* 130% */
  text-transform: uppercase;
}
.contentSubs30 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.contentTitle1 {
  color: #3c9ba5;
  font-family: 'Bebas Neue Pro';
  font-size: 31.875px;
  font-style: normal;
  font-weight: 400;
  line-height: 41.6px; /* 130.51% */
  text-transform: uppercase;
}
.contentSubList {
  margin-left: 50px;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 991px) {
  /* article */
  .article {
    padding-top: 150px;
    padding-bottom: 75px;
  }
  .articleTitle {
    font-size: 45px;
    line-height: 60px;
  }

  /* content */
  .content {
    padding: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  /* article */
  .article {
    padding-bottom: 30px;
  }
  .articleTitle {
    font-size: 30px;
    line-height: 45px;
  }

  /* content */
  .content {
    padding: 30px 0;
  }
  .contentSub {
    font-size: 16px;
    line-height: 26px;
  }
  .contentTitle {
    font-size: 30px;
    line-height: 45px;
  }
  .contentTitle1 {
    font-size: 23px;
    line-height: 33px;
  }
}