/****************************************
  MEDIA QUERIES
****************************************/
.section-sm-title {
  font-size: .8rem;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center; }

.hero-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .hero-section.hero-new-md {
    display: flex;
    gap: 2rem;
    text-align: center; }
    .hero-section.hero-new-md::after {
      background: #00000065; }

.description-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  gap: 3rem;
  padding: 2rem 0; }
  .description-container .description-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      .description-container .description-cards {
        grid-template-columns: 1fr;
        gap: 1rem; } }
    .description-container .description-cards .description-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      text-align: left;
      gap: 1rem;
      padding: 1rem; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .description-container .description-cards .description-card {
          align-items: center;
          text-align: center; } }
    .description-container .description-cards .description-icon {
      display: flex;
      justify-self: flex-start;
      height: 30px; }
    .description-container .description-cards .description-card-tip * {
      letter-spacing: 2px; }

#boat_card_tbg .carousel-control-prev-icon,
#boat_card_tbg .carousel-control-next-icon {
  background-image: none; }

.landing-zone-boats {
  background-color: #F8F8F8; }
  .landing-zone-boats .boats-header {
    padding-bottom: 2rem; }
    @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      .landing-zone-boats .boats-header {
        display: flex;
        align-items: start;
        width: 100%; } }
  @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
    .landing-zone-boats .boats-container-list {
      justify-content: space-between !important; } }
  .landing-zone-boats .see-all-btn {
    color: #111111; }

.geography-container {
  padding-top: 2rem;
  padding-bottom: 3rem; }

.geography-grid {
  display: grid;
  gap: 3rem;
  margin-top: 4rem; }
  .geography-grid--with-text {
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      .geography-grid--with-text {
        grid-template-columns: 1fr; } }
  .geography-grid--map-only {
    grid-template-columns: 1fr;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .geography-grid__map iframe {
    width: 100%; }
  .geography-grid__text {
    display: flex;
    align-items: center; }
    .geography-grid__text p {
      margin: 0; }

.landing-zone-gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden; }
  .landing-zone-gallery .carousel-p {
    text-align: center;
    width: 100%;
    padding-bottom: 2rem;
    margin: 0; }
  .landing-zone-gallery .gallery-swiper {
    width: 100%;
    margin-top: 2rem; }
  .landing-zone-gallery .swiper-slide {
    width: 65% !important; }
    .landing-zone-gallery .swiper-slide img {
      width: 100%;
      height: 600px;
      object-fit: cover; }
      @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
        .landing-zone-gallery .swiper-slide img {
          height: 400px; } }
  .landing-zone-gallery .gallery-controls {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 1.5rem;
    width: 100%; }
    .landing-zone-gallery .gallery-controls button {
      background: none;
      border: none;
      font-size: 1.5rem;
      cursor: pointer;
      color: black; }
      .landing-zone-gallery .gallery-controls button:hover {
        opacity: 0.6; }

.faq-container {
  background-color: #F8F8F8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 2rem; }
  .faq-container .faq-titles {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%; }
  .faq-container #faqAccordion {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
    width: 100%;
    max-width: 1000px;
    margin: 1rem auto;
    border-radius: 2rem;
    color: #002A40; }
    .faq-container #faqAccordion .card {
      border: 1px solid lightgray;
      border-radius: 0.8rem;
      padding: 10px;
      overflow: hidden;
      width: 100%; }
      .faq-container #faqAccordion .card .card-header {
        background: transparent;
        border: none;
        padding: 0; }
      .faq-container #faqAccordion .card .card-body {
        padding: 1rem;
        font-size: 14px; }
    .faq-container #faqAccordion .btn-link {
      width: 100%;
      text-align: left;
      font-weight: 600;
      color: #002A40;
      text-decoration: none;
      padding: 1rem; }
      .faq-container #faqAccordion .btn-link:hover {
        text-decoration: none;
        opacity: 0.8; }
    .faq-container #faqAccordion .i-faq-icon {
      border-radius: 1rem;
      background-color: black;
      color: white;
      padding: 3px; }