.purpose-container {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: #34437a; }

.purpose-container .diagonal-overlay {
  position: absolute; }

.purpose-container .diagonal-overlay {
  top: 26%; }

.purpose-container .diagonal-overlay {
  right: -24%; }

.purpose-container .diagonal-overlay {
  height: 40%; }

.purpose-container .diagonal-overlay {
  width: 40%; }

.purpose-container .diagonal-overlay {
  background-image: linear-gradient(304.02deg, #88B3C9 47.1%, rgba(166, 194, 218, 0) 81.79%, rgba(182, 202, 227, 0) 101.02%); }

.purpose-container .diagonal-overlay {
  opacity: 0.8; }

.purpose-container .diagonal-overlay {
  mix-blend-mode: screen; }

.purpose-container .purpose-content {
  position: relative; }

.purpose-container .purpose-content {
  margin-top: 2.5rem; }

.purpose-container .purpose-content {
  width: 100%; }

.purpose-container .purpose-content {
  --tw-text-opacity: 1;
  color: white; }

.purpose-container .purpose-content .purpose-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.purpose-container .purpose-content .purpose-title {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.purpose-container .purpose-content .purpose-title {
  gap: 1rem; }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-title {
    -webkit-flex-basis: 66.666667%;
        -ms-flex-preferred-size: 66.666667%;
            flex-basis: 66.666667%; } }

.purpose-container .purpose-content .purpose-slider-container {
  position: relative; }

.purpose-container .purpose-content .purpose-slider-container {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.purpose-container .purpose-content .purpose-slider-container {
  margin-left: auto;
  margin-right: auto; }

.purpose-container .purpose-content .purpose-slider-container {
  padding-left: 1rem;
  padding-right: 1rem; }

@media (min-width: 1024px) {
  .purpose-container .purpose-content .purpose-slider-container {
    max-width: 1440px; } }

@media (min-width: 1024px) {
  .purpose-container .purpose-content .purpose-slider-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media (min-width: 1920px) {
  .purpose-container .purpose-content .purpose-slider-container {
    max-width: 1920px; } }

.purpose-container .purpose-content > :is(.purpose-container .purpose-content) .purpose-slider-container {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.purpose-container .purpose-content > :is(.purpose-container .purpose-content) .purpose-slider-container {
  padding-left: 0px;
  padding-right: 0px; }

.purpose-container .purpose-content > :is(.purpose-container .purpose-content) .purpose-slider-container {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.purpose-container .purpose-content {
  overflow: hidden; }

.purpose-container .purpose-content :is(.purpose-container .purpose-content) .purpose-slider-container:not(.pragrpap-list-anergy-traiding) {
  row-gap: 4.5rem; }

@media (min-width: 768px) {
  .purpose-container .purpose-content :is(.purpose-container .purpose-content) .purpose-slider-container:not(.pragrpap-list-anergy-traiding) {
    row-gap: 0px; } }

.purpose-container .purpose-content :is(.purpose-container .purpose-content) .purpose-slider-container:not(.pragrpap-list-anergy-traiding) {
  row-gap: 4.5rem; }

@media (min-width: 768px) {
  .purpose-container .purpose-content :is(.purpose-container .purpose-content) .purpose-slider-container:not(.pragrpap-list-anergy-traiding) {
    row-gap: 0px; } }

.purpose-container .purpose-content :is(.purpose-container .purpose-content) .purpose-slider-container:not(.pragrpap-list-anergy-traiding) {
  row-gap: 4.5rem; }

@media (min-width: 768px) {
  .purpose-container .purpose-content :is(.purpose-container .purpose-content) .purpose-slider-container:not(.pragrpap-list-anergy-traiding) {
    row-gap: 0px; } }

.announcement-detail:is(.purpose-container .purpose-content) .purpose-slider-container {
  padding-top: 5rem; }

.purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
  position: absolute; }

.purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
  top: -3.5rem; }

.purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
  left: 0.25rem; }

.purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
  width: 100%; }

.purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
  --tw-rotate: -90deg;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
    top: 0px; } }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
    left: 2.5rem; } }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
    width: 0.25rem; } }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
    --tw-rotate: 0deg;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-slider-container .horizontal-scrollbar {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } }

.purpose-container .purpose-content .purpose-slider-container .purpose-slider {
  --tw-text-opacity: 1;
  color: white; }

@media (min-width: 768px) {
  .purpose-container .purpose-content .purpose-slider-container .purpose-slider {
    margin-left: 4rem; } }

.purpose-slider .one-column-content {
  margin-bottom: 0px; }

.purpose-slider .one-column-content {
  margin-right: 2rem; }

.purpose-slider .one-column-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.purpose-slider .one-column-content {
  width: -webkit-min-content;
  width: min-content; }

.purpose-slider .one-column-content {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.purpose-slider .one-column-content {
  gap: 0px; }

@media (min-width: 768px) {
  .purpose-slider .one-column-content {
    margin-bottom: 4rem; } }

@media (min-width: 768px) {
  .purpose-slider .one-column-content {
    margin-right: 0px; } }

@media (min-width: 768px) {
  .purpose-slider .one-column-content {
    width: 50%; } }

@media (min-width: 768px) {
  .purpose-slider .one-column-content {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 768px) {
  .purpose-slider .one-column-content {
    gap: 2rem; } }

.purpose-slider .one-column-content .one-column-content__number {
  font-size: 160px; }

.purpose-slider .one-column-content .one-column-content__number {
  line-height: 100%; }

@media (min-width: 768px) {
  .purpose-slider .one-column-content .one-column-content__number {
    font-size: 216px; } }

.purpose-slider .one-column-content .one-column-content__text {
  margin-bottom: 0px; }

.purpose-slider .one-column-content .one-column-content__text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.purpose-slider .one-column-content .one-column-content__text {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.purpose-slider .one-column-content .one-column-content__text {
  font-size: 17px; }

.purpose-slider .one-column-content .one-column-content__text {
  line-height: 140%; }

.purpose-slider .one-column-content .one-column-content__text {
  letter-spacing: -0.25px; }

@media (min-width: 768px) {
  .purpose-slider .one-column-content .one-column-content__text {
    margin-bottom: 2rem; } }

@media (min-width: 768px) {
  .purpose-slider .one-column-content .one-column-content__text {
    font-size: 1.5rem;
    line-height: 2rem; } }

.purpose-slider .two-column-content {
  margin-bottom: 0px; }

.purpose-slider .two-column-content {
  margin-right: 2rem; }

.purpose-slider .two-column-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.purpose-slider .two-column-content {
  width: -webkit-min-content;
  width: min-content; }

.purpose-slider .two-column-content {
  gap: 72px; }

@media (min-width: 768px) {
  .purpose-slider .two-column-content {
    margin-bottom: 4rem; } }

@media (min-width: 768px) {
  .purpose-slider .two-column-content {
    margin-right: 0px; } }

@media (min-width: 768px) {
  .purpose-slider .two-column-content {
    width: 50%; } }

.purpose-slider .two-column-content .one-column-content {
  margin-bottom: 0px; }

.purpose-slider .two-column-content .one-column-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.purpose-slider .two-column-content .one-column-content {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.purpose-slider .two-column-content .one-column-content {
  gap: 0px; }

@media (min-width: 768px) {
  .purpose-slider .two-column-content .one-column-content {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }

.purpose-slider .two-column-content .one-column-content .one-column-content__number {
  font-size: 160px; }

.purpose-slider .two-column-content .one-column-content .one-column-content__number {
  letter-spacing: -2px; }

@media (min-width: 768px) {
  .purpose-slider .two-column-content .one-column-content .one-column-content__number {
    font-size: 152px; } }

.purpose-slider .two-column-content .one-column-content .one-column-content__text {
  width: 100%; }

@media (min-width: 768px) and (min-width: 768px) {
  .purpose-slider .slick-slide:not(.active) {
    background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 85%);
    -webkit-background-clip: text;
    background-clip: text; } }

@media (min-width: 768px) {
  .purpose-slider .slick-slide:not(.active) {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent; } }

.bg-transparent {
  background-color: transparent; }