* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
}
a,
button:active,
button:focus,
input:active,
input:focus {
  outline: 0 !important;
}
a:hover {
  text-decoration: none;
}

/* container */
.container {
  max-width: 1096px;
  margin: 0 auto;
  padding: 0 20px;
}

/* header */
.header {
  border-top: 4px solid #ec008c;
  padding-top: 18.5px;
  padding-bottom: 14.5px;
  background: #2f154f;
  -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.35);
}
.logo img {
  display: block;
  max-width: 100%;
}

/* content */
.content {
  margin-top: 50px;
  margin-bottom: 58px;
}
.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: 48px;
}
.contentBoxTopSub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #ec008c;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.6px; /* 140% */
}
.contentBoxTopSub span {
  color: #646464;
}
.dot {
  display: block;
  width: 4px;
  height: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 2px;
  background: #646464;
}
.contentBoxTitle {
  color: #000;
  font-family: 'DM Sans';
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 57.6px; /* 120% */
  margin-top: 6.5px;
}
.contentBoxTopSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.contentBoxTopSub1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: #646464;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.6px; /* 140% */
}
.contentBoxTopSub1 a {
  color: #202121;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.contentBoxBottom {
  max-width: 668px;
  margin-top: 40px;
}
.contentBoxImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.contentBoxImgSub {
  color: #646464;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.6px; /* 140% */
  margin-top: 15px;
}
.contentBoxSubs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  margin-top: 30px;
}
.contentBoxTitle1 {
  color: #000;
  font-family: 'DM Sans';
  font-size: 23.8px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.8px; /* 121.008% */
}
.contentBoxSubs24 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}
.contentBoxSub {
  color: #000;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.contentBoxSub a {
  color: #ec008c;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.contentBoxSub15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.readBox {
  margin-top: 32px;
}
.readBoxTitle {
  color: #ef3d3b;
  font-family: 'DM Sans';
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 160% */
  text-transform: uppercase;
}
.readBoxBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
}
.readBoxImg img {
  display: block;
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.readBoxLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  color: #000;
  font-family: 'DM Sans';
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px; /* 130% */
  text-transform: uppercase;
}
.readBoxLink img {
  display: block;
}
.tags {
  border-top: 1px solid #000;
  padding-top: 25px;
  margin-top: 32px;
}
.tagsTitle {
  color: #ec008c;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.6px; /* 140% */
  text-transform: uppercase;
}
.tagsLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
}
.tagLink {
  display: block;
  color: #646464;
  font-family: 'DM Sans';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px; /* 140% */
  border: 1px solid #646464;
  background: #fff;
  padding: 4.5px 7px 1.3px 7px;
}
.portals {
  border-top: 1px solid #000;
  padding-top: 25px;
  margin-top: 32px;
}
.portalsTitle {
  color: #ec008c;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.6px; /* 140% */
  text-transform: uppercase;
}
.portalsBoxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 17px;
}
.portalBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
  width: 43%;
}
.portalBoxImg img {
  display: block;
  height: 50px;
  max-width: 52px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.portalBoxLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  color: #000;
  font-family: 'DM Sans';
  font-size: 11.4px;
  font-style: normal;
  font-weight: 700;
  line-height: 19.2px; /* 168.421% */
  letter-spacing: 0.24px;
}
.portalBoxLink img {
  display: block;
}
.italic {
  font-style: italic;
}
.contentBoxBottom1 {
  margin-top: 0;
}
.contentBoxSub16 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

/* footer */
.footer {
  background: #202121;
  padding-top: 40px;
  padding-bottom: 24px;
}
.footerInner {
  max-width: 471px;
}
.footerLogo img {
  display: block;
  max-width: 100%;
}
.footerSub {
  color: #fff;
  font-family: 'DM Sans';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.6px; /* 140% */
  margin-top: 20px;
}
.footerLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 23px;
  margin-top: 94px;
}
.footerLink {
  color: #fff;
  font-family: 'DM Sans';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px; /* 140% */
  position: relative;
  padding-left: 17px;
}
.footerLink:after {
  border-radius: 4px;
  background: #ec008c;
  content: '';
  display: block;
  height: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
}