:root {
  --link-color--link-primary: var(--base-color-brand--green-dark);
  --background-color--background-primary: var(--base-color-brand--green-dark);
  --text-color--text-alternate: var(--base-color-neutral--white);
  --text-color--text-primary: var(--base-color-neutral--black);
  --text-color--text-secondary: var(--base-color-brand--green-dark);
  --base-color-brand--green-light: #9be682;
  --text-color--text-success: var(--base-color-system--success-green-dark);
  --border-color--border-alternate: var(--base-color-neutral--neutral-darker);
  --border-color--border-primary: var(--base-color-neutral--neutral-lightest);
  --background-color--background-alternate: var(--base-color-neutral--white);
  --background-color--background-secondary: var(--base-color-brand--baige);
  --base-color-brand--green-dark: #004e21;
  --background-color--background-tertiary: var(--base-color-brand--yellow);
  --background-color--background-error: var(--base-color-system--error-red);
  --text-color--text-error: var(--base-color-system--error-red-dark);
  --base-color-neutral--white: #fff;
  --background-color--background-warning: var(--base-color-system--warning-yellow);
  --text-color--text-warning: var(--base-color-system--warning-yellow-dark);
  --text-color--text-white-80: var(--base-color-brand--white-80);
  --base-color-neutral--black: #000;
  --base-color-brand--white-10: #ffffff1a;
  --base-color-brand--white-50: #ffffff80;
  --base-color-brand--baige-70: #f3ead8b3;
  --text-color--text-green-dark-20: var(--base-color-brand--green-dark-20);
  --base-color-brand--baige: #f3ead8;
  --base-color-brand--white-80: #fffc;
  --base-color-brand--green-dark-20: #004e2133;
  --base-color-brand--blue: #2d62ff;
  --base-color-brand--yellow: #ffb600;
  --base-color-brand--pink-dark: #3c043b;
  --base-color-neutral--neutral-lightest: #eee;
  --base-color-neutral--neutral-lighter: #ccc;
  --base-color-neutral--neutral-light: #aaa;
  --base-color-neutral--neutral: #666;
  --base-color-neutral--neutral-dark: #444;
  --base-color-neutral--neutral-darker: #222;
  --base-color-neutral--neutral-darkest: #111;
  --base-color-system--success-green: #cef5ca;
  --base-color-system--success-green-dark: #114e0b;
  --base-color-system--warning-yellow: #fcf8d8;
  --base-color-system--warning-yellow-dark: #5e5515;
  --base-color-system--error-red: #f8e4e4;
  --base-color-system--error-red-dark: #3b0b0b;
  --base-color-system--focus-state: #2d62ff;
  --background-color--background-success: var(--base-color-system--success-green);
  --border-color--border-secondary: var(--base-color-brand--blue);
  --link-color--link-secondary: var(--base-color-brand--green-light);
  --link-color--link-alternate: var(--base-color-neutral--white);
}

body {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--link-color--link-primary);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

figcaption {
  text-align: left;
  border-left: 2px solid #000;
  margin-top: .25rem;
  padding-left: 8px;
  font-size: 14px;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.icon-1x1-small {
  object-fit: contain;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-color-secondary {
  color: var(--text-color--text-secondary);
}

.heading-style-h3 {
  text-transform: uppercase;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.heading-style-h1 {
  text-transform: uppercase;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.2;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.padding-section-large {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-global.padding-section-large.is-small {
  padding-top: 32px;
}

.padding-global.padding-section-large.is-small-bottom {
  padding-bottom: 32px;
}

.text-weight-medium {
  font-weight: 500;
}

.text-size-tiny {
  font-size: .75rem;
}

.text-weight-light {
  font-weight: 300;
}

.text-weight-bold {
  font-weight: 700;
}

.text-size-small {
  font-size: .875rem;
}

.heading-style-h4 {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.heading-style-h4.text-weight-light {
  font-weight: 300;
}

.padding-section-large {
  padding-top: 64px;
  padding-bottom: 64px;
}

.padding-section-large.remove-bottom {
  padding-bottom: 0;
}

.text-size-large {
  font-size: 1.5rem;
}

.heading-style-h2 {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}

.container-large {
  width: 100%;
  max-width: 81.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.main-wrapper {
  margin-top: -1px;
}

.button {
  border: 1px solid var(--base-color-brand--green-light);
  background-color: var(--base-color-brand--green-light);
  color: var(--text-color--text-primary);
  text-align: center;
  border-radius: 32px;
  padding: 12px 40px;
  font-weight: 600;
  transition: all .2s;
}

.button:hover {
  color: var(--text-color--text-alternate);
  background-color: #0000;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-small {
  padding: 8px 20px;
  font-size: 14px;
  line-height: 1.2;
}

.button.is-secondary {
  border-color: var(--base-color-neutral--white);
  background-color: var(--background-color--background-alternate);
}

.button.is-secondary:hover {
  border-color: var(--base-color-brand--green-light);
  background-color: var(--base-color-brand--green-light);
  color: var(--text-color--text-primary);
}

.button.is-tertiary {
  border: 1px solid var(--base-color-brand--green-light);
  color: var(--text-color--text-alternate);
  background-color: #0000;
}

.button.is-tertiary:hover {
  background-color: var(--base-color-brand--green-light);
  color: var(--text-color--text-primary);
}

.button.is-hover-tertiary:hover {
  background-color: var(--background-color--background-alternate);
  color: var(--text-color--text-primary);
}

.text-size-medium {
  font-size: 20px;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hide {
  display: none;
}

.container-medium {
  width: 100%;
  max-width: 864px;
  margin-left: auto;
  margin-right: auto;
}

.section_home-hero {
  color: var(--base-color-neutral--white);
  background-image: none;
  margin-bottom: 3rem;
  position: relative;
}

.home-hero-top {
  z-index: 10;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.home-hero-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 640px;
  display: flex;
}

.home-hero-text-body {
  max-width: 528px;
}

.home-hero_component {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.home-hero-bottom {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: flex;
  position: relative;
}

.home-hero-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  padding: 12px 20px;
  display: flex;
}

.home-hero-card-body {
  width: 330px;
  padding-left: 64px;
}

.hero-card-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.home-hero-shape-bg {
  z-index: -1;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.text-size-normal {
  font-size: 1rem;
}

.home-hero-cover {
  z-index: 6;
  background-image: linear-gradient(#000, #0003 58%, #004e21 95%);
  width: 100%;
  height: 91%;
  position: absolute;
  inset: 0% 0% auto;
}

.canoe_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.canoe-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.canoe-header-subtext {
  max-width: 640px;
}

.canoe-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.canoe-item {
  background-image: linear-gradient(180deg, #000c 30%, #0000004d 65%, var(--base-color-neutral--black) 90%);
  color: var(--text-color--text-alternate);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 516px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.canoe-card-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.canoe-card-top.tour {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  align-items: center;
}

.canoe-card-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--background-color--background-tertiary);
  color: var(--text-color--text-primary);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px 16px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.canoe-card-tag.tour {
  width: auto;
  position: absolute;
  inset: 24px 0% auto auto;
  transform: none;
}

.canoe-card-tag.tour.service-page {
  width: auto;
}

.canoe-card-title-price {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.canoe-card-title-price.tour {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.canoe-card-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.canoe-card-info-wrap {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.canoe-card-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-right: 1px solid var(--border-color--border-primary);
  text-align: center;
  object-fit: fill;
  flex-flow: column;
  align-items: center;
  height: 100%;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  display: flex;
}

.canoe-card-info.last {
  border-right-style: none;
}

.section_review {
  color: var(--text-color--text-alternate);
  position: relative;
}

.review_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.review-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.review-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--base-color-brand--white-10);
  background-color: var(--base-color-brand--white-50);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: var(--text-color--text-primary);
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.review-content.service {
  border-color: var(--base-color-brand--green-dark);
}

.review-card-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.review-card-top-info {
  font-size: 16px;
}

.review-image {
  background-color: #9e9e9e;
  border-radius: 10000px;
  flex: none;
  width: 48px;
  height: 48px;
}

.review-comment {
  height: 6rem;
  padding-right: .5rem;
  overflow-y: auto;
}

.when_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.when-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  max-width: 640px;
  display: flex;
}

.when-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-image: url("https://cdn.prod.website-files.com/685e73815f83f647a545169c/6873aa3c1136bc431fab576a_When%20BG.avif");
  background-position: 50% 130%;
  background-repeat: no-repeat;
  background-size: 100% 110%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 739px;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.when-main-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.when-map-image {
  border-radius: 24px;
}

.when-calendar-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 60%;
  display: grid;
}

.section_organize {
  background-image: url("https://cdn.prod.website-files.com/685e73815f83f647a545169c/6863f30b6db90a04d2f8c701_Organize%20BG.avif");
  background-position: 50% 95%;
  background-repeat: no-repeat;
  background-size: 100% 85%;
}

.organize_component {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.organize-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.organize-header-subtext {
  max-width: 640px;
}

.organize-main {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.organize-list-wrap {
  width: 100%;
}

.organize-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.organize-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--base-color-brand--baige-70);
  cursor: pointer;
  border-radius: 64px;
  flex-flow: column;
  padding: 16px 40px;
  display: flex;
  position: relative;
}

.organize-item-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.section_region {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.region_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.region_header {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wide-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.wide-item.about {
  justify-content: flex-start;
}

.wide-item.is-swap {
  flex-flow: row-reverse;
}

.wide-item.is-swap.service {
  transform: translate(-2.5rem);
}

.wide-item-image {
  width: 60%;
  height: 320px;
  transform: translate(-2.5rem);
}

.wide-item-image.service-page {
  width: 50%;
}

.wide-item-image.is-swap {
  transform: translate(2.5rem);
}

.wide-item-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 415px;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.wide-item-content.about {
  width: 50%;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
}

.wide-item-content.group {
  max-width: 544px;
}

.wide-item-content.is-about.is-for-about {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.wide-item-content.is-swap {
  text-align: right;
  align-items: flex-end;
}

.wide-item-content.is-swap.is-about {
  max-width: 496px;
}

.wide-item-content-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.story_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.story-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.story-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.story-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 636px;
  display: flex;
}

.story-text-header {
  max-width: 45ch;
}

.story-image {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 331px;
}

.values-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.values-header {
  color: var(--text-color--text-green-dark-20);
  text-align: center;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 86px;
  font-weight: 700;
  line-height: 1;
}

.values-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.values-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--base-color-brand--baige-70);
  border-radius: 64px;
  flex-flow: column;
  width: 100%;
  padding: 16px 64px;
  display: flex;
}

.values-card-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.section_faq {
  color: var(--text-color--text-alternate);
  background-image: url("https://cdn.prod.website-files.com/685e73815f83f647a545169c/68640c812701e90db5cf1113_FAQ%20bg.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.faq_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.faq_component.blog {
  max-width: 864px;
}

.faq_component.group {
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.faq-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.faq-item {
  position: relative;
}

.faq-note {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.faq-dropdown {
  z-index: 5;
  background-color: var(--background-color--background-secondary);
  color: var(--text-color--text-primary);
  border-radius: 100px;
  width: 100%;
  padding: 20px 64px;
}

.faq-drop-question {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
}

.faq-toggle {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  display: flex;
  position: static;
}

.faq-drop-answer {
  padding-top: 16px;
}

.faq-drop-answer.w--open {
  background-color: #0000;
  position: static;
}

.faq-question {
  white-space: pre-wrap;
  font-weight: 700;
}

.blog_component {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.blog-header {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-card-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card-item {
  border: 1px solid #000;
  border-radius: 24px;
  overflow: hidden;
}

.blog-card-image-cover {
  width: 100%;
  height: 280px;
  overflow: hidden;
}

.blog-card-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.blog-card-info-top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.blog-card-info-bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-card-info-note {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.footer_component {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
}

.footer-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer-top {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-bottom {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.footer-note-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.footer-note-link {
  color: var(--text-color--text-white-80);
  font-size: 12px;
}

.footer-note-link.w--current {
  color: var(--base-color-brand--green-light);
}

.footer-brand-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 272px;
  display: flex;
}

.footer-logo {
  width: 164px;
}

.footer-column-wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.footer-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.footer-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--text-color--text-white-80);
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.footer-map-wrap {
  border-radius: 24px;
  width: 215px;
  height: 212px;
  overflow: hidden;
}

.footer-map-embed {
  width: 100%;
  height: 100%;
}

.navbar {
  background-color: var(--background-color--background-primary);
  color: var(--text-color--text-alternate);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  top: -1px;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--base-color-brand--green-light);
}

.nav-link {
  color: var(--text-color--text-alternate);
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--base-color-brand--green-light);
}

.nav-link.is-drop {
  color: var(--text-color--text-primary);
  font-size: 14px;
  font-weight: 400;
}

.nav-logo-link {
  width: 150px;
}

.nav-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.navigation-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.navigation-list {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation-list.top {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.nav-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--text-color--text-white-80);
  align-items: center;
  padding: 4px 12px;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.nav-button-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  display: flex;
}

.nav-dropdown {
  margin-left: 0;
  margin-right: 0;
}

.nav-drop-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding: 0;
  display: flex;
}

.nav-drop-icon {
  color: var(--text-color--text-alternate);
  margin: 0;
  font-size: 12px;
  position: static;
}

.nav-dropdown-list {
  inset: 1rem auto auto 0%;
}

.nav-dropdown-list.w--open {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-color--background-alternate);
  border-radius: 8px;
  flex-flow: column;
  margin-top: .5rem;
  padding: 16px 24px;
  display: flex;
}

.blog-card-read-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.blog-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.home-hero-image {
  z-index: -1;
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 90%;
  position: absolute;
  inset: 0%;
}

.canoe-card-tag-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: center;
  display: flex;
}

.when-left-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 40%;
  display: flex;
}

.canoe-item-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.canoe-card-tag-wrap {
  min-width: 125px;
  min-height: 32px;
  display: flex;
  position: absolute;
  inset: 3rem 0 auto auto;
}

.canoe-card-tag-wrap.service-page {
  top: 2rem;
}

.nav-drop-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.canoe-card-title {
  max-width: 30ch;
  padding-right: 140px;
}

.icon-embed-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.wb-swiper-controls {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  display: none;
}

.wb-swiper {
  width: 100%;
  min-height: 15rem;
}

.wb-swiper-button {
  background-color: #0000;
  padding: 0;
}

.wb-swiper-bullet {
  background-color: var(--base-color-brand--white-80);
  cursor: pointer;
  border-radius: 9999px;
  width: 1rem;
  height: 1rem;
  padding: 0;
}

.wb-swiper-bullet.is-active {
  background-color: var(--base-color-brand--green-light);
  background-color: var(--base-color-brand--green-light);
}

.wb-swiper-wrapper {
  flex-flow: row;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.wb-swiper-pagination {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.wb-slide {
  flex: none;
  width: 25%;
  position: relative;
}

.wb-slide.service-page {
  padding-right: 8px;
}

.review-image-wrap {
  display: flex;
}

.review-no-image {
  background-color: var(--base-color-brand--green-dark);
  color: var(--text-color--text-alternate);
  text-transform: uppercase;
  border-radius: 999px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 600;
  display: flex;
}

.reviewer-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.review-wrap {
  overflow-x: hidden;
}

.review-wrap.service {
  padding-bottom: 1rem;
}

.review {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.review-bg-shape {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.when-left-content-text {
  max-width: 40ch;
}

.organize-item-image {
  z-index: 5;
  object-fit: cover;
  border-radius: 24px;
  width: 588px;
  height: 380px;
  display: none;
  position: absolute;
  inset: -30px 40px auto auto;
}

.organize-item-image.is-2 {
  top: -140px;
}

.organize-item-image.is-3 {
  top: -252px;
}

.heading-style-h2-big {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
}

.faq-item-squre-bg {
  z-index: 1;
  background-color: var(--base-color-brand--baige);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.footer-text-wrap {
  max-width: 265px;
}

.blog-card-dexcription {
  height: 50px;
  overflow: hidden;
}

.locale-icon {
  width: 24px;
}

@media screen and (min-width: 1440px) {
  .canoe-card-tag {
    justify-content: center;
    min-width: 136px;
  }

  .canoe-card-bottom {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .canoe-card-info {
    width: 86px;
  }

  .canoe-card-info.service-page {
    width: 114.667px;
  }

  .organize-main {
    padding-top: 64px;
    padding-bottom: 40px;
  }

  .wide-item-image {
    width: 800px;
    height: 420px;
    transform: translate(-5rem);
  }

  .wide-item-image.is-swap {
    transform: translate(2.5rem);
  }

  .wide-item-image.is-swap.service-page {
    height: 320px;
  }

  .wide-item-image.service-page {
    width: 464px;
    height: 320px;
  }

  .wide-item-image.is-tall {
    height: 440px;
  }

  .wide-item-content, .wide-item-content.is-swap.service {
    min-width: 415px;
  }

  .wide-item-content.is-swap.service {
    min-width: 415px;
  }

  .wide-item-content.group {
    min-width: 544px;
  }

  .wide-item-content.is-about.is-for-about {
    min-width: 536px;
    max-width: 536px;
  }

  .values-header {
    font-size: 100px;
  }

  .contact-info-wrap {
    transform: translate(0, -48px);
  }

  .section_group-hero {
    min-height: 520px;
  }

  .grid-card-top {
    flex-flow: row;
  }

  .service-card-wrap, .service-card-item {
    max-width: 416px;
  }

  .canoe-card-title {
    align-items: center;
    max-width: 37ch;
    min-height: 86px;
    padding-right: 145px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 56px;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-tablet {
    display: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .text-rich-text h1 {
    font-size: 36px;
  }

  .text-rich-text h2 {
    font-size: 28px;
  }

  .heading-style-h1 {
    font-size: 56px;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .fs-styleguide_4-col, .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .main-wrapper {
    margin-top: -3px;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .section_home-hero {
    margin-bottom: 2rem;
  }

  .home-hero-bottom {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home-hero-cover {
    height: 91%;
  }

  .section_review {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .when-main {
    min-height: 600px;
  }

  .organize_component, .organize-main {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .wide-item-image {
    height: auto;
  }

  .wide-item-content {
    padding: 24px;
  }

  .values-header {
    font-size: 64px;
  }

  .faq-question {
    white-space: pre-wrap;
    font-weight: 700;
  }

  .footer-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-column-wrap {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .nav-link:hover {
    color: var(--text-color--text-alternate);
  }

  .nav-logo-link {
    width: 130px;
  }

  .navigation-content {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    background-color: var(--background-color--background-primary);
    flex-flow: column-reverse wrap;
    margin-top: -2px;
    padding: 2rem 2.5rem;
  }

  .navigation-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: flex-start;
  }

  .nav-info {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-button-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column-reverse wrap-reverse;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .nav-button {
    padding: 0;
  }

  .nav-button.w--open {
    background-color: var(--background-color--background-primary);
  }

  .nav-button-icon {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
  }

  .blog-page-left {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .contact_component, .get-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .section_group-hero {
    min-height: 400px;
  }

  .group-hero_component {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .nav-dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown-list.w--open {
    padding-left: 16px;
    padding-right: 16px;
    position: static;
  }

  .tour-card-item-image {
    z-index: -1;
  }

  .wb-slide {
    width: 33%;
  }

  .review {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .heading-style-h2-big {
    font-size: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .heading-style-h3 {
    font-size: 28px;
  }

  .text-rich-text h1 {
    font-size: 32px;
  }

  .text-rich-text p {
    font-size: 16px;
  }

  .text-rich-text figure {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 48px;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .text-size-regular {
    font-size: 16px;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .heading-style-h4 {
    font-size: 22px;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 36px;
  }

  .heading-style-h5 {
    font-size: 16px;
  }

  .text-size-medium {
    font-size: 18px;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .spacer-huge {
    padding-top: 3.5rem;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .home-hero-top {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .home-hero_component {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
  }

  .home-hero-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-card {
    padding: 12px;
  }

  .home-hero-card-body {
    width: auto;
    max-width: 330px;
    padding-left: 0;
  }

  .hero-card-title {
    flex-flow: column;
    align-items: flex-start;
  }

  .text-size-normal {
    font-size: 14px;
  }

  .home-hero-cover {
    height: 92%;
  }

  .canoe-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .canoe-item {
    min-height: 400px;
  }

  .canoe-card-bottom {
    flex-flow: wrap;
  }

  .section_review {
    overflow-x: clip;
  }

  .review-content {
    flex: none;
  }

  .when_component {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .when-main {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .when-main-content {
    flex-flow: column;
  }

  .when-map-image {
    width: 100%;
  }

  .when-calendar-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .organize_component, .organize-main {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .region_component {
    align-items: flex-start;
  }

  .region_header {
    text-align: left;
  }

  .wide-list {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex;
  }

  .wide-item {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: flex-start;
  }

  .wide-item.is-swap {
    flex-flow: column;
  }

  .wide-item.is-swap.service {
    transform: none;
  }

  .wide-item-image {
    width: 100%;
    transform: translate(-1.25rem);
  }

  .wide-item-image.is-swap {
    transform: translate(1.25rem);
  }

  .wide-item-image.service-page {
    width: auto;
  }

  .wide-item-content {
    min-width: auto;
    padding: 0;
  }

  .wide-item-content.about {
    width: auto;
  }

  .story-main {
    flex-flow: column;
    display: flex;
  }

  .values-header {
    font-size: 56px;
  }

  .values-item {
    padding-left: 40px;
    padding-right: 40px;
  }

  .faq-dropdown {
    border-radius: 64px;
    padding: 16px 40px;
  }

  .faq-drop-question {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blog-card-list {
    grid-template-columns: 1fr 1fr;
  }

  .footer-top {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: wrap;
  }

  .footer-column-wrap {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .footer-map-wrap {
    width: 100%;
    height: 320px;
  }

  .navbar {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav-link {
    padding-left: 0;
  }

  .nav-logo-link {
    width: 100px;
  }

  .navigation-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav-button-icon {
    width: 24px;
    height: 24px;
  }

  .heading-style-h1-small {
    font-size: 36px;
  }

  .value-grid {
    grid-template-columns: 1fr 1fr;
  }

  .blog-page_component {
    flex-flow: column;
  }

  .tour-card-wrap {
    max-width: none;
    position: static;
  }

  .tour-card-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .tour-card-item {
    max-width: none;
    min-height: 400px;
    padding: 24px;
  }

  .blog-page-left {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    max-width: 100%;
  }

  .blog-share-main {
    margin-top: 24px;
    padding-top: 24px;
  }

  .contact_component {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse wrap;
    display: flex;
  }

  .conact-left-image {
    object-fit: fill;
    width: 100%;
    min-height: auto;
    position: static;
    transform: translate(-1.25rem);
  }

  .contact-info-wrap {
    padding-left: 0;
    padding-right: 0;
    transform: none;
  }

  .contact-right {
    width: 100%;
  }

  .get-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .group-hero_component {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .service_component {
    flex-flow: column;
  }

  .nav-dropdown-list {
    position: static;
  }

  .plan_header {
    text-align: left;
  }

  .plan_component {
    align-items: flex-start;
  }

  .grid-main {
    flex-flow: column;
    display: flex;
  }

  .service-left {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    max-width: none;
  }

  .service-card-wrap {
    max-width: none;
    position: static;
  }

  .service-card-wrap.show-mobile-landscape {
    display: block;
  }

  .service-card-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .service-card-item {
    max-width: none;
    min-height: 400px;
    padding-top: 80px;
  }

  .service-card-item.service-page {
    padding-top: 60px;
  }

  .service-related-grid {
    flex-flow: column;
    display: flex;
  }

  .home-hero-image {
    object-position: 75% 50%;
  }

  .when-left-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .canoe-card-tag-wrap {
    top: 1.2rem;
  }

  .wb-swiper-controls {
    justify-content: center;
    display: flex;
  }

  .wb-swiper-button {
    display: none;
  }

  .wb-slide {
    width: 100%;
  }

  .heading-style-h2-big {
    font-size: 36px;
  }

  .gallery-tab {
    flex-flow: column;
  }

  .gallery-tab-main-wrap {
    width: 100%;
    height: 361px;
    margin-bottom: 16px;
    padding-right: 0;
  }

  .gallery-tab-pagination-wrap {
    grid-column-gap: 3%;
    grid-row-gap: 3%;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    overflow: auto hidden;
  }

  .gallery-tab-main-image-wrap {
    height: 361px;
  }

  .gallery-tab-main-image {
    border-radius: 12px;
  }

  .gallery-tab-pagination {
    flex: none;
    width: 31%;
    height: 96px;
  }

  .gallery-tab-pagination-image {
    height: 96px;
  }

  .gallery-tab-image {
    border-radius: 12px;
  }

  .tabs-wrapper {
    height: auto;
  }

  .tab-prev {
    top: 40%;
  }

  .gallery-tabs-control {
    width: 100%;
    padding-right: 0;
  }

  .tab-next {
    top: 40%;
    right: 16px;
    transform: none;
  }
}

@media screen and (max-width: 479px) {
  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .home-hero-bottom {
    flex-flow: column;
    display: flex;
  }

  .home-hero-card {
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero-card-body {
    max-width: none;
  }

  .home-hero-shape-bg {
    bottom: 1rem;
  }

  .home-hero-cover {
    height: 95%;
  }

  .canoe-card-bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .canoe-card-info-wrap {
    justify-content: center;
  }

  .when-calendar-grid {
    flex-flow: column;
  }

  .when-calendar-image {
    width: 290px;
    margin-left: auto;
    margin-right: auto;
  }

  .section_organize {
    background-size: auto 75%;
  }

  .values-card-top {
    flex-flow: column;
    align-items: flex-start;
  }

  .section_faq {
    background-size: cover;
  }

  .blog-card-list {
    flex-flow: column;
    display: flex;
  }

  .nav-logo-link {
    width: 88px;
  }

  .value-grid, .service-card-list {
    flex-flow: column;
    display: flex;
  }

  .service-card-item {
    padding-left: 16px;
    padding-right: 16px;
  }

  .service-card-info-wrap {
    justify-content: center;
  }

  .home-hero-image {
    object-position: 55% 50%;
    height: 95%;
  }

  .canoe-card-tag-wrap {
    top: 3rem;
  }
}
