body,
button,
input,
select,
optgroup,
textarea,
p,
.p {
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px, 18 / 1280 * 100vw), 18px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (min-width: 1921px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: calc(18px * 1.2);
  }
}

p,
.p {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.38;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

.introTitle {
  color: #ffffff;
  position: relative;
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.65em;
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    font-size: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    font-size: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    font-size: calc(20px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    margin-bottom: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle ~ .introTitle {
    font-size: calc(12px * 1.2);
  }
}

.row-title {
  width: 70%;
  margin-inline: auto;
  text-align: center;
  color: #5273b3;
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .row-title {
    margin-bottom: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title {
    width: 100%;
  }
}
.row-title.bg-title:before {
  content: attr(data-text);
  position: absolute;
  color: rgba(255, 255, 255, 0.45);
  top: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    font-size: min(max(120px, 120 * 1.5 / 768 * 100vw), 120 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    font-size: min(max(250px, 250 / 1280 * 100vw), 250px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title.bg-title:before {
    font-size: min(max(250px / 1.2, 250 / 1.2 / 900 * 100vh), 250px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title.bg-title:before {
    font-size: calc(250px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    max-width: calc(100vw - min(max(40px, 7.8125vw), 60px));
    left: calc(0px - (100vw - 100%) / 2 + min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    max-width: unset;
    right: calc(0px - (100vw - 100%) / 2 + min(max(74px, 5.78125vw), 75px));
  }
}

.row-desc {
  text-align: center;
  width: 70%;
  margin-inline: auto;
}
@media only screen and (max-width: 1279px) {
  .row-desc {
    margin-bottom: min(max(26px, 26 * 1.5 / 768 * 100vw), 26 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-desc {
    margin-bottom: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-desc {
    margin-bottom: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-desc {
    margin-bottom: calc(37px * 1.2);
  }
}

.c-container--xsmall .row-title,
.c-container--xsmall .row-desc {
  width: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  clear: both;
  margin-top: 0;
  margin-bottom: 0.8em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: normal;
}

h1,
.h1 {
  line-height: 1.12;
}
@media only screen and (max-width: 1279px) {
  h1,
  .h1 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: min(max(48px, 48 / 1280 * 100vw), 58px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h1,
  .h1 {
    font-size: min(max(48px / 1.2, 48 / 1.2 / 900 * 100vh), 48px);
  }
}
@media only screen and (min-width: 1921px) {
  h1,
  .h1 {
    font-size: calc(58px * 1.2);
  }
}

h2,
.h2 {
  line-height: 1.22;
}
@media only screen and (max-width: 1279px) {
  h2,
  .h2 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h2,
  .h2 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 45px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h2,
  .h2 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h2,
  .h2 {
    font-size: calc(45px * 1.2);
  }
}

h3,
.h3 {
  line-height: 1.25;
}
@media only screen and (max-width: 1279px) {
  h3,
  .h3 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h3,
  .h3 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h3,
  .h3 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h3,
  .h3 {
    font-size: calc(40px * 1.2);
  }
}

h4,
.h4 {
  line-height: 1.16;
}
@media only screen and (max-width: 1279px) {
  h4,
  .h4 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h4,
  .h4 {
    font-size: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h4,
  .h4 {
    font-size: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  h4,
  .h4 {
    font-size: calc(37px * 1.2);
  }
}

h5,
.h5 {
  line-height: 1.09;
}
@media only screen and (max-width: 1279px) {
  h5,
  .h5 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h5,
  .h5 {
    font-size: min(max(32px, 32 / 1280 * 100vw), 32px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h5,
  .h5 {
    font-size: min(max(32px / 1.2, 32 / 1.2 / 900 * 100vh), 32px);
  }
}
@media only screen and (min-width: 1921px) {
  h5,
  .h5 {
    font-size: calc(32px * 1.2);
  }
}

h6,
.h6 {
  font-weight: 800;
  line-height: 1.35;
}
@media only screen and (max-width: 1279px) {
  h6,
  .h6 {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h6,
  .h6 {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h6,
  .h6 {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  h6,
  .h6 {
    font-size: calc(14px * 1.2);
  }
}

section.top {
  position: relative;
  padding-top: calc(var(--hh) - min(max(20px, 1.5625vw), 40px));
  background-color: #233768;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  section.top {
    padding-top: calc(var(--hh) + 10px);
  }
}
section.top * {
  color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  section.top .c-container {
    padding-inline: min(max(17px, 17 * 1.5 / 768 * 100vw), 17 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  section.top .c-container {
    padding-inline: min(max(17px, 17 / 1280 * 100vw), 17px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .c-container {
    padding-inline: min(max(17px / 1.2, 17 / 1.2 / 900 * 100vh), 17px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  section.top .c-container {
    padding-inline: calc(17px * 1.2);
  }
}
section.top .c-container .c-row {
  flex-direction: column;
}
section.top .page-featuredImage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
section.top .page-featuredImage.blended {
  z-index: -1;
}
section.top .page-featuredImage.blended:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #5273b3;
  mix-blend-mode: multiply;
}
section.top .page-featuredImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.top .repeat-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1279px) {
  section.top .repeat-bg {
    display: none;
  }
}
section.top .repeat-bg > span {
  flex: 0 0 20%;
  max-width: 20%;
  display: flex;
}
section.top .repeat-bg > span:nth-of-type(2n + 2) {
  transform: scale(1.7);
  transform-origin: 50% 70%;
}
section.top .repeat-bg > span span {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  filter: blur(8px);
  display: block;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 1921px) {
  section.top .repeat-bg > span span {
    filter: blur(11px);
  }
}
section.top .repeat-bg > span span:nth-of-type(2n + 2) {
  transform: scale(0.7);
  transform-origin: 0% 70%;
}
section.top .title-wrap {
  position: relative;
}
@media only screen and (max-width: 1279px) {
  section.top .title-wrap {
    padding-bottom: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .title-wrap {
    padding-bottom: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .title-wrap {
    padding-bottom: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .title-wrap {
    padding-bottom: calc(40px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  section.top .title-wrap {
    padding-bottom: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .title-wrap {
    padding-bottom: min(max(40px, 40 / 1280 * 100vw), 75px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .title-wrap {
    padding-bottom: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .title-wrap {
    padding-bottom: calc(75px * 1.2);
  }
}
section.top .page-subTitle {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
section.top .extra-title {
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: rgba(82, 115, 179, 0.22);
  position: absolute;
  pointer-events: none;
  bottom: calc(0px - min(max(10px, 1.5625vw), 20px));
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  section.top .extra-title {
    font-size: min(max(120px, 120 * 1.5 / 768 * 100vw), 120 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .extra-title {
    font-size: min(max(275px, 275 / 1280 * 100vw), 275px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .extra-title {
    font-size: min(max(275px / 1.2, 275 / 1.2 / 900 * 100vh), 275px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .extra-title {
    font-size: calc(275px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  section.top .extra-title {
    left: calc(0px - (100vw - 100%) / 2 + min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  section.top .extra-title {
    bottom: -15px;
  }
}
@media only screen and (min-width: 1280px) {
  section.top .extra-title {
    right: calc(0px - (100vw - 100%) / 2 + min(max(40px, 3.125vw), 75px));
  }
}
@media only screen and (min-width: 1921px) {
  section.top .extra-title {
    bottom: -24px;
  }
}
section.top .page-excerpt,
section.top .page-desc {
  line-height: 1.54;
  max-width: 820px;
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 1279px) {
  section.top .page-excerpt,
  section.top .page-desc {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-excerpt,
  section.top .page-desc {
    font-size: min(max(18px, 18 / 1280 * 100vw), 22px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-excerpt,
  section.top .page-desc {
    font-size: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-excerpt,
  section.top .page-desc {
    font-size: calc(22px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-top: min(max(38px, 38 * 1.5 / 768 * 100vw), 38 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-top: min(max(60px, 60 / 1280 * 100vw), 60px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-top: min(max(60px / 1.2, 60 / 1.2 / 900 * 100vh), 60px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-top: calc(60px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  section.top .page-excerpt,
  section.top .page-desc {
    margin-bottom: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-excerpt,
  section.top .page-desc {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-excerpt,
  section.top .page-desc {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-excerpt,
  section.top .page-desc {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-bottom: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-bottom: min(max(75px, 75 / 1280 * 100vw), 75px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-bottom: min(max(75px / 1.2, 75 / 1.2 / 900 * 100vh), 75px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-excerpt,
  section.top .page-desc {
    padding-bottom: calc(75px * 1.2);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-excerpt,
  section.top .page-desc {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1279px) {
  section.top .page-excerpt,
  section.top .page-desc {
    margin-bottom: 0;
    max-width: 85%;
  }
}
section.top .page-excerpt:before,
section.top .page-desc:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 1px;
  background-color: #ffffff;
  top: 0;
  left: calc(0px - (100vw - 100%) / 2);
}
@media only screen and (max-width: 1279px) {
  section.top .page-excerpt {
    display: none;
  }
}
@media only screen and (max-width: 1279px) {
  section.top .page-desc .extra {
    margin-top: min(max(35px, 35 * 1.5 / 768 * 100vw), 35 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-desc .extra {
    margin-top: min(max(55px, 55 / 1280 * 100vw), 55px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-desc .extra {
    margin-top: min(max(55px / 1.2, 55 / 1.2 / 900 * 100vh), 55px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-desc .extra {
    margin-top: calc(55px * 1.2);
  }
}
section.top .page-desc .extra .read {
  display: flex;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  width: fit-content;
  margin-inline: auto;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
@media only screen and (max-width: 1279px) {
  section.top .page-desc .extra .read {
    font-size: min(max(9px, 9 * 1.5 / 768 * 100vw), 9 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-desc .extra .read {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-desc .extra .read {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-desc .extra .read {
    font-size: calc(12px * 1.2);
  }
}
section.top .page-desc .extra .read .btn-arrow {
  display: inline-block;
}
section.top .page-desc .extra .read .btn-arrow:after {
  color: #ffffff;
}
@media only screen and (max-width: 1279px) {
  section.top .page-desc .extra .read .btn-arrow:after {
    font-size: min(max(5px, 5 * 1.5 / 768 * 100vw), 5 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-desc .extra .read .btn-arrow:after {
    font-size: min(max(7px, 7 / 1280 * 100vw), 7px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-desc .extra .read .btn-arrow:after {
    font-size: min(max(7px / 1.2, 7 / 1.2 / 900 * 100vh), 7px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-desc .extra .read .btn-arrow:after {
    font-size: calc(7px * 1.2);
  }
}
section.top .page-desc .extra .read.more .btn-arrow {
  transform: rotate(90deg);
}
@media only screen and (max-width: 1279px) {
  section.top .page-desc .extra .read.less {
    margin-top: min(max(70px, 70 * 1.5 / 768 * 100vw), 70 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  section.top .page-desc .extra .read.less {
    margin-top: min(max(120px, 120 / 1280 * 100vw), 120px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  section.top .page-desc .extra .read.less {
    margin-top: min(max(120px / 1.2, 120 / 1.2 / 900 * 100vh), 120px);
  }
}
@media only screen and (min-width: 1921px) {
  section.top .page-desc .extra .read.less {
    margin-top: calc(120px * 1.2);
  }
}
section.top .page-desc .extra .read.less .btn-arrow {
  transform: rotate(-90deg);
}

body,
button,
input,
select,
optgroup,
textarea,
p,
.p {
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px, 18 / 1280 * 100vw), 18px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (min-width: 1921px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: calc(18px * 1.2);
  }
}

p,
.p {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.38;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

.introTitle {
  color: #ffffff;
  position: relative;
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.65em;
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    font-size: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    font-size: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    font-size: calc(20px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    margin-bottom: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle ~ .introTitle {
    font-size: calc(12px * 1.2);
  }
}

.row-title {
  width: 70%;
  margin-inline: auto;
  text-align: center;
  color: #5273b3;
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .row-title {
    margin-bottom: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title {
    width: 100%;
  }
}
.row-title.bg-title:before {
  content: attr(data-text);
  position: absolute;
  color: rgba(255, 255, 255, 0.45);
  top: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    font-size: min(max(120px, 120 * 1.5 / 768 * 100vw), 120 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    font-size: min(max(250px, 250 / 1280 * 100vw), 250px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title.bg-title:before {
    font-size: min(max(250px / 1.2, 250 / 1.2 / 900 * 100vh), 250px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title.bg-title:before {
    font-size: calc(250px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    max-width: calc(100vw - min(max(40px, 7.8125vw), 60px));
    left: calc(0px - (100vw - 100%) / 2 + min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    max-width: unset;
    right: calc(0px - (100vw - 100%) / 2 + min(max(74px, 5.78125vw), 75px));
  }
}

.row-desc {
  text-align: center;
  width: 70%;
  margin-inline: auto;
}
@media only screen and (max-width: 1279px) {
  .row-desc {
    margin-bottom: min(max(26px, 26 * 1.5 / 768 * 100vw), 26 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-desc {
    margin-bottom: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-desc {
    margin-bottom: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-desc {
    margin-bottom: calc(37px * 1.2);
  }
}

.c-container--xsmall .row-title,
.c-container--xsmall .row-desc {
  width: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  clear: both;
  margin-top: 0;
  margin-bottom: 0.8em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: normal;
}

h1,
.h1 {
  line-height: 1.12;
}
@media only screen and (max-width: 1279px) {
  h1,
  .h1 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: min(max(48px, 48 / 1280 * 100vw), 58px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h1,
  .h1 {
    font-size: min(max(48px / 1.2, 48 / 1.2 / 900 * 100vh), 48px);
  }
}
@media only screen and (min-width: 1921px) {
  h1,
  .h1 {
    font-size: calc(58px * 1.2);
  }
}

h2,
.h2 {
  line-height: 1.22;
}
@media only screen and (max-width: 1279px) {
  h2,
  .h2 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h2,
  .h2 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 45px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h2,
  .h2 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h2,
  .h2 {
    font-size: calc(45px * 1.2);
  }
}

h3,
.h3 {
  line-height: 1.25;
}
@media only screen and (max-width: 1279px) {
  h3,
  .h3 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h3,
  .h3 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h3,
  .h3 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h3,
  .h3 {
    font-size: calc(40px * 1.2);
  }
}

h4,
.h4 {
  line-height: 1.16;
}
@media only screen and (max-width: 1279px) {
  h4,
  .h4 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h4,
  .h4 {
    font-size: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h4,
  .h4 {
    font-size: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  h4,
  .h4 {
    font-size: calc(37px * 1.2);
  }
}

h5,
.h5 {
  line-height: 1.09;
}
@media only screen and (max-width: 1279px) {
  h5,
  .h5 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h5,
  .h5 {
    font-size: min(max(32px, 32 / 1280 * 100vw), 32px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h5,
  .h5 {
    font-size: min(max(32px / 1.2, 32 / 1.2 / 900 * 100vh), 32px);
  }
}
@media only screen and (min-width: 1921px) {
  h5,
  .h5 {
    font-size: calc(32px * 1.2);
  }
}

h6,
.h6 {
  font-weight: 800;
  line-height: 1.35;
}
@media only screen and (max-width: 1279px) {
  h6,
  .h6 {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h6,
  .h6 {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h6,
  .h6 {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  h6,
  .h6 {
    font-size: calc(14px * 1.2);
  }
}

.single-post {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #233768;
}
.single-post * {
  color: #ffffff;
}
.single-post *:after {
  color: #ffffff;
}
.single-post > div {
  flex: 0 0 50%;
  max-width: 50%;
}
@media only screen and (max-width: 1279px) {
  .single-post > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.single-post__image {
  position: relative;
  overflow: hidden;
  order: -1;
}
.single-post__image a {
  display: block;
  width: 100%;
  height: 100%;
}
.single-post__image a img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow-clip-margin: content-box;
  display: block;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.single-post__image a img:hover {
  transform: scale(1.1);
}
.single-post__info {
  display: flex;
  flex-direction: column;
  align-self: center;
}

.single-post__info p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 1279px) {
  .single-post__info {
    padding-block: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info {
    padding-block: min(max(16px, 16 / 1280 * 100vw), 16px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info {
    padding-block: min(max(16px / 1.2, 16 / 1.2 / 900 * 100vh), 16px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info {
    padding-block: calc(16px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .single-post__info {
    padding-inline: min(max(27px, 27 * 1.5 / 768 * 100vw), 27 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info {
    padding-inline: min(max(17px, 17 / 1280 * 100vw), 30px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info {
    padding-inline: min(max(17px / 1.2, 17 / 1.2 / 900 * 100vh), 17px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info {
    padding-inline: calc(30px * 1.2);
  }
}
.single-post__info-date {
  font-weight: 200;
}
@media only screen and (max-width: 1279px) {
  .single-post__info-date {
    font-size: min(max(11px, 11 * 1.5 / 768 * 100vw), 11 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-date {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-date {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-date {
    font-size: calc(12px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .single-post__info-date {
    margin-bottom: min(max(7px, 7 * 1.5 / 768 * 100vw), 7 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-date {
    margin-bottom: min(max(12px, 12 / 1280 * 100vw), 30px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-date {
    margin-bottom: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-date {
    margin-bottom: calc(30px * 1.2);
  }
}
.single-post__info-title {
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 800;
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .single-post__info-title {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-title {
    font-size: min(max(16px, 16 / 1280 * 100vw), 16px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-title {
    font-size: min(max(16px / 1.2, 16 / 1.2 / 900 * 100vh), 16px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-title {
    font-size: calc(16px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .single-post__info-title {
    padding-bottom: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-title {
    padding-bottom: min(max(13px, 13 / 1280 * 100vw), 13px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-title {
    padding-bottom: min(max(13px / 1.2, 13 / 1.2 / 900 * 100vh), 13px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-title {
    padding-bottom: calc(13px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .single-post__info-title {
    margin-bottom: min(max(13px, 13 * 1.5 / 768 * 100vw), 13 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-title {
    margin-bottom: min(max(13px, 13 / 1280 * 100vw), 13px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-title {
    margin-bottom: min(max(13px / 1.2, 13 / 1.2 / 900 * 100vh), 13px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-title {
    margin-bottom: calc(13px * 1.2);
  }
}
.single-post__info-title:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #ffffff;
  width: 25%;
}
.single-post__info-title:hover ~ .btn-arrow {
  transform: translateX(5px);
}
.single-post__info-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 200;
}
@media only screen and (max-width: 1279px) {
  .single-post__info-excerpt {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-excerpt {
    font-size: min(max(14px, 14 / 1280 * 100vw), 16px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-excerpt {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-excerpt {
    font-size: calc(16px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .single-post__info-excerpt {
    margin-bottom: min(max(35px, 35 * 1.5 / 768 * 100vw), 35 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .single-post__info-excerpt {
    margin-bottom: min(max(35px, 35 / 1280 * 100vw), 35px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-excerpt {
    margin-bottom: min(max(35px / 1.2, 35 / 1.2 / 900 * 100vh), 35px);
  }
}
@media only screen and (min-width: 1921px) {
  .single-post__info-excerpt {
    margin-bottom: calc(35px * 1.2);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) {
  .single-post__info-excerpt {
    line-height: 1.8;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-width: 1279px) {
  .single-post__info-excerpt {
    margin-bottom: min(max(8px, 8 * 1.5 / 768 * 100vw), 8 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (min-width: 1280px) {
  .single-post__info-excerpt {
    margin-bottom: min(max(8px, 8 / 1280 * 100vw), 8px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .single-post__info-excerpt {
    margin-bottom: min(max(8px / 1.2, 8 / 1.2 / 900 * 100vh), 8px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (min-width: 1921px) {
  .single-post__info-excerpt {
    margin-bottom: calc(8px * 1.2);
  }
}
.single-post__info .btn-arrow {
  margin-top: auto;
  margin-left: auto;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.single-post__info .btn-arrow:hover {
  transform: translateX(5px);
}

@media only screen and (max-width: 1279px) {
  .pagination {
    padding-inline: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .pagination {
    padding-inline: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .pagination {
    padding-inline: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  .pagination {
    padding-inline: calc(40px * 1.2);
  }
}
.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: stretch;
}
.pagination ul li:before {
  display: none;
}
.pagination ul li {
  display: flex;
  align-items: center;
}
.pagination ul li:first-of-type {
  margin-right: auto;
}
.pagination ul li:last-of-type {
  margin-left: auto;
}
.pagination ul li a,
.pagination ul li span {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #233768;
}
@media only screen and (max-width: 1279px) {
  .pagination ul li a,
  .pagination ul li span {
    font-size: min(max(11px, 11 * 1.5 / 768 * 100vw), 11 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .pagination ul li a,
  .pagination ul li span {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .pagination ul li a,
  .pagination ul li span {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .pagination ul li a,
  .pagination ul li span {
    font-size: calc(12px * 1.2);
  }
}
.pagination ul li a.prev,
.pagination ul li a.next,
.pagination ul li span.prev,
.pagination ul li span.next {
  display: flex;
  align-items: center;
  flex: 0 0 25%;
  max-width: 25%;
}
@media only screen and (max-width: 1279px) {
  .pagination ul li a.prev,
  .pagination ul li a.next,
  .pagination ul li span.prev,
  .pagination ul li span.next {
    column-gap: min(max(7px, 7 * 1.5 / 768 * 100vw), 7 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .pagination ul li a.prev,
  .pagination ul li a.next,
  .pagination ul li span.prev,
  .pagination ul li span.next {
    column-gap: min(max(15px, 15 / 1280 * 100vw), 15px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .pagination ul li a.prev,
  .pagination ul li a.next,
  .pagination ul li span.prev,
  .pagination ul li span.next {
    column-gap: min(max(15px / 1.2, 15 / 1.2 / 900 * 100vh), 15px);
  }
}
@media only screen and (min-width: 1921px) {
  .pagination ul li a.prev,
  .pagination ul li a.next,
  .pagination ul li span.prev,
  .pagination ul li span.next {
    column-gap: calc(15px * 1.2);
  }
}
.pagination ul li a.prev:before,
.pagination ul li a.next:before,
.pagination ul li span.prev:before,
.pagination ul li span.next:before {
  content: "\e901";
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: visible;
  position: relative;
  color: #233768;
  font-size: 0.7em;
  line-height: 1.7;
}
.pagination ul li a.prev.disabled,
.pagination ul li a.next.disabled,
.pagination ul li span.prev.disabled,
.pagination ul li span.next.disabled {
  color: transparent;
}
.pagination ul li a.prev.disabled:before,
.pagination ul li a.next.disabled:before,
.pagination ul li span.prev.disabled:before,
.pagination ul li span.next.disabled:before {
  color: transparent;
}
.pagination ul li a.prev:before,
.pagination ul li span.prev:before {
  transform: scaleX(-1);
}
.pagination ul li a.next:before,
.pagination ul li span.next:before {
  order: 2;
}
.pagination ul li a:not(.prev):not(.next),
.pagination ul li span:not(.prev):not(.next) {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1279px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    width: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    width: min(max(26px, 26 / 1280 * 100vw), 26px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    width: min(max(26px / 1.2, 26 / 1.2 / 900 * 100vh), 26px);
  }
}
@media only screen and (min-width: 1921px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    width: calc(26px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    height: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    height: min(max(26px, 26 / 1280 * 100vw), 26px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    height: min(max(26px / 1.2, 26 / 1.2 / 900 * 100vh), 26px);
  }
}
@media only screen and (min-width: 1921px) {
  .pagination ul li a:not(.prev):not(.next),
  .pagination ul li span:not(.prev):not(.next) {
    height: calc(26px * 1.2);
  }
}
.pagination ul li a:not(.prev):not(.next):hover,
.pagination ul li span:not(.prev):not(.next):hover {
  background-color: #ffffff;
}
.pagination ul li a:not(.prev):not(.next).current,
.pagination ul li span:not(.prev):not(.next).current {
  pointer-events: none;
  background-color: #ffffff;
}

@media only screen and (max-width: 1279px) {
  .rest {
    padding-top: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .rest {
    padding-top: min(max(130px, 130 / 1280 * 100vw), 130px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .rest {
    padding-top: min(max(130px / 1.2, 130 / 1.2 / 900 * 100vh), 130px);
  }
}
@media only screen and (min-width: 1921px) {
  .rest {
    padding-top: calc(130px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .rest {
    padding-bottom: min(max(60px, 60 * 1.5 / 768 * 100vw), 60 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .rest {
    padding-bottom: min(max(110px, 110 / 1280 * 100vw), 110px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .rest {
    padding-bottom: min(max(110px / 1.2, 110 / 1.2 / 900 * 100vh), 110px);
  }
}
@media only screen and (min-width: 1921px) {
  .rest {
    padding-bottom: calc(110px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .rest .c-container {
    row-gap: min(max(46px, 46 * 1.5 / 768 * 100vw), 46 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .rest .c-container {
    row-gap: min(max(110px, 110 / 1280 * 100vw), 110px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .rest .c-container {
    row-gap: min(max(110px / 1.2, 110 / 1.2 / 900 * 100vh), 110px);
  }
}
@media only screen and (min-width: 1921px) {
  .rest .c-container {
    row-gap: calc(110px * 1.2);
  }
}
.rest .c-container .c-row .c-col .posts-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1279px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    column-gap: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    column-gap: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    column-gap: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    column-gap: calc(40px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    row-gap: min(max(36px, 36 * 1.5 / 768 * 100vw), 36 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    row-gap: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    row-gap: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .rest .c-container .c-row .c-col .posts-wrap {
    row-gap: calc(50px * 1.2);
  }
}
.rest .c-container .c-row .c-col .posts-wrap .single-post {
  flex: 0 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
}
@media only screen and (max-width: 1279px) {
  .rest .c-container .c-row .c-col .posts-wrap .single-post {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1921px) {
  .rest .c-container .c-row .c-col .posts-wrap .single-post {
    flex: 0 0 calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
}
.rest .c-container .c-row .c-col .btnmore {
  margin-inline: auto;
}
@media only screen and (max-width: 1279px) {
  .rest .c-container .c-row .c-col .btnmore {
    margin-top: min(max(46px, 46 * 1.5 / 768 * 100vw), 46 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .rest .c-container .c-row .c-col .btnmore {
    margin-top: min(max(110px, 110 / 1280 * 100vw), 110px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .rest .c-container .c-row .c-col .btnmore {
    margin-top: min(max(110px / 1.2, 110 / 1.2 / 900 * 100vh), 110px);
  }
}
@media only screen and (min-width: 1921px) {
  .rest .c-container .c-row .c-col .btnmore {
    margin-top: calc(110px * 1.2);
  }
}

/*# sourceMappingURL=blog-archive.css.map */