.hero-content.hero-barca {
    min-height: 100vh;
}

.hero-content.hero-tour,
.hero-content.hero-barca {
    background-size: cover;
    color: white;
    background-position: center;
}

.hero-content.hero-barca:before {
    /* content: unset; */
    background: rgba(28, 39, 76, 0.20)
}


.hero-content.hero-tour a.back-link,
.hero-content.hero-barca a.back-link {
    padding-top: 180px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 114.3%;
    letter-spacing: 1.2px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 3;
    position: relative;
}

@media screen and (min-width: 768px) {

    .hero-content.hero-tour,
    .hero-content.hero-barca {
        min-height: 780px;
        min-height: 80vh;
    }

    .hero-content.hero-barca a.back-link {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 2.4px;
    }
}

.hero-content .hero-content-text {
    padding-top: 20vh;
    padding-top: 230px;
}

@media screen and (max-width: 767px) {
    .hero-content .hero-content-text {
        padding-top: 170px;
    }
}

.hero-barca.hero-content .hero-content-text h1 {
    font-size: var(--font-size-h1-hero);
    font-family: "Playfair Display";
    font-style: normal;
    font-weight: 500;
    line-height: 97.8%;
    letter-spacing: -1.4px;
}

.hero-barca.hero-content .links {
    margin-top: 46px;
}

@media screen and (min-width: 768px) {

    .hero-content .hero-content-text h1 {
        font-weight: 400;
    }
}

.hero-barche .hero-content-text .subtitle,
.hero-barche .hero-content-text h1 {
    color: white;
}

.hero-barca .hero-content-text .links {
    display: flex;
    margin-top: 38px;
    margin-bottom: 68px;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .hero-barca .hero-content-text .links {
        flex-direction: row;
    }
}

.hero-content .hero-content-text .arrow-link-container {
    margin-right: 40px;
    margin-bottom: 16px;
    color: var(--light-azure);
}

.hero-content .hero-content-text .margin-top {
    padding-top: 30vh;
}

@media screen and (min-width: 768px) {
    .hero-content .hero-content-text .margin-top {
        padding-top: 116px;
    }
}

/* .section-one {  */
.section-one.section-barca h3 {
    color: var(--blue-medium);
    font-family: "Playfair Display";
    font-size: var(--font-size-h3);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.section-one.section-barca p {
    color: var(--blue-medium);
    font-size: var(--font-size-p-hero);
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
}

.section-two.section-barca .content {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
    .section-two.section-barca .content {
        margin-top: 140px;
        margin-bottom: 70px;
    }

    .section-two.section-barca .content .btn-light {
        margin-top: 60px;
    }
}

.section-two.section-barca h5 {
    color: var(--blue-medium);
    font-size: var(--font-size-h5);
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
}

.section-two.section-barca p {
    font-size: var(--font-size-p);
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
    margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
    .section-two.section-barca p {
        margin-bottom: 16px;
    }
}

.section-two.section-barca img {
    width: 100%;
    position: sticky;
    height: auto;
    top: 150px;
}

.informazioni,
.caratteristiche {
    margin-top: 60px;
}

.caratteristiche-container {
    display: flex;
    flex-direction: column;

}

@media screen and (min-width: 768px) {

    .caratteristiche-container {
        flex-wrap: wrap;
        max-height: 140px;
    }
}

.caratteristiche-container .caratteristica {
    display: flex;
    margin-top: 20px;
    color: var(--blue);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.caratteristiche-container svg {
    margin-right: 16px;
}

.section-barca .informazioni-container {
    display: flex;
    margin-bottom: 60px;
    flex-wrap: wrap;
    gap: 15px;
}


.section-barca .informazioni-container .informazione {
    width: 140px;
    height: 140px;
    background: white;
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.09);
    color: var(--azure);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    padding: 14px 24px;

}

.section-barca .informazioni-container .informazione span {
    display: flex;
    text-align: left;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .section-barca .informazioni-container .informazione {
        margin-right: 32px;
        width: 150px;
        height: 150px;
    }
}

.section-barca .informazioni-container .informazione svg {
    margin-right: 10px;
}

/* .section-gallery {
    margin-top: 30px;
} */

.gallery-container {
    padding: 0 calc((100vw - var(--container-width) + 24px) / 2);
    padding-bottom: 30px !important;
    display: flex;
    flex-wrap: nowrap;
    gap: 22px;
    overflow-x: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
}

@media screen and (max-width: 767px) {
    .gallery-container {
        padding: 0 calc((100vw - var(--container-width) + 35px) / 2);
    }
}

.gallery-container::-webkit-scrollbar {
    display: none;
}

.gallery-container .gallery-card {
    position: relative;
    border-radius: 20px;
    aspect-ratio: 1;
    overflow: hidden;
    min-width: 547px;
    min-height: 547px;
}

.gallery-scrollbar {
    position: absolute;
    width: 30vw;
    height: 10px;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.gallery-boat .gallery-scrollbar {
    bottom: 165px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-scrollbar,
    .gallery-boat .gallery-scrollbar {
        width: 40vw;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .gallery-scrollbar,
    .gallery-boat .gallery-scrollbar {
        width: 50vw;
        bottom: 79px;
    }
}
@media screen and (max-width: 575px) {
    .gallery-scrollbar,
    .gallery-boat .gallery-scrollbar {
       width: 55vw;
       bottom: 79px;
    }
}

#gallery-scrollbar {
    position: absolute;
    width: 100%;
    height: 10px;
    -webkit-appearance: none; /* Fix Safari */
    appearance: none; /* Standard */
    border-radius: 5px;
}

#gallery-scrollbar::-webkit-slider-thumb {
    -webkit-appearance: none; /* Important for Safari */
    width: 100px;
    height: 4px;
    margin: 1px;
    background: var(--azure);
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
    #gallery-scrollbar::-webkit-slider-thumb {
        width: 45px;
    }
}
#gallery-scrollbar::-moz-range-thumb {
    background: var(--azure);
    border: none;
    width: 100px;
    height: 6px;
}

#gallery-scrollbar::-webkit-slider-runnable-track {
    background: #ededed;
    height: 6px;
    border-radius: 5px;
}

#gallery-scrollbar::-moz-range-track {
    background: #ededed;
    height: 6px;
    border-radius: 5px;
}

/* tablet */
@media screen and ((min-width: 768px) and (max-width: 992px)) {
    .gallery-container .gallery-card {
        min-width: calc((var(--container-width) - 48px) / 6 * 4);
    }
}

@media screen and ((min-width: 576px) and (max-width: 768px)) {
    .gallery-container .gallery-card {
        min-width: calc((var(--container-width) - 48px) / 6 * 5);
    }
}

@media screen and (max-width: 576px) {
    .gallery-container .gallery-card {
        min-width: calc((var(--container-width) - 48px) / 6 * 6);
    }
}

@media screen and (min-width: 768px) {

    .gallery-container .gallery-card.m-top {
        margin-top: 82px;
    }

    .gallery-container .gallery-card.m-bottom {
        margin-bottom: 82px;
    }
}

.gallery-container .gallery-card img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.gallery-container .gallery-card.m-bottom {
    margin-bottom: 82px;
}

.gallery-container .gallery-card.m-top {
    margin-top: 82px;
}

.gallery-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 14px;
    margin-bottom: 50px;
    position: relative;
    width: 48vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .gallery-pagination {
        width: 60vw;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .gallery-pagination {
        width: 80vw;
    }
}

@media screen and (max-width: 767px) {
    .gallery-pagination .gallery-indicator {
        display: none;
    }
}
@media screen and (max-width: 575px) {
    .gallery-pagination {
        padding: 0 24px;
        width: 100vw;
    }
}

.gallery-indicator {
    font-size: 16px;
    font-weight: 400;
    line-height: 114.3%;
    color: #8E8E8E;
    cursor: pointer;
}

.gallery-indicator.active {
    font-weight: 700;
    color: #262626;
}

/* .gallery-pagination .arrow-link {
    position: absolute;
    left: 20px;
    top: -60px;
}

.gallery-pagination .arrow-link.scroll-right {
    left: 100px;
} */