/*

* Prefixed by https://autoprefixer.github.io

* PostCSS: v8.4.14,

* Autoprefixer: v10.4.7

* Browsers: last 4 version

*/

@import url(foundation.min.css);
@import url(jquery.fancybox.css);
@import url(slick.css);

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
h1,
h2,
h3,
h4,
h5,
h6,
html,
body,
audio,
canvas,
video,
a,
small,
label,
legend,
button,
input,
textarea,
time,
.top-bar-section ul li > a {
  font-family: "Geom";

  font-weight: normal;
}

.error > label > small {
  text-transform: none;
}

.button,
button {
  background-color: #257696;
}

.waffle tbody tr td:nth-child(2):after,
.waffle tbody tr td:nth-child(3):after {
  content: "€";
}

span.error,
small.error,
.alert-box.success {
  max-width: -webkit-fit-content !important;

  max-width: -moz-fit-content !important;

  max-width: fit-content !important;

  font-size: 16px !important;

  border-radius: 15px !important;
}

.alert-box.success {
  margin: auto !important;

  margin-top: 1rem !important;
}

/* --- */

ul.pagination {
  margin: 0;

  margin-block: 2rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
}

ul.pagination li.current a {
  background: var(--seafoam);
}

ul.pagination li.current a:hover {
  background: var(--muted);
}

ul.pagination li a {
  padding: 0.4rem 0.9rem !important;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0;
}

:root {
  --sand: #f5efe4;

  --sand-opacity: #f5efe480;

  --sand-dark: #ebe2d3;

  --sand-deeper: #d9cdb8;

  --seafoam: #5bbfb5;

  --seafoam-lt: #a8ddd8;

  --seafoam-dk: #3d9e94;

  --coral: #e8896a;

  --coral-lt: #eca380;

  --ink: #1c3130;

  --ink-mid: #2d4f4d;

  --muted: #7a9e9c;

  --muted-opacity: #7a9e9cb6;

  --white: #fdfaf6;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Geom";

  background: var(--sand);

  color: var(--ink);

  overflow-x: hidden;
}

/* ── NAV ── */

nav {
  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  z-index: 200;

  padding: 22px 52px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  background: rgba(245, 239, 228);
  max-height: 10rem;
}

nav .inline-list {
  margin: 0;

  text-transform: uppercase;

  font-weight: bold;
}

nav .inline-list a {
  color: var(--ink-mid);
}

.nav-links .lang li {
  margin: 0;
}

.nav-links .links {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 2rem;
}

nav.scrolled {
  background: rgba(245, 239, 228, 0.95);

  -webkit-backdrop-filter: blur(10px);

  backdrop-filter: blur(10px);

  padding: 14px 52px;

  border-bottom: 1px solid var(--sand-deeper);

  -webkit-box-shadow: 0 2px 24px rgba(91, 191, 181, 0.08);

  box-shadow: 0 2px 24px rgba(91, 191, 181, 0.08);

  /* padding-block: 2rem; */
  max-height: 5rem;
}

#logo img {
  max-width: 14rem;
  transition: all 0.3s;
}

nav.scrolled #logo img {
  /* max-width: 10rem; */
  scale: 0.8;
}

.nav-logo {
  font-family: "Geom";

  font-weight: 900;

  font-size: 20px;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: var(--ink);

  text-decoration: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px;
}

.nav-logo-dot {
  width: 10px;

  height: 10px;

  background: var(--seafoam);

  border-radius: 50%;

  -ms-flex-negative: 0;

  flex-shrink: 0;
}

.nav-links {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 36px;

  list-style: none;

  margin: 0;
}

.nav-links a:not(.nav-book) {
  font-size: 13px;

  font-weight: 500;

  color: var(--ink-mid);

  text-decoration: none;

  letter-spacing: 0.06em;

  -webkit-transition: color 0.2s;

  -o-transition: color 0.2s;

  transition: color 0.2s;

  font-size: 15px;
}

.nav-links .center a:not(.nav-links .center a) {
  text-transform: uppercase;
}

.nav-links .center {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 36px;

  list-style: none;

  margin: 0;
}

.nav-links a:hover {
  color: var(--seafoam-dk);
}

.nav-book {
  background: var(--ink-mid) !important;

  color: var(--white) !important;

  padding: 15px 26px !important;

  border-radius: 100px !important;

  font-weight: 600 !important;

  -webkit-transition:
    background 0.2s,
    -webkit-transform 0.2s !important;

  transition:
    background 0.2s,
    -webkit-transform 0.2s !important;

  -o-transition:
    background 0.2s,
    transform 0.2s !important;

  transition:
    background 0.2s,
    transform 0.2s !important;

  transition:
    background 0.2s,
    transform 0.2s,
    -webkit-transform 0.2s !important;
}

.nav-book:hover {
  background: var(--ink) !important;

  -webkit-transform: translateY(-1px);

  -ms-transform: translateY(-1px);

  transform: translateY(-1px);
}

.menu-logo {
  display: flex;
  margin-bottom: 2.5rem;
}

.menu-logo a {
  margin: auto;
}

.menu-book .nav-book {
  transition: all 0.3s !important;

  background-color: var(--seafoam) !important;

  color: var(--ink) !important ;
}

.menu-book .nav-book:hover {
  background-color: var(--seafoam-dk) !important;
}

.nav-bar {
  display: none;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 0.3rem;

  cursor: pointer;
}

/* ── HERO ── */

.hero {
  /* min-height: 100vh; */

  position: relative;

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  padding: 0 0 72px;
}

.hero-photo {
  position: absolute;

  inset: 0;

  -webkit-transition: -webkit-transform 8s ease;

  transition: -webkit-transform 8s ease;

  -o-transition: transform 8s ease;

  transition: transform 8s ease;

  transition:
    transform 8s ease,
    -webkit-transform 8s ease;
}

.hero-photo img {
  -webkit-filter: brightness(0.7) saturate(1.1);

  filter: brightness(0.7) saturate(1.1);

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;
}

.hero-photo.loaded {
  -webkit-transform: scale(1.04);

  -ms-transform: scale(1.04);

  transform: scale(1.04);
}

.hero-wash {
  position: absolute;

  inset: 0;

  background: -o-linear-gradient(
    290deg,
    rgba(245, 239, 228, 0.1) 0%,

    rgba(28, 49, 48, 0.1) 40%,

    rgba(28, 49, 48, 0.6) 100%
  );

  background: linear-gradient(
    160deg,
    rgba(245, 239, 228, 0.1) 0%,

    rgba(28, 49, 48, 0.1) 40%,

    rgba(28, 49, 48, 0.6) 100%
  );
}

.hero-tag {
  position: absolute;

  top: 110px;

  left: 52px;

  background: var(--seafoam);

  color: var(--white);

  font-family: "Geom";

  font-weight: 700;

  font-size: 13px;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  padding: 8px 20px;

  border-radius: 100px;

  opacity: 0;

  -webkit-animation: fadeUp 0.6s 0.2s forwards;

  animation: fadeUp 0.6s 0.2s forwards;
}

.article__container {
  padding-inline: 20px;
}

.hero-content {
  position: relative;

  z-index: 2;

  padding: 0 52px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 40px;

  margin-top: 7rem;
}

.hero-headline {
  font-weight: 900;

  font-size: clamp(72px, 10vw, 140px);

  line-height: 0.92;

  text-transform: uppercase;

  color: var(--sand-deeper);

  letter-spacing: -0.01em;

  opacity: 0;

  -webkit-animation: fadeUp 0.7s 0.3s forwards;

  animation: fadeUp 0.7s 0.3s forwards;

  max-width: 42rem;
}

.hero-headline .outline {
  -webkit-text-stroke: 2px var(--white);

  color: transparent;
}

.hero-headline .seafoam-word {
  color: var(--seafoam-lt);
}

.hero-right {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 28px;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  padding-bottom: 8px;

  opacity: 0;

  -webkit-animation: fadeUp 0.7s 0.5s forwards;

  animation: fadeUp 0.7s 0.5s forwards;

  margin-left: auto;
}

.hero-desc {
  font-size: 16px;

  line-height: 1.7;

  color: rgba(253, 250, 246, 0.82);

  max-width: 300px;

  text-align: right;

  font-weight: 300;
}

.hero-cta {
  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 12px;

  background: var(--seafoam);

  color: var(--ink);

  font-family: "Geom";

  font-weight: 700;

  font-size: 18px;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  padding: 16px 36px;

  border-radius: 100px;

  text-decoration: none;

  border: none;

  -webkit-transition: all 0.25s;

  -o-transition: all 0.25s;

  transition: all 0.25s;
}

.hero-cta:hover {
  background: var(--seafoam-dk);

  -webkit-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  transform: translateY(-2px);

  /* box-shadow: 0 8px 28px var(--ink-mid); */

  color: var(--ink);
}

.hero-cta svg {
  width: 18px;
}

.hero-scroll {
  position: absolute;

  bottom: 28px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 6px;

  opacity: 0;

  -webkit-animation: fadeIn 1s 1.2s forwards;

  animation: fadeIn 1s 1.2s forwards;
}

.hero-scroll-bar {
  width: 1px;

  height: 40px;

  background: -webkit-gradient(
    linear,
    left top,

    left bottom,

    from(transparent),
    to(rgba(255, 255, 255, 0.5))
  );

  background: -o-linear-gradient(top, transparent, rgba(255, 255, 255, 0.5));

  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5));

  -webkit-animation: scrollPulse 2s infinite;

  animation: scrollPulse 2s infinite;
}

@-webkit-keyframes scrollPulse {
  0%,
  100% {
    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    opacity: 1;
  }

  50% {
    -webkit-transform: scaleY(0.6);

    transform: scaleY(0.6);

    opacity: 0.4;
  }
}

@keyframes scrollPulse {
  0%,
  100% {
    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    opacity: 1;
  }

  50% {
    -webkit-transform: scaleY(0.6);

    transform: scaleY(0.6);

    opacity: 0.4;
  }
}

.hero-scroll span {
  font-size: 10px;

  letter-spacing: 0.2em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.45);
}

@-webkit-keyframes fadeUp {
  from {
    opacity: 0;

    -webkit-transform: translateY(30px);

    transform: translateY(30px);
  }

  to {
    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;

    -webkit-transform: translateY(30px);

    transform: translateY(30px);
  }

  to {
    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ── SECTION COMMONS ── */

.tag-pill {
  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 8px;

  background: var(--seafoam-lt);

  color: var(--seafoam-dk);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.16em;

  text-transform: uppercase;

  padding: 6px 16px;

  border-radius: 100px;

  margin-bottom: 20px;
}

.tag-pill.coral {
  background: #faddd3;

  color: var(--coral);
}

.big-title {
  font-family: "Geom";

  font-weight: 900;

  text-transform: uppercase;

  font-size: clamp(48px, 6vw, 88px);

  line-height: 0.95;

  letter-spacing: -0.01em;

  color: var(--ink);

  /* max-width: 10rem; */
}

.big-title .teal {
  color: var(--seafoam-dk);
}

.big-title .outline-ink {
  -webkit-text-stroke: 2px var(--ink);

  color: transparent;
}

/* ── SERVICES ── */

.services {
  background: var(--white);

  padding: 100px 52px;
}

.services .big-title {
  max-width: 41rem;
}

.services-top {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  margin-bottom: 60px;
}

.services-desc {
  font-size: 18px;

  line-height: 1.75;

  color: var(--muted);

  max-width: 340px;

  text-align: right;
}

.services-grid {
  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px;
}

.svc-card {
  border-radius: 24px;

  overflow: hidden;

  position: relative;

  aspect-ratio: 3/4;

  background-size: cover;

  background-position: center;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  position: relative;
}

.svc-card img {
  height: 100%;

  width: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: center;

  object-position: center;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.svc-card:hover img {
  -webkit-filter: brightness(0.5);

  filter: brightness(0.5);

  -webkit-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);
}

.svc-card:hover {
  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.svc-card:first-child {
  aspect-ratio: 3/3.4;

  margin-top: 48px;
}

.svc-card:last-child {
  aspect-ratio: 3/3.4;

  margin-bottom: 48px;
}

.svc-card:hover {
  -webkit-transform: translateY(-6px);

  -ms-transform: translateY(-6px);

  transform: translateY(-6px);
}

.svc-wash {
  position: absolute;

  inset: 0;

  background: -webkit-gradient(
    linear,
    left bottom,

    left top,

    from(rgba(28, 49, 48, 0.9)),
    color-stop(55%, rgba(28, 49, 48, 0.08)),
    to(transparent)
  );

  background: -o-linear-gradient(
    bottom,
    rgba(28, 49, 48, 0.9) 0%,

    rgba(28, 49, 48, 0.08) 55%,

    transparent 100%
  );

  background: linear-gradient(
    to top,

    rgba(28, 49, 48, 0.9) 0%,

    rgba(28, 49, 48, 0.08) 55%,

    transparent 100%
  );

  -webkit-filter: brightness(0.4);

  filter: brightness(0.4);
}

.svc-body {
  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 32px 28px;
}

.svc-num {
  font-family: "Geom";

  font-weight: 700;

  font-size: 16px;

  color: var(--seafoam-lt);

  letter-spacing: 0.14em;

  margin-bottom: 8px;
}

.svc-name {
  font-family: "Geom";

  font-weight: 900;

  font-size: 34px;

  text-transform: uppercase;

  line-height: 1;

  color: var(--white);

  margin-bottom: 12px;
}

.svc-desc {
  font-size: 18px;

  line-height: 1.65;

  /* color: rgba(253, 250, 246, 0.65); */

  color: white;

  font-weight: 300;

  max-height: 0;

  overflow: hidden;

  -webkit-transition:
    max-height 0.4s ease,
    opacity 0.4s ease;

  -o-transition:
    max-height 0.4s ease,
    opacity 0.4s ease;

  transition:
    max-height 0.4s ease,
    opacity 0.4s ease;

  opacity: 0;
}

.svc-card:hover .svc-desc {
  max-height: 12rem;

  opacity: 1;
}

.svc-link {
  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 6px;

  margin-top: 16px;

  font-family: "Geom";

  font-weight: 700;

  font-size: 14px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: var(--seafoam-lt);

  text-decoration: none;

  opacity: 0;

  -webkit-transform: translateX(-6px);

  -ms-transform: translateX(-6px);

  transform: translateX(-6px);

  -webkit-transition: all 0.35s ease;

  -o-transition: all 0.35s ease;

  transition: all 0.35s ease;
}

.svc-card:hover .svc-link {
  opacity: 1;

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);
}

/* ── ABOUT ── */

.about-strip {
  background: var(--sand);

  padding: 100px 52px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  /* display: grid; */

  /* grid-template-columns: 1fr 1fr; */

  /* gap: 80px; */

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 15rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;
}

.about-strip h2 {
  font-family: "Geom";

  font-weight: 900;

  text-transform: uppercase;

  font-size: clamp(48px, 6vw, 88px);

  line-height: 0.95;

  letter-spacing: -0.01em;

  color: var(--ink);

  max-width: 28rem;
}

.about-strip .reveal.on {
  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);
}

.about-photos {
  position: relative;

  max-width: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 2rem;
}

.about-text {
  max-width: 45%;
}

.about-photo-main {
  border-radius: 24px;

  overflow: hidden;
}

.about-photo-small {
  border-radius: 24px;

  border: 6px solid var(--sand);

  text-align: right;

  margin-right: -7rem;

  /* position: absolute;

  top: 0;

  right: -10rem; */

  /* top: 50%; */

  /* transform: translateY(-50%); */
}

.about-photo-small img {
  width: 26rem;

  border-radius: 14px;
}

.about-photo-main img {
  width: 40rem;

  /* min-height: 32rem; */

  -o-object-fit: cover;

  object-fit: cover;
}

.about-badge {
  position: absolute;

  top: 64%;

  left: 84%;

  /* top: 50%;

  left: 72%; */

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 100px;

  height: 100px;

  background: var(--coral);

  border-radius: 50%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  border: 8px solid var(--sand);

  z-index: 2;
}

.about-badge h4,
.about-badge h5 {
  margin: 0;
}

.about-badge h4 {
  font-family: "Geom";

  font-weight: 900;

  font-size: 30px;

  color: var(--white);

  line-height: 1;
}

.about-badge h5 {
  font-size: 9px;

  font-weight: 700;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: rgba(253, 250, 246, 0.8);

  text-align: center;

  line-height: 1.4;
}

.about-body {
  font-size: 18px;

  line-height: 1.8;

  color: var(--ink-mid);

  font-weight: 300;

  margin: 24px 0 40px;
}

.about-feats {
  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 16px 1fr;

  grid-template-columns: 1fr 1fr;

  gap: 16px;
}

.about-feat {
  background: var(--white);

  border-radius: 16px;

  padding: 20px 22px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 14px;
}

.about-feat-icon {
  width: 38px;

  height: 38px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  background: var(--seafoam-lt);

  border-radius: 12px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: var(--seafoam-dk);
}

.about-feat-icon svg {
  width: 18px;
}

.about-feat h4 {
  font-size: 20px;

  font-weight: 600;

  color: var(--ink);

  margin-bottom: 4px;

  margin: 0;
}

.about-feat h5 {
  font-size: 18px;

  line-height: 1.5;

  color: var(--muted);

  margin: 0;
}

/* ── DESTINATIONS ── */

.destinations {
  background: var(--white);
}

.destinations .big-title {
  max-width: 50rem;
}

.dest-header {
  padding-inline: 100px;

  padding-block: 56px;
}

.dest-header a {
  background-color: var(--seafoam);

  color: white;

  padding: 0.6rem 1rem;

  border-radius: 25px;

  font-weight: 700;

  letter-spacing: 1.1px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.dest-header a:hover {
  background-color: var(--seafoam-dk);
}

.dest-scroll-wrap {
  /* overflow-x: auto; */

  padding-bottom: 12px;

  /* scrollbar-width: thin; */

  /* scrollbar-color: var(--seafoam-lt) transparent; */
}

.dest-scroll-wrap::-webkit-scrollbar {
  height: 4px;
}

.dest-scroll-wrap::-webkit-scrollbar-thumb {
  background: var(--seafoam-lt);

  border-radius: 2px;
}

.dest-row {
  /* display: flex; */

  /* gap: 20px; */

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  padding-bottom: 4px;

  margin: auto;
}

.destinations .slick-track {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 1rem;
}

.destinations .slick-dots {
  list-style: none;

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-pack: center !important;

  -ms-flex-pack: center !important;

  justify-content: center !important;

  margin: 0 !important;

  margin-top: 1rem !important;
}

.destinations .slick-dots button {
  margin: 0 !important;
}

/* first child */

.slick-dots li:first-child button {
  border-top-left-radius: 20px !important;

  border-bottom-left-radius: 20px !important;
}

.slick-dots li:last-child button {
  border-top-right-radius: 20px !important;

  border-bottom-right-radius: 20px !important;
}

.destinations .slick-dots li button {
  padding: 0.8rem 2rem;

  background: var(--seafoam-lt);

  border: none;

  /* opacity: 0.5; */

  font-size: 0;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.destinations .slick-dots li button:before {
  content: "";

  display: block;

  width: 10px;

  height: 10px;

  background: var(--muted);

  border-radius: 50%;

  margin: auto;
}

.destinations .slick-dots li.slick-active button::before {
  background: var(--seafoam-dk); /* active dot color */
}

.dest-card {
  width: 35rem;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  border-radius: 20px;

  overflow: hidden;

  position: relative;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  -o-transition: transform 0.3s;

  transition: transform 0.3s;

  transition:
    transform 0.3s,
    -webkit-transform 0.3s;

  /* margin-left: 20px; */

  margin: auto;
}

.dest-card:hover {
  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  transform: translateY(-5px);
}

.dest-card-img {
  width: 100%;

  height: 400px;

  display: block;

  background-size: cover;

  background-position: center;

  -webkit-filter: brightness(0.7);

  filter: brightness(0.7);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.dest-card-img img {
  height: 100%;

  width: 100%;
}

.dest-card:hover .dest-card-img {
  -webkit-filter: unset;

  filter: unset;

  scale: 1.03;
}

.dest-card-body {
  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 24px 22px;

  background: -webkit-gradient(
    linear,
    left bottom,

    left top,

    from(rgba(28, 49, 48, 0.9)),
    to(transparent)
  );

  background: -o-linear-gradient(
    bottom,
    rgba(28, 49, 48, 0.9) 0%,

    transparent 100%
  );

  background: linear-gradient(
    to top,

    rgba(28, 49, 48, 0.9) 0%,

    transparent 100%
  );
}

.dest-card-dist {
  font-size: 11px;

  font-weight: 600;

  color: var(--seafoam-lt);

  letter-spacing: 0.12em;

  text-transform: uppercase;

  margin-bottom: 6px;
}

.dest-card-name {
  font-family: "Geom";

  font-weight: 900;

  font-size: 20px;

  text-align: center;

  color: var(--white);

  line-height: 1;

  max-width: 30rem;

  margin: auto;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  padding: 0.6rem 1rem;

  line-height: 1.4;
}

.dest-card:hover .dest-card-name {
  background-color: var(--muted-opacity);

  padding: 0.6rem 1rem;

  border-radius: 15px;
}

.dest-card-tag {
  position: absolute;

  top: 16px;

  left: 16px;

  background: var(--coral);

  color: var(--white);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  padding: 4px 12px;

  border-radius: 100px;
}

/* ── FLEET ── */

.fleet {
  background: var(--sand-dark);

  padding: 100px 52px;
}

.fleet-header {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: end;

  -ms-flex-align: end;

  align-items: flex-end;

  margin-bottom: 56px;
}

.fleet-grid {
  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;
}

.fleet-card {
  background: var(--white);

  border-radius: 20px;

  overflow: hidden;

  -webkit-transition:
    -webkit-transform 0.3s,
    -webkit-box-shadow 0.3s;

  transition:
    -webkit-transform 0.3s,
    -webkit-box-shadow 0.3s;

  -o-transition:
    transform 0.3s,
    box-shadow 0.3s;

  transition:
    transform 0.3s,
    box-shadow 0.3s;

  transition:
    transform 0.3s,
    box-shadow 0.3s,
    -webkit-transform 0.3s,
    -webkit-box-shadow 0.3s;
}

.fleet-card:hover {
  -webkit-transform: translateY(-5px);

  -ms-transform: translateY(-5px);

  transform: translateY(-5px);

  -webkit-box-shadow: 0 16px 48px rgba(91, 191, 181, 0.15);

  box-shadow: 0 16px 48px rgba(91, 191, 181, 0.15);
}

.fleet-img {
  width: 100%;

  aspect-ratio: 16/10;

  background-size: cover;

  background-position: center;
}

.fleet-body {
  padding: 28px 26px;
}

.fleet-name {
  font-family: "Geom";

  font-weight: 900;

  font-size: 28px;

  text-transform: uppercase;

  color: var(--ink);

  margin-bottom: 8px;
}

.fleet-desc {
  font-size: 13px;

  line-height: 1.65;

  color: var(--muted);

  margin-bottom: 20px;
}

.fleet-pills {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 8px;
}

.fleet-pill {
  background: var(--seafoam-lt);

  color: var(--seafoam-dk);

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  padding: 5px 14px;

  border-radius: 100px;
}

.fleet-pill.coral {
  background: #faddd3;

  color: var(--coral);
}

/* ── BOOKING BANNER ── */

.booking-banner {
  background: var(--ink);

  padding: 90px 52px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  gap: 48px;

  position: relative;

  overflow: hidden;
}

.booking-banner::before {
  content: "BOOK";

  position: absolute;

  right: -20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  font-family: "Geom";

  font-weight: 900;

  font-size: 240px;

  line-height: 1;

  color: rgba(255, 255, 255, 0.03);

  text-transform: uppercase;

  pointer-events: none;
}

.booking-banner-title {
  font-family: "Geom";

  font-weight: 900;

  font-size: clamp(44px, 5vw, 76px);

  text-transform: uppercase;

  line-height: 0.95;

  color: var(--white);

  max-width: 50rem;
}

.booking-banner-title .teal {
  color: var(--seafoam);
}

.booking-banner-text {
  font-size: 15px;

  line-height: 1.7;

  color: rgba(253, 250, 246, 0.55);

  max-width: 360px;

  margin-bottom: 32px;
}

.btn-seafoam {
  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 12px;

  background: var(--coral);

  color: var(--ink);

  font-family: "Geom";

  font-weight: 700;

  font-size: 18px;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  padding: 16px 40px;

  border-radius: 100px;

  text-decoration: none;

  border: none;

  -webkit-transition: all 0.25s;

  -o-transition: all 0.25s;

  transition: all 0.25s;
}

.btn-seafoam:hover {
  background: var(--coral-lt);

  -webkit-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  transform: translateY(-2px);

  color: var(--ink);
}

.btn-seafoam svg {
  width: 18px;
}

/* ── TESTIMONIALS ── */

.testimonials {
  background: var(--white);

  padding: 100px 52px;
}

.testimonials .big-title {
  max-width: 50rem;
}

.testi-grid {
  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 24px 1fr 24px 1fr;

  grid-template-columns: repeat(3, 1fr);

  gap: 24px;

  margin-top: 56px;
}

.testi-card h3,
.testi-card h4,
.testi-card h5 {
  margin: 0;
}

.testi-card {
  background: var(--sand);

  border-radius: 20px;

  padding: 36px 30px;

  -webkit-transition: -webkit-transform 0.3s;

  transition: -webkit-transform 0.3s;

  -o-transition: transform 0.3s;

  transition: transform 0.3s;

  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
}

.testi-card:hover {
  -webkit-transform: translateY(-4px);

  -ms-transform: translateY(-4px);

  transform: translateY(-4px);
}

.testi-stars {
  color: var(--coral);

  font-size: 16px;

  letter-spacing: 3px;

  margin-bottom: 16px;
}

.testi-card h3 {
  font-size: 15px;

  line-height: 1.75;

  font-style: italic;

  color: var(--ink-mid);

  font-weight: 300;

  margin-bottom: 24px;
}

.testi-author {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 12px;
}

.testi-avatar {
  width: 42px;

  height: 42px;

  border-radius: 50%;

  background: var(--seafoam-lt);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-family: "Geom";

  font-weight: 900;

  font-size: 18px;

  color: var(--seafoam-dk);

  -ms-flex-negative: 0;

  flex-shrink: 0;
}

.testi-card h4 {
  font-size: 14px;

  font-weight: 600;

  color: var(--ink);

  margin-bottom: 5px;
}

.testi-card h5 {
  font-size: 12px;

  color: var(--muted);
}

/* ── CONTACT ── */

.contact {
  background: var(--sand-dark);

  padding: 100px 52px;
}

.contact-inner {
  background: var(--white);

  border-radius: 32px;

  padding: 72px 64px;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 80px 1fr;

  grid-template-columns: 1fr 1fr;

  gap: 80px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
}

.contact .big-title {
  max-width: 40rem;
}

.contact-photo {
  /* width: 100%; */
}

.contact-photo img {
  border-radius: 20px;

  /* max-width: 830px; */
}

.contact-items {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 32px;

  margin-top: 40px;
}

.contact-item {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 18px;
}

.contact-icon {
  width: 52px;

  height: 52px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

  background: var(--seafoam-lt);

  border-radius: 16px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: var(--seafoam-dk);
}

.contact-icon svg {
  width: 22px;
}

.contact-label {
  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  color: var(--muted);

  margin-bottom: 4px;
}

.contact-val {
  font-family: "Geom";

  font-weight: 700;

  font-size: 22px;

  color: var(--ink);

  text-decoration: none;

  -webkit-transition: color 0.2s;

  -o-transition: color 0.2s;

  transition: color 0.2s;
}

.contact-val:hover {
  color: var(--seafoam-dk);
}

/* ── FOOTER ── */

footer {
  background: var(--ink);

  padding: 60px 52px 32px;

  position: relative;
}

.footer-top {
  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 2fr 56px 1fr 56px 1fr 56px 1fr;

  grid-template-columns: 2fr 1fr 1fr 1fr;

  gap: 56px;

  padding-bottom: 52px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  margin-bottom: 32px;
}

.footer-brand {
  font-family: "Geom";

  font-weight: 900;

  font-size: 22px;

  text-transform: uppercase;

  color: var(--white);

  letter-spacing: 0.04em;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 10px;

  margin-bottom: 16px;
}

.footer-brand-dot {
  width: 10px;

  height: 10px;

  background: var(--seafoam);

  border-radius: 50%;
}

.footer-desc {
  font-size: 18px;

  line-height: 1.75;

  /* color: rgba(253, 250, 246, 0.4); */

  color: white;

  max-width: 27rem;

  margin-bottom: 24px;
}

.footer-social {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 20px;
}

.footer-social img {
  width: 50px;

  height: 50px;
}

.fsoc {
  /* width: 36px;

  height: 36px; */

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.12);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 12px;

  color: rgba(253, 250, 246, 0.4);

  text-decoration: none;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.fsoc:hover {
  border-color: var(----muted);

  background-color: var(--muted);

  -webkit-transform: translateY(-2px);

  -ms-transform: translateY(-2px);

  transform: translateY(-2px);
}

.footer-col-title {
  font-family: "Geom";

  font-weight: 700;

  font-size: 20px;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  color: var(--seafoam);

  margin-bottom: 20px;
}

.footer-links,
.footer-links .center {
  list-style: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 10px;

  margin: 0;
}

.footer-links a {
  font-size: 18px;

  /* color: rgba(253, 250, 246, 0.4); */

  color: white;

  text-decoration: none;

  -webkit-transition: color 0.2s;

  -o-transition: color 0.2s;

  transition: color 0.2s;
}

.footer-links a:hover {
  color: var(--seafoam);
}

.footer-bottom {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 12px;

  /* color: rgba(253, 250, 246, 0.25); */

  color: white;
}

.footer-bottom .transfersheraklion {
  font-size: 18px;
}

.footer-bottom a {
  /* color: rgba(253, 250, 246, 0.25); */

  color: white;

  text-decoration: none;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.footer-bottom a:hover {
  color: var(--seafoam);
}

footer .floating-link {
  position: fixed;

  bottom: 5rem;

  right: 3rem;

  display: inline-block;

  z-index: 5;
}

footer .floating-link::before {
  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 4.5rem;

  height: 4.5rem;

  border-radius: 50%;

  background: rgba(0, 0, 0, 0.2);

  -webkit-filter: blur(10px);

  filter: blur(10px);

  z-index: 0;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

footer .floating-link img {
  max-width: 4.5rem;

  display: block;

  position: relative;

  z-index: 1;

  -webkit-animation: pulse 2s ease-in-out infinite;

  animation: pulse 2s ease-in-out infinite;
}

footer .floating-link:hover::before {
  background: rgba(51, 187, 24, 0.473); /* σκιά πιο έντονη */

  -webkit-filter: blur(15px);

  filter: blur(15px); /* πιο διάχυτη σκιά */
}

/* ── REVEAL ── */

.reveal {
  opacity: 0;

  -webkit-transform: translateY(24px);

  -ms-transform: translateY(24px);

  transform: translateY(24px);

  -webkit-transition:
    opacity 0.65s ease,
    -webkit-transform 0.65s ease;

  transition:
    opacity 0.65s ease,
    -webkit-transform 0.65s ease;

  -o-transition:
    opacity 0.65s ease,
    transform 0.65s ease;

  transition:
    opacity 0.65s ease,
    transform 0.65s ease;

  transition:
    opacity 0.65s ease,
    transform 0.65s ease,
    -webkit-transform 0.65s ease;
}

.reveal.on {
  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;
}

.reveal-d1 {
  -webkit-transition-delay: 0.1s;

  -o-transition-delay: 0.1s;

  transition-delay: 0.1s;
}

.reveal-d2 {
  -webkit-transition-delay: 0.2s;

  -o-transition-delay: 0.2s;

  transition-delay: 0.2s;
}

.reveal-d3 {
  -webkit-transition-delay: 0.3s;

  -o-transition-delay: 0.3s;

  transition-delay: 0.3s;
}

.menu-modal {
  display: none;
}

/* --- */

.button:hover,
button:hover {
  background-color: #113644;
}

.top-bar-section li:last-child:not(.has-form) a.events:not(.button) {
  text-decoration: none !important;

  color: #ffffff !important;

  background-color: #333333 !important;
}

.top-bar-section li:last-child:not(.has-form) a:hover.events:not(.button) {
  background-color: #999999 !important;
}

.st_fblike_hcount {
  margin-right: 25px;
}

.st_pinterest_hcount {
  margin-left: 20px;
}

.contain-to-grid,
.top-bar,
.top-bar-section ul {
  font-size: 1rem;

  color: #666666 !important;

  background-color: transparent !important;
}

.top-bar-section {
  margin-top: 10px;
}

.top-bar-section .has-dropdown > a:after {
  border-color: #666666 transparent transparent transparent;
}

ul.dropdown {
  background-color: #cccccc !important;
}

.slider,
.slider img {
  width: 100%;
}

.row {
  max-width: 1200px;
}

[data-magellan-expedition="fixed"] {
  width: 1200px;

  max-width: 1200px;

  min-width: 1200px;

  margin: 0 auto;
}

.breadcrumbs {
  border: none;

  background: none;

  -webkit-box-shadow: none;

  box-shadow: none;
}

.breadcrumbs a:not(.current):hover,
.breadcrumbs a:hover i {
  color: #a69c00;
}

div.breadcrumb {
  max-width: 1200px;

  margin: 0 auto 25px;
}

.breadcrumbs * {
  color: #333333;
}

.breadcrumbs *,
.breadcrumbs > .current {
  line-height: 28px;

  text-transform: capitalize;

  font-size: 1rem;
}

.captcha input {
  margin-top: 8px;
}

body {
  opacity: 1;
}

.site-header {
  position: fixed;

  top: 0;

  left: 0;

  z-index: 100;

  width: 100%;

  padding: 0;

  background-color: #ffffff;

  -webkit-box-shadow: 0 1px 1px 0 rgba(208, 206, 206, 0.7);

  box-shadow: 0 1px 1px 0 rgba(208, 206, 206, 0.7);
}

.top-bar .toggle-topbar.menu-icon a::after {
  top: -3px;

  left: 5px;
}

.top-bar {
  height: 110px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;
}

.top-bar-section {
  margin-top: 0;
}

.top-bar .toggle-topbar.menu-icon {
  top: 17px; /* an to header exei upsos 65px diaforetika anaprosarmogi */

  left: 15px;

  right: auto;

  margin-top: 0;

  padding: 0;
}

.top-bar .toggle-topbar.menu-icon a {
  height: 25px;

  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;

  margin-bottom: 40px;
}

p {
  margin-bottom: 20px;
}

.homepage main {
  padding-top: 70px;
}

.innerpage main {
  padding-top: 70px;
}

.row--padding,
.columns,
.column {
  padding-left: 12px;

  padding-right: 12px;
}

.row--lg {
  max-width: 1744px;
}

.form-validation input {
  margin-top: 8px;
}

#submitform {
  margin-top: 10px;

  font-family: "Geom";

  font-weight: 600 !important;

  background-color: #a04949;

  border-radius: 3px;

  font-size: 14px;
}

.home-active li:first-of-type a {
  font-weight: 800;

  text-decoration: none;
}

ul.title-area #logo {
  display: inline-block;
}

.top-bar .name {
  height: initial;
}

/* Plain header links */

.top-bar-section li:not(.has-form) a:not(.button) {
  font-size: 16px;

  color: #fff;

  background-color: transparent;

  position: relative;

  display: inline-block;
}

/* Links with after element */

.top-bar-section li:not(.has-form) a:not(.button)::after,
li.has-dropdown.not-click:not(:last-of-type)::after {
  position: absolute;

  top: 50%;

  right: 0;

  content: "";

  width: 6px;

  height: 6px;

  border-radius: 50%;

  margin-top: -3px;

  background-color: #fff;
}

.top-bar-section li:not(.has-form) ul.dropdown a:not(.button)::after {
  display: none;
}

/* No Dropdown Arrow */

.top-bar-section .has-dropdown > a {
  padding-right: 15px !important;
}

.top-bar-section .has-dropdown > a:after {
  display: none;
}

.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section .dropdown li:not(.has-form) a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  color: #fff;

  background-color: transparent;
}

.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
  color: #f58220;

  background-color: #fff;
}

/* ------- HERO ------- */

.slick-slider {
  margin-bottom: 0;

  width: 100% !important;
}

.error small.error {
  font-size: 16px !important;

  border-radius: 10px !important;

  position: relative !important;

  margin-top: 6px !important;
}

.error small.error::before {
  content: "";

  height: 10px;

  width: 10px;

  position: absolute;

  top: -6px;

  left: -1;

  border-top-left-radius: 12px 30px;

  border-top-right-radius: 64px 84px;

  background-color: #f04124;
}

/* ------- ABOUT ------- */

/* ------- STATIC PAGE ------- */

/* excursion page */

.excursion-container {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  margin-bottom: 3rem;
}

.excursion-container .wrapper {
  max-height: 8rem;

  overflow: hidden;

  -webkit-transition: max-height 0.5s ease;

  -o-transition: max-height 0.5s ease;

  transition: max-height 0.5s ease;

  margin-bottom: 1rem;
}

.excursion-container .show-more {
  cursor: pointer;

  font-weight: 700;

  color: var(--coral);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;
}

.excursion-container .show-more:hover {
  color: var(--coral-lt);

  -webkit-transform: translateY(-4px);

  -ms-transform: translateY(-4px);

  transform: translateY(-4px);
}

.excursion-container .static-page__content {
  max-width: unset;

  margin: 0;
}

.excursion-bottom {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
}

.excursion-container .header {
  padding: 10px 15px;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px auto;

  grid-template-columns: 1fr 1fr 1fr auto;

  gap: 10px;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  /* flex-wrap: wrap; */

  /* row-gap: 10px; */

  margin-block: 2rem;

  border-top: 1px solid #dcdfe4;

  border-bottom: 1px solid #dcdfe4;
}

.excursion-information > div {
  cursor: pointer;

  margin-bottom: 10px;

  position: relative;

  padding-right: 25px;
}

/* .excursion-information > div::after {

  content: "\2198";

  position: absolute;

  right: 20px;

  top: 50%;

  transition: transform 0.3s ease;

  transform: translateY(-50%);

} */

.excursion-information {
  position: relative;

  /* padding-right: 40px; */
}

.article__container .excursion-container .form {
  padding-inline: 0;
}

.arrow-icon {
  position: absolute;

  right: 20px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;

  width: 20px; /* προσαρμόζεις το μέγεθος */

  height: 20px;
}

.excursion-information > div.active::after {
  /* display: none; */
}

.excursion-information > div > *:not(:first-child) {
  max-height: 0;

  overflow: hidden;

  -webkit-transition: max-height 0.3s ease;

  -o-transition: max-height 0.3s ease;

  transition: max-height 0.3s ease;
}

.excursion-information > div.active > *:not(:first-child) {
  max-height: 500px;
}

.excursion-container .header p {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 0.5rem;

  /* font-size: 24px; */
}

.excursion-information > div {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  padding: 25px 0;

  border-top: 1px solid #dcdfe4;
}

.excursion-information {
  /* max-width: 60%; */

  margin-block: 3rem;
}

.excursion-information ul li {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  gap: 0.5rem;

  padding: 5px 0;
}

.excursion-container .form {
  padding-inline: 20px;
}

.excursion-container .form-content {
  padding: 1.5rem 2rem;

  padding-top: 0;
}

.excursion-container form {
  margin: auto;

  width: 100%;

  max-width: 45rem;

  background-color: var(--sand-dark);

  /* padding: 1.5rem 2rem; */

  border-radius: 20px;
}

.excursion-container .form input,
.excursion-container .form select,
.excursion-container .form textarea {
  border-radius: 15px !important;

  font-family: "Geom";

  font-size: 16px;

  height: 3rem;

  padding: 0.5rem 1rem;

  background-color: white;
}

.excursion-container .form label {
  font-weight: 700;

  margin-bottom: 0.5rem;

  color: var(--ink-mid);
}

.excursion-container .form #submitform {
  background-color: var(--ink-mid);

  border-radius: 15px !important;

  font-size: 16px;

  margin: 0;

  margin-top: 1rem;
}

.excursion-container .form #submitform:hover {
  background-color: var(--ink);
}

.excursion-information > div > div:nth-child(1) {
  min-width: 300px;
}

.excursion-container svg {
  color: var(--seafoam);

  width: 20px;
}

.excursion-container strong {
  color: var(--ink-mid);
}

.excursion-container .form h3 {
  font-size: 22px;

  text-transform: uppercase;

  font-weight: 800;

  letter-spacing: 1.2px;

  color: var(--ink-mid);

  text-align: center;

  background-color: var(--sand-deeper);

  border-top-left-radius: 25px;

  border-top-right-radius: 25px;

  padding-block: 1.5rem;
}

.excursion-information ul {
  list-style: none;

  margin: 0;
}

/* transfers page */

.transfers-container {
  margin-bottom: 3rem;

  padding-inline: 30px;

  gap: 1rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;
}

.transfers-book {
  text-align: center;
}

.transfers-book a:hover {
  background-color: var(--seafoam-dk);

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;
}

.transfers-book a {
  background-color: var(--seafoam);

  padding: 0.8rem 1.4rem;

  color: white;

  font-weight: 800;

  letter-spacing: 2.2px;

  display: inline-grid-lanes;

  border-radius: 100px;
}

#contact {
  /* border: 1px solid red; */

  margin: 0;

  padding-block: 3rem;

  background-color: var(--sand);

  padding-inline: 20px;
}

#contact form {
  /* border:1px solid red; */

  margin: auto;

  padding: 1.5rem 2rem;

  max-width: 50rem;

  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  border-radius: 15px;

  background-color: var(--sand-dark);
}

#contact form label {
  font-weight: 900;

  margin-bottom: 0.5rem;

  color: var(--ink-mid);
}

#contact form input,
#contact form select,
#contact form textarea {
  border-radius: 15px;

  font-family: "Geom";

  font-size: 16px;

  height: 3rem;
}

#contact #submitform {
  background-color: var(--ink-mid);

  border-radius: 15px;
}

#contact #submitform:hover {
  background-color: var(--ink);
}

#contact .static-page__content {
  margin: auto;

  max-width: -webkit-fit-content;

  max-width: -moz-fit-content;

  max-width: fit-content;

  margin-bottom: 3rem;

  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  padding: 2rem;

  border-radius: 20px;

  background-color: var(--sand-dark);

  text-align: center;
}

#contact .static-page__content strong {
  color: var(--muted);
}

#contact .static-page__content a {
  -webkit-transition: color 0.3s;

  -o-transition: color 0.3s;

  transition: color 0.3s;

  color: var(--ink-mid);
}

#contact .static-page__content a:hover {
  color: var(--muted);
}

.article_title {
  color: var(--ink);

  font-size: 30px;

  text-align: center;

  padding: 1rem;

  background-color: var(--muted);

  border-bottom-left-radius: 25px;

  border-bottom-right-radius: 25px;

  font-weight: 900;
}

.category-container {
  padding-inline: 20px;

  padding-bottom: 3rem;
}

.articlelistingrow img {
  width: 100%;

  border-top-left-radius: 20px;

  border-bottom-left-radius: 20px;
}

.articlelistingrow .article-image-container {
  width: 30rem;
}

.articlegrow {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background-color: var(--sand-dark);

  border-radius: 25px;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;
}

.articlegrow h4,
.articlegrow p {
  margin: 0;
}

.articlegrow h4 {
  font-weight: 800;

  color: var(--ink-mid);

  font-size: 20px;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  margin-bottom: 1rem;
}

.article-description {
  padding: 1rem 5rem;

  /* height: fit-content; */

  -ms-flex-line-pack: center;

  align-content: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 1rem;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;
}

.articlelistingrow {
  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  gap: 4rem;
}

.article-image-container {
  position: relative;
}

.articlegrow p {
  font-size: 18px;

  line-height: 1.65;

  color: var(--coral);

  /* font-weight: 300; */

  /* text-align: right; */
}

.articlegrow .more {
  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 6px;

  margin-top: 0.5rem;

  font-family: "Geom";

  font-weight: 700;

  font-size: 14px;

  letter-spacing: 0.1em;

  text-transform: uppercase;

  color: var(--ink-mid);

  text-decoration: none;

  -webkit-transition: all 0.35s ease;

  -o-transition: all 0.35s ease;

  transition: all 0.35s ease;
}

.articlelistingrow .more:hover {
  -webkit-transform: translateX(6px);

  -ms-transform: translateX(6px);

  transform: translateX(6px);
}

.articlelistingrow img {
  -webkit-transition: -webkit-filter 0.4s ease;

  transition: -webkit-filter 0.4s ease;

  -o-transition: filter 0.4s ease;

  transition: filter 0.4s ease;

  transition:
    filter 0.4s ease,
    -webkit-filter 0.4s ease;
}

.articlegrow:hover img {
  -webkit-filter: brightness(0.65);

  filter: brightness(0.65);
}

.articlegrow:hover {
  -webkit-transform: translateY(-4px);

  -ms-transform: translateY(-4px);

  transform: translateY(-4px);
}

.articlegrow:hover {
  background-color: var(--sand-deeper);
}

.main__image img {
  width: 100%;

  -webkit-filter: brightness(0.5);

  filter: brightness(0.5);
}

.articleImage {
  /* margin-top: -1rem; */

  border-top-left-radius: 25px;

  border-top-right-radius: 25px;
}

.main__image {
  position: relative;
}

/* van prices */

.static-page__content table {
  margin: auto !important;

  width: 100%;
}

table tr:not(thead tr) {
  color: var(--ink);

  cursor: pointer;
}

table tr:hover:not(thead tr) {
  background-color: var(--muted);
}

.static-page__content h3 {
  font-size: 20px;
}

.static-page__title {
  text-align: center;

  text-align: center;

  font-size: 32px;

  margin: 0;

  position: absolute;

  bottom: 2rem;

  color: white;

  font-size: 60px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  font-weight: 900;

  letter-spacing: 0.4rem;
}

.static-page__content p {
  font-size: 18px;

  margin: auto;

  margin-block: 3rem;

  /* text-align: center; */

  line-height: 2.5;

  margin: 0;
}

.articlelistingrow a:nth-child(even) .articlegrow {
  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

  -ms-flex-direction: row-reverse;

  flex-direction: row-reverse;

  border-top-right-radius: 25px;

  border-bottom-right-radius: 25px;
}

.articlelistingrow a:nth-child(even) .articlegrow img {
  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-top-right-radius: 25px;

  border-bottom-right-radius: 25px;
}

.static-page__content {
  margin: auto;

  margin-block: 3rem;

  max-width: 860px;

  padding-inline: 20px;
}

/* ------- CATEGORY PAGE ------- */

/* ------- FOOTER ------- */

.site-footer {
  background-color: #eee;
}

.site-footer__copyrights {
  margin-top: 15px;
}

.site-footer__copyrights,
.site-footer__copyrights a {
  font-size: 16px;

  color: #fff;
}

.site-footer__logo {
  text-align: right;
}

@media screen and (max-width: 1620px) {
  .about-badge {
    top: 60%;

    left: 84%;
  }
}

@media screen and (max-width: 1450px) {
  .about-strip {
    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

    gap: 6rem;
  }

  .footer-top {
    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;
  }

  .about-body {
    max-width: unset;
  }

  .about-text,
  .about-photos {
    max-width: 100%;
  }

  .about-feats {
    /* grid-template-columns: 1fr 1fr; */
  }

  .about-photo-small {
    position: unset;

    top: unset;

    right: unset;

    -webkit-transform: unset;

    -ms-transform: unset;

    transform: unset;

    margin: auto;
  }

  .about-photo-small img {
    border-radius: 20px;

    max-width: 24rem;
  }

  .about-photo-main img {
    min-height: unset;

    max-width: 35rem;
  }

  .about-badge {
    top: 62%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
  }

  .nav-links .center {
    gap: 20px;
  }

  .nav-links .links {
    gap: 1rem;
  }

  .nav-links {
    gap: 20px;
  }
}

@media screen and (max-width: 1330px) {
  .services-grid {
    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;
  }

  .svc-card {
    max-height: 36rem;

    width: 100%;
  }

  .svc-desc {
    max-height: unset;

    opacity: 1;
  }

  .svc-link {
    opacity: 1;
  }

  .svc-body {
    background-color: var(--muted);

    padding: 20px;
  }

  .footer-top {
    text-align: center;
  }

  .nav-logo {
    font-size: 16px;

    max-width: 8rem;
  }

  .footer-social {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
  }

  .footer-desc {
    margin: auto;

    margin-bottom: 20px;
  }

  .footer-brand {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
  }

  nav {
    padding: 20px;
  }

  nav.scrolled {
    padding: 25px 20px;
  }

  .svc-link {
    transform: unset !important;

    -webkit-transform: unset !important;

    -ms-transform: unset !important;
  }
}

@media screen and (max-width: 1200px) {
  .articlelistingrow h4 {
    font-size: 16px;
  }

  #logo img {
    max-width: 11rem;
  }

  .btn-seafoam {
    font-size: 13px;

    padding: 16px 25px;
  }

  .excursion-container .header {
    padding: 10px 15px;

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;
  }

  .excursion-container .header p {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
  }

  nav,
  nav.scrolled {
    padding: 18px 24px;
  }

  .nav-links {
    display: none;
  }

  .menu-modal {
    position: fixed;

    top: 0;

    right: -100%;

    width: 100%;

    height: 100vh;

    background: #111111f2;

    color: #fff;

    z-index: 999;

    -webkit-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    overflow-y: scroll;

    padding-block: 3rem;
  }

  .menu-modal.active {
    right: 0;
  }

  .menu-modal .center {
    margin: 0;

    list-style: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: 2rem;

    text-align: center;
  }

  .menu-modal.active .center a,
  .menu-modal .lang a {
    font-weight: bold;

    color: var(--sand-dark);

    -webkit-transition: color 0.3s;

    -o-transition: color 0.3s;

    transition: color 0.3s;

    font-size: 30px;
  }

  .menu-modal .center a:hover,
  .menu-modal .lang a:hover {
    color: var(--muted);
  }

  .menu-modal .lang {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 2rem;
  }

  .menu-modal .lang ul,
  .menu-modal .lang ul li {
    margin: 0;

    padding: 0;

    list-style: none;
  }

  .menu-modal .social {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 20px;

    margin-top: 4rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
  }

  .menu-book {
    max-width: -webkit-fit-content;

    max-width: -moz-fit-content;

    max-width: fit-content;

    margin: auto;

    margin-top: 3rem;
  }

  .msoc {
    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.12);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 12px;

    color: rgba(253, 250, 246, 0.4);

    text-decoration: none;

    -webkit-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;
  }

  .msoc:hover {
    -webkit-transform: translateY(-4px);

    -ms-transform: translateY(-4px);

    transform: translateY(-4px);
  }

  .on-close {
    cursor: pointer;

    position: absolute;

    top: 1.9rem;

    right: 0.6rem;
  }

  .on-close svg {
    width: 3rem;
  }

  .on-close svg path {
    -webkit-transition: fill 0.3s;

    -o-transition: fill 0.3s;

    transition: fill 0.3s;
  }

  .on-close:hover svg path {
    fill: var(--muted);
  }

  .nav-bar span {
    width: 1.8rem;

    height: 0.3rem;

    background: var(--ink);

    border-radius: 4px;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;
  }

  .nav-bar:hover span {
    background: var(--muted);
  }

  .nav-bar {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
  }
}

@media screen and (max-width: 1024px) {
  [class*="block-grid-"] {
    max-width: 660px; /* αλλαγή ανάλογα με το μέγεθος του thumb */

    margin: auto;
  }

  .articlelistingrow {
    padding-inline: 30px;

    gap: 2rem;

    margin-bottom: 2rem;
  }

  .articlegrow p {
    font-size: 16px;
  }

  .articlegrow {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-width: 36rem;

    margin: auto;

    gap: 0.5rem;

    text-align: center;
  }

  .articlegrow h4 {
    margin: 0;
  }

  .articlegrow .more {
    margin: auto;
  }

  .articlelistingrow .article-image-container {
    width: 100%;
  }

  .articlelistingrow .articlegrow img {
    -o-object-fit: cover;

    object-fit: cover;

    width: 100%;

    max-width: 36rem;

    border-radius: 0;

    border-top-left-radius: 25px;

    border-top-right-radius: 25px;
  }

  .articlelistingrow a:nth-child(even) .articlegrow {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;
  }

  .articlelistingrow a:nth-child(even) .articlegrow img {
    border-radius: unset;

    border-top-left-radius: 25px;

    border-top-right-radius: 25px;
  }

  .article_title {
    font-size: 24px;
  }

  .static-page__title {
    font-size: 30px;
  }

  .error small.error::before {
    left: 18px;
  }

  .svc-name {
    font-size: 25px;
  }

  .svc-body {
    background-color: var(--muted);

    padding: 20px;
  }

  .svc-card:hover img {
    -webkit-filter: unset;

    filter: unset;

    -webkit-transform: unset;

    -ms-transform: unset;

    transform: unset;

    -webkit-transform: scale(1.02);

    -ms-transform: scale(1.02);

    transform: scale(1.02);
  }

  .svc-desc {
    max-height: unset;

    opacity: 1;
  }

  .svc-link {
    opacity: 1;
  }

  .services-grid {
    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;
  }

  .svc-card {
    max-height: 36rem;

    width: 100%;
  }

  .about-photos {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: 1rem;
  }

  .about-photo-main img,
  .about-photo-small img {
    max-width: unset;

    min-height: unset;

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    max-height: 30rem;
  }

  .about-photo-small {
    margin: 0;
  }

  .about-badge {
    left: 50%;

    top: 54%;
  }

  .about-strip {
    gap: 3rem;
  }
}

@media (max-width: 900px) {
  .booking-banner::before {
    font-size: 140px;
  }

  .article-description {
    padding: 1rem;
  }

  .destinations .slick-dots li button {
    padding: 1rem 1.3rem;
  }

  .excursion-information > div {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: 1.5rem;

    padding: 10px 0;
  }

  .excursion-container .header {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: left;

    -ms-flex-pack: left;

    justify-content: left;

    text-align: left;
  }

  .excursion-container .header p {
    -webkit-box-pack: left;

    -ms-flex-pack: left;

    justify-content: left;

    text-align: left;
  }

  .dest-card {
    width: unset;

    margin: 0;
  }

  .contact-photo {
    max-height: 25rem;
  }

  .dest-scroll-wrap {
    overflow-x: unset;
  }

  .about-photo-main {
    position: relative;

    width: 100%;

    top: unset;

    left: unset;
  }

  .about-photo-small {
    position: relative;

    width: 100%;

    bottom: unset;
  }

  .tag-pill {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;
  }

  .hero {
    min-height: unset;
  }

  .hero-headline {
    font-size: 60px;
  }

  .hero-content {
    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    padding: 0 24px;
  }

  .hero-right {
    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;
  }

  .hero-desc {
    text-align: left;
  }

  .hero-tag {
    left: 24px;
  }

  .testimonials {
    text-align: center;
  }

  .testi-author {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;
  }

  .about-feat h4 {
    font-size: 18px;
  }

  .about-feat h5 {
    font-size: 16px;
  }

  .about-feats {
    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;
  }

  .about-feat {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
  }

  .services,
  .about-strip,
  .destinations,
  .fleet,
  .booking-banner,
  .testimonials,
  .contact,
  footer {
    padding-left: 24px;

    padding-right: 24px;

    padding-block: 40px;
  }

  .fleet-grid,
  .testi-grid {
    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;
  }

  .svc-card:first-child,
  .svc-card:last-child {
    margin: 0;
  }

  .about-photos {
    height: unset;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 0 10px;
  }

  .about-badge {
    top: 54%;

    border: 4px solid var(--sand);

    border: 4px solid var(--sand);

    padding: 0.2rem 0.2rem;
  }

  .about-text {
    padding: 0 20px;

    text-align: center;
  }

  .dest-header {
    text-align: center;
  }

  .dest-link {
    margin-top: 3rem;
  }

  .about-photos img {
    -o-object-fit: cover;

    object-fit: cover;
  }

  .about-photo-small {
    /* bottom: 8.7rem; */

    bottom: unset;

    width: 100%;

    position: unset;

    max-height: 25rem;
  }

  .about-photo-main {
    width: 100%;

    position: unset;

    border: 6px solid var(--sand);

    max-height: 30rem;
  }

  .booking-banner {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

    gap: 30px;
  }

  .contact-inner {
    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

    padding: 40px 28px;

    gap: 40px;

    text-align: center;
  }

  .contact-item {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;
  }

  .contact-val {
    font-size: 18px;
  }

  .footer-top {
    /* grid-template-columns: 1fr 1fr; */

    gap: 36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;
  }

  .footer-social {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: 25px;
  }

  .footer-desc {
    max-width: 100%;

    text-align: center;
  }

  .footer-brand {
    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
  }

  .footer-links a {
    font-size: 16px;
  }

  .footer-col-title {
    font-size: 18px;
  }

  .footer-bottom .transfersheraklion {
    font-size: 16px;
  }

  .footer-links,
  .footer-links .center {
    gap: 16px;
  }

  .footer-bottom {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: 25px;

    text-align: center;
  }

  .services-top {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 16px;

    text-align: center;

    margin-bottom: 1rem;
  }

  .services-desc {
    max-width: 100%;

    text-align: center;
  }

  .big-title,
  .booking-banner-title {
    margin: 0;

    font-size: 40px;

    text-align: center;

    max-width: unset;
  }

  .fleet-header {
    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    gap: 16px;
  }

  .big-title {
    margin: auto;
  }
}

@media screen and (max-width: 640px) {
  .st_linkedin_hcount {
    display: none;
  }

  .menu-logo #logo img {
    max-width: 8rem;
  }

  #logo img {
    max-width: 7rem;
  }

  nav.scrolled #logo img {
    /* max-width: 10rem; */
    scale: unset;
  }

  #contact .static-page__content {
    margin-bottom: 1rem;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    width: 100%;

    max-width: unset;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: 1rem;
  }

  #contact form {
    padding: 1rem 0rem;

    -webkit-box-shadow: unset;

    box-shadow: unset;
  }

  .excursion-information {
    padding: 0;
  }

  .excursion-information > div.active > div:not(:first-child) {
    max-width: 16rem;
  }

  .excursion-container svg {
    width: 100%;

    max-width: 15px;

    margin-top: 0.3rem;
  }

  .excursion-container .static-page__content,
  .excursion-container .header {
    padding-inline: 0;
  }

  .destinations .slick-dots {
    display: none !important;
  }

  .excursion-container .form input,
  .excursion-container .form select,
  .excursion-container .form textarea {
    /* height: unset; */

    padding: 0.5rem;
  }

  .excursion-container .create-excursion .form-content {
    padding-inline: 0;
  }

  .excursion-container .form-content {
    padding-inline: 1rem;

    padding-bottom: 2rem;

    /* padding-bottom: 0.5rem; */
  }

  .article__container {
    padding-inline: 10px;
  }

  .excursion-container .form {
    padding-inline: 10px;
  }

  .excursion-container .form h3 {
    margin-bottom: 1rem;

    font-size: 17px;

    letter-spacing: 1px;

    /* text-align: left; */

    padding-inline: 1rem;
  }

  .transfers-book a {
    font-size: 14px;
  }

  footer .floating-link {
    bottom: 1.5rem;

    right: 1.5rem;
  }

  footer .floating-link img {
    max-width: 3.5rem;
  }

  .menu-modal .social {
    margin-top: 2.5rem;
  }

  .hero-content,
  .services,
  .about-strip,
  .destinations,
  .booking-banner,
  .testimonials,
  .contact,
  .contact-inner,
  .testi-card,
  footer {
    padding-inline: 10px;
  }

  .dest-header,
  .about-photos,
  .about-text {
    padding: 0;
  }

  .dest-link {
    margin-top: 3rem;

    margin-bottom: 1rem;
  }

  .dest-link a {
    font-size: 16px;
  }

  .about-photos {
    gap: 0.5rem;
  }

  .services,
  .about-strip,
  .destinations,
  .testimonials,
  .testi-card,
  #contact,
  .contact-inner,
  footer {
    padding-block: 30px;
  }

  .booking-banner {
    padding-block: 30px;
  }

  #contact {
    padding-inline: 10px;
  }

  .testi-grid,
  .contact-items {
    margin-top: 20px;
  }

  .dest-header,
  .footer-top {
    padding-top: 0;

    padding-bottom: 20px;
  }

  .booking-banner-text {
    margin-bottom: 20px;
  }

  .footer-social img {
    width: 30px;

    height: 30px;
  }

  .booking-banner,
  .contact-inner {
    gap: 20px;
  }

  .footer-top {
    gap: 20px;
  }

  .about-body {
    margin-bottom: 20px;
  }

  .about-strip {
    gap: 1rem;
  }

  .services-desc {
    margin-bottom: 0;
  }

  .dest-scroll-wrap {
    padding-bottom: 0;
  }

  .booking-banner::before {
    font-size: 100px;
  }

  .static-page__content h3 {
    font-size: 16px !important;

    margin-bottom: 1rem;
  }

  .articlelistingrow {
    padding-inline: 10px;
  }

  .category-container {
    padding: 0;
  }

  .article_title {
    font-size: 18px;

    margin-bottom: 20px;
  }

  .hero-cta {
    color: white;
  }

  .hero-cta:hover {
    color: white;
  }

  .static-page__content {
    margin-block: 1rem;

    padding-inline: 10px;

    /* text-align: center; */
  }

  .static-page__content p {
    font-size: 16px;

    line-height: 2.1;
  }

  .static-page__title {
    font-size: 20px;

    color: var(--ink);

    bottom: 0;

    padding: 0.4rem 1rem;

    background-color: var(--muted-opacity);

    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    letter-spacing: 0.2rem;

    background-color: var(--muted-opacity);

    width: 100%;
  }

  .about-badge {
    width: 80px;

    height: 80px;
  }

  .about-badge h4 {
    font-size: 22px;
  }

  .menu-modal.active .center a,
  .menu-modal .lang a {
    font-size: 25px;
  }

  .menu-modal img {
    max-width: 30px;
  }

  .hero-right {
    margin: auto;

    gap: 15px;
  }

  .hero-headline {
    text-align: center;

    font-size: 24px;

    margin: 0;

    color: var(--ink);
  }

  .hero {
    padding: 0;

    padding-bottom: 1rem;
  }

  .hero-content {
    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 25px;

    margin: 0;

    margin-top: -2.5rem;

    background-color: var(--sand-opacity);

    padding-top: 0.8rem;
  }

  .hero-photo {
    position: unset;
  }

  .hero-desc {
    text-align: center;

    font-size: 16px;

    line-height: 1.75;

    color: var(--muted);

    margin: 0;
  }

  .services-desc {
    font-size: 16px;
  }

  .hero-cta {
    margin: auto;

    font-size: 16px;
  }

  .svc-card {
    max-height: 23rem;
  }

  .services-grid .slick-track {
    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 0.5rem;
  }

  .svc-card img {
    -webkit-filter: brightness(0.5);

    filter: brightness(0.5);
  }

  .big-title,
  .booking-banner-title,
  .about-strip h2 {
    font-size: 25px !important;

    line-height: 1.4;
  }

  .hero-headline {
    font-size: 20px;
  }

  .svc-link {
    margin-top: 35px;

    background-color: var(--muted);

    padding: 20px;

    border-radius: 10px;

    color: white;
  }

  .svc-body {
    background-color: unset;

    height: 100%;

    text-align: center;

    padding-block: 2rem;

    bottom: unset;

    right: unset;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
  }

  #submitform {
    font-size: 16px !important;

    padding: 0.7rem 1.2rem;
  }

  #bookingform #submitform {
    width: unset;

    padding: 0.7rem 1.2rem;
  }

  .priceholder {
    font-size: 1.5rem !important;

    margin-bottom: 0.9rem !important;
  }

  input[type="text"].formPrice {
    font-size: 22px !important;
  }

  .svc-card:hover img {
    -webkit-filter: brightness(0.5);

    filter: brightness(0.5);

    -webkit-transform: unset;

    -ms-transform: unset;

    transform: unset;

    -webkit-transform: scale(1.02);

    -ms-transform: scale(1.02);

    transform: scale(1.02);
  }

  .nav-book {
    display: block;
  }

  [class*="block-grid-"] {
    max-width: 330px; /* αλλαγή ανάλογα με το μέγεθος του thumb */

    margin: auto;
  }

  .breadcrumbs *,
  .breadcrumbs > .current {
    font-size: 15px;
  }

  .top-bar-section {
    float: none !important;
  }

  .top-bar .toggle-topbar.menu-icon a {
    color: #000000;

    margin-top: 10px;
  }

  .top-bar .toggle-topbar.menu-icon a {
    position: relative;

    width: 2.4rem;

    padding-right: 0;

    height: auto;
  }

  /* .top-bar .toggle-topbar.menu-icon a::after {

    box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000;

  } */

  .top-bar .toggle-topbar.menu-icon a::after {
    display: none !important;
  }

  .top-bar .toggle-topbar.menu-icon a span {
    display: block;

    width: 100%;

    border-radius: 3px;

    height: 0.3rem;

    background: var(--secondary);

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    position: relative;
  }

  .top-bar .toggle-topbar.menu-icon a span + span {
    margin-top: 0.3rem;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(1) {
    -webkit-animation: ease 0.7s top forwards;

    animation: ease 0.7s top forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(1) {
    -webkit-animation: ease 0.7s top-2 forwards;

    animation: ease 0.7s top-2 forwards;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled forwards;

    animation: ease 0.7s scaled forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled-2 forwards;

    animation: ease 0.7s scaled-2 forwards;
  }

  .top-bar.expanded .toggle-topbar.menu-icon a span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom forwards;

    animation: ease 0.7s bottom forwards;
  }

  .top-bar .toggle-topbar.menu-icon a span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom-2 forwards;

    animation: ease 0.7s bottom-2 forwards;
  }

  @-webkit-keyframes top {
    0% {
      top: 0;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    50% {
      top: 0.5rem;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    100% {
      top: 0.5rem;

      -webkit-transform: rotate(45deg);

      transform: rotate(45deg);
    }
  }

  @keyframes top {
    0% {
      top: 0;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    50% {
      top: 0.5rem;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    100% {
      top: 0.5rem;

      -webkit-transform: rotate(45deg);

      transform: rotate(45deg);
    }
  }

  @-webkit-keyframes top-2 {
    0% {
      top: 0.5rem;

      -webkit-transform: rotate(45deg);

      transform: rotate(45deg);
    }

    50% {
      top: 0.5rem;

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);
    }

    100% {
      top: 0;

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);
    }
  }

  @keyframes top-2 {
    0% {
      top: 0.5rem;

      -webkit-transform: rotate(45deg);

      transform: rotate(45deg);
    }

    50% {
      top: 0.5rem;

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);
    }

    100% {
      top: 0;

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);
    }
  }

  @-webkit-keyframes bottom {
    0% {
      bottom: 0;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    50% {
      bottom: 0.7rem;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    100% {
      bottom: 0.7rem;

      -webkit-transform: rotate(135deg);

      transform: rotate(135deg);
    }
  }

  @keyframes bottom {
    0% {
      bottom: 0;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    50% {
      bottom: 0.7rem;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    100% {
      bottom: 0.7rem;

      -webkit-transform: rotate(135deg);

      transform: rotate(135deg);
    }
  }

  @-webkit-keyframes bottom-2 {
    0% {
      bottom: 0.7rem;

      -webkit-transform: rotate(135deg);

      transform: rotate(135deg);
    }

    50% {
      bottom: 0.7rem;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    100% {
      bottom: 0;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }
  }

  @keyframes bottom-2 {
    0% {
      bottom: 0.7rem;

      -webkit-transform: rotate(135deg);

      transform: rotate(135deg);
    }

    50% {
      bottom: 0.7rem;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }

    100% {
      bottom: 0;

      -webkit-transform: rotate(0);

      transform: rotate(0);
    }
  }

  @-webkit-keyframes scaled {
    50% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }

    100% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }
  }

  @keyframes scaled {
    50% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }

    100% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }
  }

  @-webkit-keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }

    50% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }

    100% {
      -webkit-transform: scale(1);

      transform: scale(1);
    }
  }

  @keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }

    50% {
      -webkit-transform: scale(0);

      transform: scale(0);
    }

    100% {
      -webkit-transform: scale(1);

      transform: scale(1);
    }
  }

  .overlay {
    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);
  }

  .top-bar.expanded .title-area {
    background: #ffffff;
  }

  .top-bar-section li:not(.has-form) a:not(.button) {
    text-align: center;
  }

  .top-bar {
    height: 65px;
  }

  ul.dropdown {
    background: transparent !important;
  }
}

@media screen and (max-width: 550px) {
  .svc-link {
    margin-top: 20px;
  }

  .svc-card {
    max-height: 25rem;
  }
}

@-webkit-keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(1);

    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.15);

    transform: scale(1.15);
  }
}

@keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(1);

    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.15);

    transform: scale(1.15);
  }
}