/* Variables */
.M07 {
  padding: 124px 0 80px; }
  @media screen and (max-width: 768px) {
    .M07 {
      padding-top: 100px; } }
  .M07 .top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-bottom: 24px;
    border-bottom: 1px solid #1C2222;
    margin-bottom: 16px; }
    .M07 .top .title {
      margin-bottom: 12px; }
      .M07 .top .title > * {
        color: #1C2222;
        font-family: "WorkSans", sans-serif;
        font-size: 40px;
        font-weight: 600;
        line-height: 90%;
        letter-spacing: -0.8px;
        margin: 0; }
        .M07 .top .title > * em {
          font-family: "Playfair Display", sans-serif;
          font-size: 40px;
          font-style: italic;
          font-weight: 500;
          line-height: 90%;
          letter-spacing: -0.8px; }
      @media screen and (max-width: 768px) {
        .M07 .top .title {
          margin-bottom: 23px; } }
    @media screen and (max-width: 768px) {
      .M07 .top .subtitle {
        margin-bottom: 32px; } }
    .M07 .top .subtitle > * {
      color: #5D5F5C;
      font-family: "WorkSans", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: -0.24px;
      margin: 0; }
    @media screen and (max-width: 768px) {
      .M07 .top {
        flex-direction: column;
        align-items: start; } }
  .M07 .below {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 52px; }
    .M07 .below .sectionTitle {
      color: #1C2222;
      font-family: "WorkSans", sans-serif;
      font-size: 24px;
      font-weight: 500;
      line-height: 110%;
      letter-spacing: -0.84px; }
    .M07 .below .pag_arrows {
      display: flex;
      align-items: center;
      gap: 24px;
      justify-content: end; }
      .M07 .below .pag_arrows .swiper-pagination {
        position: static;
        color: #5D5F5C;
        font-family: "WorkSans", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 120%;
        /* 19.2px */
        letter-spacing: -0.24px; }
      .M07 .below .pag_arrows .swiper-navigation {
        display: flex;
        align-items: center;
        gap: 8px; }
        .M07 .below .pag_arrows .swiper-navigation .swiper-prev, .M07 .below .pag_arrows .swiper-navigation .swiper-next {
          width: 30px;
          height: 30px;
          border-radius: 99px;
          border: 1px solid #1C2222;
          align-items: center;
          justify-content: center;
          transition: .3s all linear; }
          .M07 .below .pag_arrows .swiper-navigation .swiper-prev.swiper-button-disabled, .M07 .below .pag_arrows .swiper-navigation .swiper-next.swiper-button-disabled {
            pointer-events: none;
            cursor: default;
            opacity: .4; }
          .M07 .below .pag_arrows .swiper-navigation .swiper-prev:not(.swiper-button-lock), .M07 .below .pag_arrows .swiper-navigation .swiper-next:not(.swiper-button-lock) {
            display: flex; }
          .M07 .below .pag_arrows .swiper-navigation .swiper-prev img, .M07 .below .pag_arrows .swiper-navigation .swiper-next img {
            width: 18px;
            height: 18px; }
          .M07 .below .pag_arrows .swiper-navigation .swiper-prev:hover, .M07 .below .pag_arrows .swiper-navigation .swiper-next:hover {
            background-color: #ED8664;
            border-color: #ED8664; }
      @media screen and (max-width: 768px) {
        .M07 .below .pag_arrows {
          flex-direction: column-reverse;
          gap: 10px; } }
    @media screen and (max-width: 768px) {
      .M07 .below {
        align-items: start; } }
  @media screen and (min-width: 768px) {
    .M07 .swiperDestinations .swiper-wrapper:has(.swiper-slide.big) {
      justify-content: center;
      transform: none !important; }
    .M07 .swiperDestinations .swiper-slide.big a {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .M07 .swiperDestinations .swiper-slide.big a .titleCont {
        width: 100%; }
    .M07 .swiperDestinations .swiper-slide.big:not(:last-child) {
      margin-right: 48px !important; } }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .M07 .swiperDestinations .swiper-slide.big:not(:last-child) {
      margin-right: 0 !important; } }
  @media screen and (min-width: 768px) {
    .M07 .swiperDestinations .swiper-slide.big .thumbnail {
      width: 296px;
      margin-bottom: 10px; }
    .M07 .swiperDestinations .swiper-slide.big .post .title {
      font-size: 40px;
      line-height: 90%;
      letter-spacing: -0.8px;
      margin-bottom: 5px; }
    .M07 .swiperDestinations .swiper-slide.big .post .subtitle {
      font-size: 16px;
      line-height: normal;
      letter-spacing: -0.72px; } }
  @media screen and (max-width: 768px) {
    .M07 .post {
      display: block;
      padding-inline: 20px; } }
  .M07 .post .thumbnail {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    position: relative;
    border-radius: 100%;
    overflow: hidden; }
    .M07 .post .thumbnail .image {
      width: 100%;
      height: 100%;
      object-position: center;
      object-fit: cover;
      border-radius: 100%;
      transition: 0.6s all cubic-bezier(0.46, 0.03, 0.52, 0.96); }
    .M07 .post .thumbnail .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #ED8664;
      opacity: 0;
      z-index: 10;
      transition: 0.6s all cubic-bezier(0.46, 0.03, 0.52, 0.96);
      border-radius: 100%; }
    .M07 .post .thumbnail .cta {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      opacity: 0;
      transition: 0.6s all cubic-bezier(0.46, 0.03, 0.52, 0.96);
      display: flex;
      align-items: center;
      gap: 5px;
      width: 100%;
      z-index: 20;
      justify-content: center; }
      .M07 .post .thumbnail .cta span {
        position: relative;
        color: #1C2222;
        font-family: "WorkSans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.21px; }
        .M07 .post .thumbnail .cta span:after {
          content: "";
          position: absolute;
          bottom: -3px;
          left: 0;
          width: 5%;
          transition: 0.6s all cubic-bezier(0.46, 0.03, 0.52, 0.96);
          border-bottom: 1px solid; }
      .M07 .post .thumbnail .cta .arrow {
        min-width: 15px;
        height: 15px;
        border-left: 1px solid #1C2222;
        position: relative;
        overflow: hidden; }
        .M07 .post .thumbnail .cta .arrow img.first {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 21px;
          height: 15px;
          transition: 0.6s all cubic-bezier(0.46, 0.03, 0.52, 0.96); }
        .M07 .post .thumbnail .cta .arrow img.second {
          position: absolute;
          top: 50%;
          left: -120%;
          transform: translate(0%, -50%);
          width: 21px;
          height: 15px;
          transition: 0.6s all cubic-bezier(0.46, 0.03, 0.52, 0.96); }
  .M07 .post .titleCont {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 15px; }
  .M07 .post .title {
    color: #1C2222;
    text-align: center;
    font-family: "Playfair Display", serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 32px */
    letter-spacing: -0.64px;
    position: absolute;
    transition: transform 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96), opacity 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96); }
    .M07 .post .title:first-child {
      transform: translateY(0); }
    .M07 .post .title:last-child {
      transform: translateY(100%);
      opacity: 0; }
    @media screen and (max-width: 768px) {
      .M07 .post .title {
        max-width: 70%;
        margin-inline: auto; } }
  .M07 .post .subtitle {
    color: #1C2222;
    text-align: center;
    font-family: "WorkSans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.63px; }
  .M07 .post:hover .image {
    transform: scale(1.15); }
  .M07 .post:hover .overlay {
    opacity: .9; }
  .M07 .post:hover .cta {
    opacity: 1; }
  .M07 .post:hover .cta span:after {
    width: 100%; }
  .M07 .post:hover .cta .arrow {
    border-left: 0;
    border-right: 1px solid #1C2222; }
    .M07 .post:hover .cta .arrow img.first {
      left: 200%; }
    .M07 .post:hover .cta .arrow img.second {
      left: -25%; }
  .M07 .post:hover .title:first-child {
    transform: translateY(-100%);
    opacity: 0; }
  .M07 .post:hover .title:last-child {
    transform: translateY(0);
    opacity: 1; }