@font-face {
  font-family: 'assistant';
  src: url("../../fonts/assistant/Assistant-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

.singleton-text-with-image {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 414px;
  margin-bottom: 5px; }
  .singleton-text-with-image .images-wrapper {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 50%;
    max-width: 570px;
    gap: 5px;
    overflow: hidden; }
    .singleton-text-with-image .images-wrapper .main-image {
      -ms-flex: 1;
          flex: 1;
      height: 100%;
      transition: filter 0.3s ease; }
      .singleton-text-with-image .images-wrapper .main-image:hover {
        filter: brightness(90%); }
      .singleton-text-with-image .images-wrapper .main-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .singleton-text-with-image .images-wrapper .extra-images {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 5px;
      height: 100%;
      width: 215px; }
      .singleton-text-with-image .images-wrapper .extra-images img {
        width: 100%;
        height: 45%;
        object-fit: cover;
        transition: filter 0.3s ease; }
        .singleton-text-with-image .images-wrapper .extra-images img:hover {
          filter: brightness(90%); }
        .singleton-text-with-image .images-wrapper .extra-images img:last-child {
          height: 55%; }
  .singleton-text-with-image .content-wrapper {
    font-family: "assistant";
    color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    gap: 20px;
    padding-inline: 50px;
    -ms-flex: 1;
        flex: 1; }
    .singleton-text-with-image .content-wrapper .content-title {
      text-align: center;
      font-size: 45px;
      font-weight: 400;
      line-height: 63px; }
    .singleton-text-with-image .content-wrapper .content-text {
      font-size: 18px;
      font-family: "assistant";
      font-weight: 400;
      line-height: 25px;
      text-align: justify; }
    .singleton-text-with-image .content-wrapper .content-link {
      display: block;
      margin: 0 auto;
      border: 2px solid #ffffff;
      text-align: center;
      width: 210px;
      height: 46px;
      font-size: 24px;
      color: #ffffff !important;
      font-family: "assistant";
      text-decoration: none;
      letter-spacing: 2.4px;
      transition: all 0.3s ease; }
      .singleton-text-with-image .content-wrapper .content-link:hover {
        border: 2px solid #028e9c; }
  .singleton-text-with-image.left {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .singleton-text-with-image.left .images-wrapper {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  @media screen and (max-width: 768px) {
    .singleton-text-with-image {
      -ms-flex-direction: column;
          flex-direction: column;
      padding-inline: 25px;
      height: fit-content;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
      gap: 25px;
      margin-bottom: 50px; }
      .singleton-text-with-image.left {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
      .singleton-text-with-image .images-wrapper {
        width: 100%;
        aspect-ratio: 1/1; }
        .singleton-text-with-image .images-wrapper .extra-images {
          width: 45%; }
        .singleton-text-with-image .images-wrapper .main-image {
          width: 55%; }
      .singleton-text-with-image .content-wrapper {
        width: 100%;
        padding-inline: unset; }
        .singleton-text-with-image .content-wrapper .content-title {
          line-height: 40px;
          font-size: 29px; }
        .singleton-text-with-image .content-wrapper .content-text {
          line-height: 23.8px;
          font-size: 17px; } }