/* Variables */
.M17 {
  border-top: 1px solid #5D5F5C;
  border-bottom: 1px solid #5D5F5C;
  overflow: hidden; }
  @media screen and (min-width: 992px) {
    .M17 > .container {
      position: relative; }
      .M17 > .container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 100vw;
        z-index: 1;
        background-color: #F7F6F2; } }
  .M17 .top {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-top: 60px; }
    .M17 .top .contTitles {
      display: flex;
      flex-direction: column; }
    .M17 .top .downTitles {
      display: flex;
      flex-direction: row;
      gap: 7px; }
      .M17 .top .downTitles .superior * {
        font-family: "WorkSans", sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.9px; }
      .M17 .top .downTitles .inferior * {
        font-family: "WorkSans", sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -0.9px; }
    .M17 .top .titleSuperior {
      font-family: "WorkSans", sans-serif;
      font-weight: 600;
      font-size: 32px;
      line-height: 100%;
      letter-spacing: -3%;
      vertical-align: middle;
      margin-bottom: 4px; }
    .M17 .top .title {
      display: flex;
      gap: 5px; }
      .M17 .top .title > * {
        color: #1C2222;
        font-family: "WorkSans", sans-serif;
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: -4.5%;
        vertical-align: middle; }
      @media screen and (max-width: 991px) {
        .M17 .top .title {
          margin-bottom: 23px; } }
    .M17 .top .filters.full {
      width: 477px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 991px) {
        .M17 .top .filters.full {
          width: 100%; } }
      .M17 .top .filters.full .selects {
        display: flex;
        gap: 10px; }
        @media screen and (max-width: 991px) {
          .M17 .top .filters.full .selects {
            display: grid; } }
      .M17 .top .filters.full.filtered span {
        display: none; }
      .M17 .top .filters.full.filtered select[name="departure-location"] {
        display: none; }
    @media screen and (max-width: 991px) {
      .M17 .top {
        flex-direction: column;
        align-items: start; } }
  .M17 .swiper-container {
    display: flex;
    width: fit-content;
    margin-top: 32px;
    position: relative;
    z-index: 500;
    height: calc(100% - 152px); }
    @media screen and (max-width: 991px) {
      .M17 .swiper-container {
        margin-top: 12px;
        padding-bottom: 64px; } }
    .M17 .swiper-container .swiperTours {
      overflow: hidden;
      margin-left: 0;
      width: fit-content; }
      @media screen and (max-width: 991px) {
        .M17 .swiper-container .swiperTours {
          height: unset;
          width: 100%; } }
      .M17 .swiper-container .swiperTours .swiper-wrapper {
        display: flex;
        flex-direction: column;
        height: fit-content !important; }
        @media screen and (max-width: 991px) {
          .M17 .swiper-container .swiperTours .swiper-wrapper {
            flex-direction: unset; } }
      .M17 .swiper-container .swiperTours .swiper-slide {
        min-height: 310px;
        width: 310px;
        overflow: hidden; }
        @media screen and (max-width: 991px) {
          .M17 .swiper-container .swiperTours .swiper-slide {
            width: 100%; } }
        .M17 .swiper-container .swiperTours .swiper-slide .post {
          height: 100%;
          min-height: inherit;
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          transition: all .5s ease; }
          .M17 .swiper-container .swiperTours .swiper-slide .post.active, .M17 .swiper-container .swiperTours .swiper-slide .post:hover, .M17 .swiper-container .swiperTours .swiper-slide .post.hovered {
            opacity: 1 !important; }
            .M17 .swiper-container .swiperTours .swiper-slide .post.active .image, .M17 .swiper-container .swiperTours .swiper-slide .post:hover .image, .M17 .swiper-container .swiperTours .swiper-slide .post.hovered .image {
              scale: 1.1; }
          .M17 .swiper-container .swiperTours .swiper-slide .post.not-hovered {
            opacity: 0.5; }
          .M17 .swiper-container .swiperTours .swiper-slide .post .image {
            position: absolute;
            height: 100%;
            width: 100%;
            object-fit: cover;
            z-index: -1;
            transition: all .5s ease; }
            @media screen and (max-width: 991px) {
              .M17 .swiper-container .swiperTours .swiper-slide .post .image {
                position: relative;
                height: unset;
                flex: 1; } }
          .M17 .swiper-container .swiperTours .swiper-slide .post .tags {
            display: flex;
            align-items: center;
            padding: 12px;
            gap: 6px;
            flex-wrap: wrap; }
            @media screen and (max-width: 991px) {
              .M17 .swiper-container .swiperTours .swiper-slide .post .tags {
                position: absolute; } }
            .M17 .swiper-container .swiperTours .swiper-slide .post .tags .tag {
              display: flex;
              align-items: center;
              gap: 4px;
              color: #1C2222;
              font-family: "WorkSans", sans-serif;
              font-size: 12px;
              font-weight: 500;
              line-height: 120%;
              letter-spacing: -0.18px;
              background-color: #FFF;
              padding: 2px 3px;
              border: 1px solid;
              border-radius: 99px; }
              @media screen and (max-width: 991px) {
                .M17 .swiper-container .swiperTours .swiper-slide .post .tags .tag {
                  display: flex; } }
              .M17 .swiper-container .swiperTours .swiper-slide .post .tags .tag img {
                width: 12px;
                height: 12px; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .tags .tag:not(.common) {
                background-color: #ED8664;
                border: 0;
                padding: 2px 9px; }
          .M17 .swiper-container .swiperTours .swiper-slide .post .content {
            margin: 12px;
            padding: 12px;
            height: fit-content;
            display: flex;
            flex-direction: column;
            gap: 0px;
            position: relative; }
            @media screen and (max-width: 991px) {
              .M17 .swiper-container .swiperTours .swiper-slide .post .content {
                border: 1px solid #5D5F5C;
                margin: 0px;
                width: 100%; } }
            .M17 .swiper-container .swiperTours .swiper-slide .post .content .titles .title {
              font-weight: 600;
              font-size: 20px;
              line-height: 110.00000000000001%;
              letter-spacing: -0.7px;
              color: #1C2222;
              font-family: "WorkSans", sans-serif;
              font-style: normal;
              padding-bottom: 12px;
              max-width: 75%; }
            .M17 .swiper-container .swiperTours .swiper-slide .post .content .titles .subtitle {
              color: #1C2222;
              font-family: "WorkSans", sans-serif;
              font-size: 14px;
              font-style: normal;
              font-weight: 500;
              line-height: 110%;
              letter-spacing: -0.245px;
              padding-bottom: 12px; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .titles .subtitle .contentDesc {
                width: 90%;
                display: block; }
              @media screen and (min-width: 991px) {
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .titles .subtitle {
                  color: #BB4F2A;
                  border-top: 1px solid #1C2222;
                  padding-top: 12px;
                  padding-bottom: 0px; } }
            .M17 .swiper-container .swiperTours .swiper-slide .post .content .excerpt {
              color: #5D5F5C;
              font-family: "WorkSans", sans-serif;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 120%;
              letter-spacing: -0.21px;
              max-height: 0;
              overflow: hidden;
              transition: all 0.5s ease-out, opacity 0.3s ease-out; }
            @media screen and (min-width: 991px) {
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA {
                position: absolute;
                right: 12px;
                bottom: 12px; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA .goBack {
                  display: none !important; } }
            .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div {
              display: flex;
              align-items: center;
              gap: 5px;
              width: fit-content;
              position: relative;
              color: unset !important;
              text-decoration: none;
              overflow: hidden;
              transition: all 0.5s ease-out, opacity 0.3s ease-out; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div .arrow {
                min-width: 18px;
                height: 15px;
                border-right: 1px solid #1C2222;
                position: relative;
                overflow: hidden; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div .arrow img.first {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  width: 21px;
                  height: 15px;
                  transition: .3s all linear; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div .arrow img.second {
                  position: absolute;
                  top: 50%;
                  left: -120%;
                  transform: translate(0%, -50%);
                  width: 21px;
                  height: 15px;
                  transition: .3s all linear; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div .goBack {
                position: relative;
                color: #1C2222;
                font-family: "WorkSans", sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 120%;
                letter-spacing: -0.21px;
                text-decoration: none;
                width: fit-content;
                display: flex;
                align-items: center;
                gap: 5px;
                transition: .3s all linear; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div .goBack.hover {
                  position: absolute;
                  top: 0;
                  opacity: 0; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div .goBack:after {
                  position: absolute;
                  bottom: -2px;
                  left: 0;
                  content: "";
                  width: 8px;
                  height: 1px;
                  background-color: #1C2222;
                  transition: .3s all linear; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div:hover .goBack.noHover {
                position: absolute;
                top: 0;
                opacity: 0; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div:hover .goBack.hover {
                position: relative;
                opacity: 1; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div:hover .goBack:after {
                width: 100%; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div:hover .arrow {
                border-right: 0;
                border-left: 1px solid #1C2222; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div:hover .arrow img.first {
                  left: 180%; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA > div:hover .arrow img.second {
                  left: 1px; }
          @media screen and (max-width: 991px) {
            .M17 .swiper-container .swiperTours .swiper-slide .post {
              min-height: 482px; }
              .M17 .swiper-container .swiperTours .swiper-slide .post .content {
                gap: 29px; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .titles {
                  border-bottom: 1px solid #5D5F5C; }
                  .M17 .swiper-container .swiperTours .swiper-slide .post .content .titles .subtitle {
                    color: #E6673D; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .excerpt {
                  max-height: fit-content; }
                .M17 .swiper-container .swiperTours .swiper-slide .post .content .goBackCTA a {
                  max-height: fit-content;
                  overflow: visible; } }
    .M17 .swiper-container .pag_arrows {
      display: flex;
      align-items: start;
      height: fit-content; }
      @media screen and (max-width: 991px) {
        .M17 .swiper-container .pag_arrows {
          justify-content: space-between;
          align-items: center;
          margin-bottom: 12px; } }
      .M17 .swiper-container .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;
        flex-direction: column;
        display: block;
        width: fit-content; }
        @media screen and (min-width: 992px) {
          .M17 .swiper-container .pag_arrows .swiper-pagination {
            display: none; } }
      .M17 .swiper-container .pag_arrows .swiper-navigation {
        display: flex;
        align-items: center;
        gap: 8px;
        user-select: none;
        margin-left: 15px; }
        @media screen and (max-width: 991px) {
          .M17 .swiper-container .pag_arrows .swiper-navigation {
            margin: 0px 0px; } }
        .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-prev, .M17 .swiper-container .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; }
          .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-prev.swiper-button-disabled, .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-next.swiper-button-disabled {
            pointer-events: none;
            cursor: none;
            opacity: .4; }
          .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-prev:not(.swiper-button-lock), .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-next:not(.swiper-button-lock) {
            display: flex; }
          .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-prev img, .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-next img {
            width: 18px;
            height: 18px; }
          .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-prev:hover, .M17 .swiper-container .pag_arrows .swiper-navigation .swiper-next:hover {
            background-color: #ED8664;
            border-color: #ED8664; }
      .M17 .swiper-container .pag_arrows .start {
        width: max-content;
        margin-left: 15px; }
        @media screen and (max-width: 991px) {
          .M17 .swiper-container .pag_arrows .start {
            display: none; } }
        .M17 .swiper-container .pag_arrows .start .goBackCTA {
          display: flex;
          align-items: center;
          gap: 5px;
          width: fit-content;
          position: relative;
          color: unset !important;
          text-decoration: none;
          overflow: hidden;
          transition: all 0.5s ease-out, opacity 0.3s ease-out; }
          .M17 .swiper-container .pag_arrows .start .goBackCTA .arrow {
            min-width: 18px;
            height: 15px;
            border-right: 1px solid #1C2222;
            position: relative;
            overflow: hidden;
            transform: rotate(180deg); }
            .M17 .swiper-container .pag_arrows .start .goBackCTA .arrow img.first {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 21px;
              height: 15px;
              transition: .3s all linear; }
            .M17 .swiper-container .pag_arrows .start .goBackCTA .arrow img.second {
              position: absolute;
              top: 50%;
              left: -120%;
              transform: translate(0%, -50%);
              width: 21px;
              height: 15px;
              transition: .3s all linear; }
          .M17 .swiper-container .pag_arrows .start .goBackCTA .goBack {
            position: relative;
            color: #1C2222;
            font-family: "WorkSans", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 120%;
            letter-spacing: -0.21px;
            text-decoration: none;
            width: fit-content;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: .3s all linear; }
            .M17 .swiper-container .pag_arrows .start .goBackCTA .goBack.hover {
              position: absolute;
              top: 0;
              opacity: 0; }
            .M17 .swiper-container .pag_arrows .start .goBackCTA .goBack:after {
              position: absolute;
              bottom: -2px;
              left: 0;
              content: "";
              width: 8px;
              height: 1px;
              background-color: #1C2222;
              transition: .3s all linear; }
          .M17 .swiper-container .pag_arrows .start .goBackCTA:hover .goBack.noHover {
            position: absolute;
            top: 0;
            opacity: 0; }
          .M17 .swiper-container .pag_arrows .start .goBackCTA:hover .goBack.hover {
            position: relative;
            opacity: 1; }
          .M17 .swiper-container .pag_arrows .start .goBackCTA:hover .goBack:after {
            width: 100%; }
          .M17 .swiper-container .pag_arrows .start .goBackCTA:hover .arrow {
            border-right: 0;
            border-left: 1px solid #1C2222; }
            .M17 .swiper-container .pag_arrows .start .goBackCTA:hover .arrow img.first {
              left: 180%; }
            .M17 .swiper-container .pag_arrows .start .goBackCTA:hover .arrow img.second {
              left: 1px; }
  .M17 .map {
    background-color: #F7F6F2;
    position: relative;
    height: 100%; }
    @media screen and (max-width: 991px) {
      .M17 .map {
        height: fit-content; } }
    .M17 .map .map-from-to {
      position: absolute;
      z-index: 450;
      display: flex;
      top: 60px;
      left: 60px;
      gap: 10px;
      font-family: "WorkSans",sans-serif;
      font-weight: 500;
      font-size: 20px;
      line-height: 120%;
      letter-spacing: -4.5%;
      vertical-align: middle;
      color: #1C2222; }
      .M17 .map .map-from-to .icons {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around; }
        .M17 .map .map-from-to .icons .icon img {
          width: 20px;
          max-height: 20px; }
        .M17 .map .map-from-to .icons::after {
          content: '';
          position: absolute;
          top: 30px;
          bottom: 50px;
          left: 50%;
          width: 2px;
          height: 18px;
          background-image: linear-gradient(to bottom, black 30%, transparent 30%);
          background-size: 1px 3px;
          background-repeat: repeat-y;
          transform: translateX(-50%);
          z-index: 470; }
      .M17 .map .map-from-to .values {
        display: flex;
        flex-direction: column;
        gap: 10px; }
        .M17 .map .map-from-to .values .from, .M17 .map .map-from-to .values .to {
          display: flex;
          gap: 10px; }
        .M17 .map .map-from-to .values .from + .to .value {
          opacity: 0.5; }
        .M17 .map .map-from-to .values .from:has(.value.selected) + .to .value {
          opacity: 1 !important; }
        .M17 .map .map-from-to .values .value {
          background-color: #FFF;
          padding: 4px 12px;
          border-radius: 2px;
          height: 32px;
          width: fit-content; }
          .M17 .map .map-from-to .values .value .default, .M17 .map .map-from-to .values .value .hovered, .M17 .map .map-from-to .values .value .selected {
            display: none; }
          .M17 .map .map-from-to .values .value.default .default {
            display: flex !important; }
          .M17 .map .map-from-to .values .value.selected .selected {
            display: flex !important;
            gap: 5px;
            opacity: 0.5; }
          .M17 .map .map-from-to .values .value.selected .default {
            display: none !important; }
          .M17 .map .map-from-to .values .value.hovered .hovered {
            display: flex !important;
            gap: 5px;
            opacity: 0.5; }
          .M17 .map .map-from-to .values .value.hovered .default, .M17 .map .map-from-to .values .value.hovered .selected {
            display: none !important; }
        .M17 .map .map-from-to .values .reset {
          background-color: #FFF;
          height: 32px;
          padding: 8px 12px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .M17 .map .map-from-to .values .reset img {
            width: 12px;
            height: 12px; }
    .M17 .map .map-detail {
      position: absolute;
      bottom: 60px;
      right: 60px;
      background-color: #FFF;
      z-index: 470;
      width: 277px;
      border-radius: 9px;
      box-shadow: 0px 3px 7.8px 0px #00000026; }
      .M17 .map .map-detail .superior {
        display: flex;
        justify-content: space-between;
        gap: 20px; }
        .M17 .map .map-detail .superior .tags {
          display: flex;
          align-items: center;
          gap: 6px;
          flex-wrap: wrap;
          padding-bottom: 16px; }
          .M17 .map .map-detail .superior .tags .tag {
            align-items: center;
            gap: 4px;
            color: #1C2222;
            font-family: "WorkSans", sans-serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 120%;
            letter-spacing: -0.18px;
            background-color: #FFF;
            padding: 2px 3px;
            border: 1px solid;
            border-radius: 99px;
            display: none; }
            .M17 .map .map-detail .superior .tags .tag img {
              width: 12px;
              height: 12px; }
            .M17 .map .map-detail .superior .tags .tag:not(.common) {
              background-color: #ED8664;
              display: flex;
              border: 0;
              padding: 2px 9px; }
        .M17 .map .map-detail .superior .tags {
          display: flex;
          align-items: center;
          gap: 6px;
          flex-wrap: wrap;
          padding-bottom: 16px; }
          .M17 .map .map-detail .superior .tags .tag {
            align-items: center;
            gap: 4px;
            color: #1C2222;
            font-family: "WorkSans", sans-serif;
            font-size: 12px;
            font-weight: 500;
            line-height: 120%;
            letter-spacing: -0.18px;
            background-color: #FFF;
            padding: 2px 3px;
            border: 1px solid;
            border-radius: 99px;
            display: none; }
            .M17 .map .map-detail .superior .tags .tag img {
              width: 12px;
              height: 12px; }
            .M17 .map .map-detail .superior .tags .tag:not(.common) {
              background-color: #ED8664;
              display: flex;
              border: 0;
              padding: 2px 9px; }
      .M17 .map .map-detail .content {
        padding: 12px;
        height: fit-content;
        display: flex;
        flex-direction: column;
        gap: 0px; }
        .M17 .map .map-detail .content .titles .title {
          color: #1C2222;
          font-family: "WorkSans", sans-serif;
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: 110%;
          letter-spacing: -1.08px;
          padding-bottom: 12px; }
        .M17 .map .map-detail .content .titles .subtitle {
          color: #1C2222;
          font-family: "WorkSans", sans-serif;
          font-size: 15px;
          font-style: normal;
          font-weight: 500;
          line-height: 110%;
          letter-spacing: -0.245px;
          padding-bottom: 12px; }
          @media screen and (min-width: 991px) {
            .M17 .map .map-detail .content .titles .subtitle {
              color: #BB4F2A;
              border-top: 1px solid #1C2222;
              padding-top: 12px;
              padding-bottom: 0px; } }
        .M17 .map .map-detail .content .excerpt {
          color: #5D5F5C;
          font-family: "WorkSans", sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 120%;
          letter-spacing: -0.21px;
          max-height: 0;
          overflow: hidden;
          transition: all 0.5s ease-out, opacity 0.3s ease-out; }
        .M17 .map .map-detail .content .goBackCTA {
          position: absolute;
          right: 12px;
          bottom: 12px; }
        .M17 .map .map-detail .content .goBackCTA > div {
          display: flex;
          align-items: center;
          gap: 5px;
          width: fit-content;
          position: relative;
          color: unset !important;
          text-decoration: none;
          overflow: hidden;
          transition: all 0.5s ease-out, opacity 0.3s ease-out; }
          .M17 .map .map-detail .content .goBackCTA > div .arrow {
            min-width: 18px;
            height: 15px;
            border-right: 1px solid #1C2222;
            position: relative;
            overflow: hidden; }
            .M17 .map .map-detail .content .goBackCTA > div .arrow img.first {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 21px;
              height: 15px;
              transition: .3s all linear; }
            .M17 .map .map-detail .content .goBackCTA > div .arrow img.second {
              position: absolute;
              top: 50%;
              left: -120%;
              transform: translate(0%, -50%);
              width: 21px;
              height: 15px;
              transition: .3s all linear; }
          .M17 .map .map-detail .content .goBackCTA > div .goBack {
            position: relative;
            color: #1C2222;
            font-family: "WorkSans", sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 120%;
            letter-spacing: -0.21px;
            text-decoration: none;
            width: fit-content;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: .3s all linear; }
            .M17 .map .map-detail .content .goBackCTA > div .goBack.hover {
              position: absolute;
              top: 0;
              opacity: 0; }
            .M17 .map .map-detail .content .goBackCTA > div .goBack:after {
              position: absolute;
              bottom: -2px;
              left: 0;
              content: "";
              width: 8px;
              height: 1px;
              background-color: #1C2222;
              transition: .3s all linear; }
          .M17 .map .map-detail .content .goBackCTA > div:hover .goBack.noHover {
            position: absolute;
            top: 0;
            opacity: 0; }
          .M17 .map .map-detail .content .goBackCTA > div:hover .goBack.hover {
            position: relative;
            opacity: 1; }
          .M17 .map .map-detail .content .goBackCTA > div:hover .goBack:after {
            width: 100%; }
          .M17 .map .map-detail .content .goBackCTA > div:hover .arrow {
            border-right: 0;
            border-left: 1px solid #1C2222; }
            .M17 .map .map-detail .content .goBackCTA > div:hover .arrow img.first {
              left: 180%; }
            .M17 .map .map-detail .content .goBackCTA > div:hover .arrow img.second {
              left: 1px; }
    @media screen and (max-width: 991px) {
      .M17 .map .leaflet-map-pane {
        display: none; } }
    .M17 .map .map-filter-by {
      width: 370px;
      position: absolute;
      left: 60px;
      bottom: 60px;
      padding: 20px 16px;
      background-color: #FFF;
      z-index: 470;
      border-radius: 9px; }
      .M17 .map .map-filter-by .title {
        font-family: "WorkSans",sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 110.00000000000001%;
        letter-spacing: -1.75%;
        vertical-align: middle;
        color: #1C2222;
        padding-bottom: 12px; }
      .M17 .map .map-filter-by .filters {
        display: flex;
        flex-wrap: wrap;
        gap: 4px; }
        .M17 .map .map-filter-by .filters .filter {
          font-family: "WorkSans", sans-serif;
          font-weight: 500;
          font-size: 12px;
          line-height: 120%;
          letter-spacing: -1.5%;
          text-align: right;
          vertical-align: middle;
          color: #1C2222;
          background-color: #FFF;
          display: flex;
          align-items: center;
          gap: 4px;
          padding: 2px 3px;
          border: 1px solid;
          border-radius: 99px;
          border-color: #B7B7B7; }
          .M17 .map .map-filter-by .filters .filter.active {
            color: #FFF;
            background-color: #1C2222; }
            .M17 .map .map-filter-by .filters .filter.active svg {
              stroke: #FFF;
              fill: #FFF; }
    .M17 .map .map-gradient {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
      z-index: 500; }
      @media screen and (max-width: 992px) {
        .M17 .map .map-gradient {
          display: none; } }
    .M17 .map .leaflet-control {
      display: grid;
      padding: 8px;
      gap: 8px;
      margin: 0px;
      margin-top: 60px;
      right: 60px;
      border: none;
      background-color: #FFF; }
      .M17 .map .leaflet-control a.leaflet-control-zoom-in,
      .M17 .map .leaflet-control a.leaflet-control-zoom-out {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #5B5E5A;
        border-radius: 90px;
        font-size: 0;
        transition: all .3s linear;
        background-color: tarnsparent; }
        .M17 .map .leaflet-control a.leaflet-control-zoom-in::before,
        .M17 .map .leaflet-control a.leaflet-control-zoom-out::before {
          content: '';
          display: block;
          width: 14px;
          height: 14px;
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        .M17 .map .leaflet-control a.leaflet-control-zoom-in:hover,
        .M17 .map .leaflet-control a.leaflet-control-zoom-out:hover {
          background-color: #ED8664;
          border-color: #ED8664; }
      .M17 .map .leaflet-control a.leaflet-control-zoom-in::before {
        background-image: url("../../assets/images/icons/minus-icon-tos.svg"); }
      .M17 .map .leaflet-control a.leaflet-control-zoom-out::before {
        background-image: url("../../assets/images/icons/plus-icon-tos.svg"); }
      @media screen and (max-width: 992px) {
        .M17 .map .leaflet-control {
          display: none; } }
    .M17 .map .tour-circle {
      width: 12px;
      height: 12px;
      background-color: #1C2222;
      border-radius: 50%; }
      .M17 .map .tour-circle:hover {
        background-color: red; }
    .M17 .map .leaflet-marker-icon:has(.label) {
      margin-left: 0px !important;
      margin-top: 0px !important; }
    .M17 .map .leaflet-marker-icon.active .marker .departureInfo {
      display: block; }
    .M17 .map .leaflet-marker-icon.active .marker .tour-icon {
      background: url("/wp-content/themes/theotherspain/assets/images/icons/map-destination.svg"); }
    .M17 .map .marker {
      position: relative;
      width: 20px;
      height: 25px;
      z-index: 470; }
      .M17 .map .marker:hover .tour-icon, .M17 .map .marker.active .tour-icon, .M17 .map .marker.hovered .tour-icon {
        background: url("/wp-content/themes/theotherspain/assets/images/icons/map-destination.svg"); }
      .M17 .map .marker:hover:not(.not-title) .departureInfo, .M17 .map .marker.active:not(.not-title) .departureInfo, .M17 .map .marker.hovered:not(.not-title) .departureInfo {
        display: block; }
      .M17 .map .marker:hover .dot.first-load, .M17 .map .marker.active .dot.first-load, .M17 .map .marker.hovered .dot.first-load {
        background: url("/wp-content/themes/theotherspain/assets/images/icons/map-departure.svg");
        width: 20px;
        height: 20px;
        background-size: contain;
        border-radius: 0px;
        border: none;
        left: -10px;
        top: -8px;
        position: absolute; }
      .M17 .map .marker .tour-icon {
        background: url("/wp-content/themes/theotherspain/assets/images/icons/map-pre-destination.svg");
        position: absolute;
        width: 19px;
        height: 23px;
        top: -20px;
        left: -4px; }
      .M17 .map .marker .departureInfo {
        display: none;
        transform: translateX(-45%);
        position: absolute;
        width: max-content;
        top: -55px;
        padding: 4px 10px;
        background-color: #FFF;
        color: #1C2222;
        font-family: "WorkSans", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -1.5%;
        vertical-align: middle;
        box-shadow: 0px 0px 8.3px 0px #00000026;
        border-radius: 4px; }
      .M17 .map .marker .dot {
        background: url("/wp-content/themes/theotherspain/assets/images/icons/map-departure.svg");
        width: 20px;
        height: 20px;
        background-size: contain;
        border-radius: 0px;
        border: none;
        left: -10px;
        top: -8px;
        position: absolute; }
        .M17 .map .marker .dot.first-load {
          width: 10px;
          height: 10px;
          background-color: transparent;
          border: 1px solid #1C2222;
          border-radius: 50%;
          position: absolute;
          top: -5px;
          left: -5px;
          z-index: 2;
          background: none; }
      .M17 .map .marker .line {
        width: 1px;
        height: 15px;
        background-color: #1C2222;
        position: absolute;
        top: -20px;
        left: -1px;
        z-index: 1; }
      .M17 .map .marker .label {
        position: absolute;
        top: -40px;
        transform: translateX(-50%);
        width: max-content;
        background: #FFF;
        text-align: center;
        border-radius: 4px;
        z-index: 3;
        padding: 4px 10px;
        color: #1C2222;
        font-family: "WorkSans", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -1.5%;
        vertical-align: middle;
        box-shadow: 0px 0px 8.3px 0px #00000026; }