@charset "UTF-8";
body {
  font-family: 'Public Sans'; }

.slick-dots-content2 {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots-content2 li {
  position: relative;
  display: inline-block;
  width: 10px !important;
  height: 10px !important;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots-content2 li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px !important;
  height: 10px !important;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots-content2 li button:hover,
.slick-dots-content2 li button:focus {
  outline: none; }

.slick-dots-content2 li button:hover:before,
.slick-dots-content2 li button:focus:before {
  opacity: 1; }

.slick-dots-content2 li button:before {
  font-family: 'slick';
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0;
  width: 10px !important;
  height: 10px !important;
  content: '•';
  text-align: center;
  color: #D9D9D9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 768px) {
    .slick-dots-content2 li button:before {
      top: -12px; } }

.slick-dots-content2 li.slick-active button:before {
  opacity: 1;
  color: #68C9CA; }

.header {
  background-color: #68C9CA;
  text-align: center;
  padding: 10px; }
  @media (max-width: 576px) {
    .header img {
      height: 34px; } }

.footer {
  background-color: #111111;
  text-align: center;
  padding: 30px;
  color: white;
  font-size: 14px; }
  @media (max-width: 576px) {
    .footer {
      font-size: 8.82px;
      padding: 12px; }
      .footer img {
        width: 64px;
        height: 13px; } }

.content1 {
  padding: auto 10%;
  text-align: center;
  max-width: 971px; }
  .content1 h1 {
    font-size: 25px;
    font-weight: 700;
    margin-top: 73px;
    margin-bottom: 52px;
    text-transform: uppercase; }
    @media (max-width: 576px) {
      .content1 h1 {
        text-transform: none;
        font-size: 20px;
        font-weight: 700;
        margin-top: 25px;
        margin-bottom: 25px; } }
  .content1 p {
    font-size: 20;
    font-weight: 400;
    margin-bottom: 30px; }
    @media (max-width: 576px) {
      .content1 p {
        font-size: 12;
        margin-bottom: 0px;
        text-align: left; } }
  .content1 img {
    margin-bottom: 30px;
    width: 100%; }
    @media (max-width: 576px) {
      .content1 img {
        margin-bottom: 0px; } }
  .content1_group {
    width: 100%;
    margin-top: 63px;
    margin-bottom: 73px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 31px;
    justify-content: space-between; }
    .content1_group_item {
      width: 470px;
      margin-bottom: 13px; }
    @media (max-width: 768px) {
      .content1_group {
        display: block; }
        .content1_group_item {
          width: 100%;
          margin-bottom: 13px; } }
    @media (max-width: 576px) {
      .content1_group {
        gap: 13px;
        margin-top: 25px;
        margin-bottom: 30px; } }
  .content1_title {
    background: #68C9CA;
    padding: 5px;
    margin-bottom: 3px; }
    .content1_title p {
      margin-bottom: 0px;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 700;
      text-align: center; }
    .content1_title b {
      font-size: 22px;
      font-weight: 900; }
    @media (max-width: 576px) {
      .content1_title p {
        font-size: 12px; }
      .content1_title b {
        font-size: 15px; } }
  .content1_content {
    text-transform: uppercase;
    background-color: #D9D9D9;
    padding: 44px 20px; }
    .content1_content p {
      text-align: center;
      margin-bottom: 0;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 700; }
    .content1_content b {
      font-size: 22px;
      font-weight: 900; }
    @media (max-width: 576px) {
      .content1_content {
        padding: 17px 20px; }
        .content1_content p {
          font-size: 12px; }
        .content1_content b {
          font-size: 15px; } }

.content2 {
  background: #ffffff;
  padding-top: 60px;
  padding-bottom: 160px; }
  .content2_list {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    justify-content: space-between;
    margin-bottom: 70px; }
    @media (max-width: 1400px) {
      .content2_list {
        gap: 3px; } }
    @media (max-width: 1200px) {
      .content2_list {
        gap: 23px;
        padding-left: 10%;
        padding-right: 10%; } }
    @media (max-width: 992px) {
      .content2_list {
        padding-left: 0%;
        padding-right: 0%; } }
  .content2_number {
    color: #111111;
    text-align: center;
    font-size: 33px;
    margin-bottom: 11px;
    line-height: 100%;
    font-family: "Bebas Neue", sans-serif; }
    @media (max-width: 576px) {
      .content2_number {
        margin-bottom: 0px; } }
  .content2_title {
    background: #68C9CA;
    padding: 8px 32px;
    font-size: 16;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 200px 0 200px 0;
    min-width: 165px;
    text-align: center;
    margin: auto;
    display: inline-block; }
    @media (max-width: 576px) {
      .content2_title {
        border-radius: 200px 0 200px 0;
        padding: 8px 17px; } }
  .content2_slide {
    max-width: 978px;
    margin: auto; }
    .content2_slide .slick-arrow {
      z-index: 99; }
    .content2_slide .slick-prev:before,
    .content2_slide .slick-next:before {
      font-size: 40px;
      color: #68C9CA;
      opacity: 1;
      border-radius: 50px; }
      @media (max-width: 500px) {
        .content2_slide .slick-prev:before,
        .content2_slide .slick-next:before {
          font-size: 30px; } }
    .content2_slide .slick-prev {
      left: -20px;
      top: 45%; }
    .content2_slide .slick-next {
      right: 0px;
      top: 45%; }
    .content2_slide_item {
      background-color: #F5F5F5;
      padding-left: 61px;
      padding-right: 61px;
      padding-top: 47px;
      min-height: 460px !important; }
      .content2_slide_item h2 {
        text-align: center;
        font-size: 29px;
        font-weight: 900;
        line-height: 100%;
        text-transform: uppercase;
        margin-bottom: 33px; }
      .content2_slide_item p {
        font-size: 20px;
        margin-bottom: 24px; }
      .content2_slide_item b {
        font-size: 20px; }
      .content2_slide_item ul {
        margin-top: 24px; }
        .content2_slide_item ul li {
          font-size: 15px;
          line-height: 150%;
          font-style: italic;
          margin-bottom: 10px; }
      .content2_slide_item_title {
        text-align: center;
        margin-top: -110px;
        margin-bottom: 7px; }
      @media (max-width: 992px) {
        .content2_slide_item {
          padding-left: 35px;
          padding-right: 35px;
          min-height: 540px !important; } }
      @media (max-width: 576px) {
        .content2_slide_item {
          padding-left: 14px;
          padding-right: 14px;
          padding-bottom: 14px;
          margin-top: 80px;
          min-height: 1px !important;
          border-radius: 20px; }
          .content2_slide_item b, .content2_slide_item p {
            font-size: 12px;
            margin-bottom: 9px; }
          .content2_slide_item ul {
            margin-top: 9px; }
            .content2_slide_item ul li {
              font-size: 12px;
              margin-bottom: 8px; } }
  .content2_4hangmuc {
    margin-top: 82px; }
    .content2_4hangmuc img {
      max-width: 394px;
      margin-bottom: 113px; }
      @media (max-width: 576px) {
        .content2_4hangmuc img {
          margin-bottom: 82px;
          max-width: 241px; } }
    .content2_4hangmuc_group {
      position: relative; }
      .content2_4hangmuc_group::before {
        border-radius: 150px 0 150px 0;
        content: "";
        background-color: #ECECEC;
        position: absolute;
        top: 50px;
        left: 50px;
        bottom: 50px;
        right: 50px;
        z-index: 0; }
      @media (max-width: 992px) {
        .content2_4hangmuc_group::before {
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          border-radius: 150px 0 0 0; } }
    .content2_4hangmuc_item {
      display: flex;
      align-items: center;
      gap: 33px;
      justify-content: start;
      position: relative;
      z-index: 10; }
      @media (max-width: 992px) {
        .content2_4hangmuc_item {
          gap: 19px;
          flex-direction: column; } }
    .content2_4hangmuc .right {
      justify-content: end; }
      .content2_4hangmuc .right h3, .content2_4hangmuc .right p, .content2_4hangmuc .right b, .content2_4hangmuc .right ul, .content2_4hangmuc .right li {
        text-align: right; }
      .content2_4hangmuc .right b {
        display: block; }
      .content2_4hangmuc .right li {
        justify-content: end; }
      .content2_4hangmuc .right .content2_4hangmuc_content {
        align-items: end; }
      @media (max-width: 992px) {
        .content2_4hangmuc .right {
          justify-content: start;
          flex-direction: column-reverse; }
          .content2_4hangmuc .right h3, .content2_4hangmuc .right p, .content2_4hangmuc .right b, .content2_4hangmuc .right ul, .content2_4hangmuc .right li {
            text-align: left; }
          .content2_4hangmuc .right li {
            justify-content: start; }
          .content2_4hangmuc .right .content2_4hangmuc_content {
            align-items: start; } }
    .content2_4hangmuc_content {
      padding-top: 76px;
      display: flex;
      flex-direction: column;
      max-width: 600px;
      height: 500px; }
      .content2_4hangmuc_content h3 {
        color: #68C9CA;
        font-size: 29px;
        font-weight: 900;
        line-height: 100%; }
      .content2_4hangmuc_content p {
        color: #111111;
        font-size: 20px;
        font-weight: 400;
        line-height: 100%;
        margin-bottom: 38px; }
      .content2_4hangmuc_content b {
        color: #111111;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        margin-top: 30px; }
      .content2_4hangmuc_content ul {
        margin-top: 10px;
        list-style: none;
        padding: 0; }
        .content2_4hangmuc_content ul li {
          color: #111111;
          font-size: 15px;
          font-weight: 300;
          line-height: 139%;
          margin-bottom: 10px;
          font-style: italic;
          display: flex;
          gap: 5px; }
      @media (max-width: 992px) {
        .content2_4hangmuc_content {
          padding-top: 10px;
          padding-left: 16px;
          padding-right: 16px;
          height: auto;
          margin-bottom: 20px; } }
      @media (max-width: 576px) {
        .content2_4hangmuc_content {
          padding-top: 10px;
          padding-left: 16px;
          padding-right: 16px;
          height: auto;
          margin-bottom: 20px; }
          .content2_4hangmuc_content h3 {
            font-size: 20px; }
          .content2_4hangmuc_content p {
            font-size: 12px;
            margin-bottom: 0px; }
          .content2_4hangmuc_content b {
            font-size: 12px;
            margin-top: 21px; }
          .content2_4hangmuc_content ul {
            margin-top: 10px; }
            .content2_4hangmuc_content ul li {
              font-size: 12px;
              line-height: 139%; } }
    .content2_4hangmuc_img {
      height: 500px;
      width: 400px;
      border-radius: 150px 0 150px 0;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 992px) {
        .content2_4hangmuc_img {
          border-radius: 100px 0 100px 0;
          width: 100%; } }
      @media (max-width: 576px) {
        .content2_4hangmuc_img {
          border-radius: 100px 0 100px 0;
          height: 219px;
          width: 100%; } }
    .content2_4hangmuc_underline {
      position: absolute;
      bottom: 0;
      width: 300px;
      border-bottom: 0.5px solid #00000052; }
      @media (max-width: 992px) {
        .content2_4hangmuc_underline {
          display: none; } }
  @media (max-width: 576px) {
    .content2 {
      padding-top: 1px;
      padding-bottom: 53px; } }

@media (max-width: 576px) {
  .container {
    padding-left: 30px;
    padding-right: 30px; } }

.marginTopOut .content2_4hangmuc_content {
  padding-top: 80px; }
  @media (max-width: 992px) {
    .marginTopOut .content2_4hangmuc_content {
      padding-top: 10px; } }
