.container-fluid.hero {
    margin: 0;
    padding: 0;
}
.hero .slider {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero .hero-slider {
    border-radius: 0;
}
.hero .controls-wrapper {
    position: relative;
    z-index: 20;
}

.hero-slider .slick-dots li button::before,
.hero-slider .slick-dots li.slick-active button::before {
    display: none;
}

.hero-slider .slick-dots li button::after {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: var(--white);
    border-radius: 10px;
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
}

.hero-slider .slick-dots li.slick-active button::after {
    opacity: 1;
    width: 32px;
}

.slider-nav-thumbnails .slick-list {
    padding: 10px !important;
}

.content-slider .slider__wrapper {
    display: flex;
    flex-direction: column;
    gap:40px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.content-slider .slider__wrapper .slider-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}

.content-slider .slider__wrapper .slider-content::before {
    content: '';
    width: 100%;
    height: calc(100% - 40px);
    background: var(--white);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
    /* z-index: 1; */
}

.content-slider {
    margin-top: 120px;
    margin-bottom: 62px;
}

.content-slider .slider__image {
    width: 550px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.content-slider .slider__copy {
    padding: 80px 32px 32px;

}

.content-slider .content-slider__description {
    padding-bottom: 40px;
}

.content-slider .nav__image {
    width: 200px;
    height: 182px;
    opacity: 0.6;
    margin-right: 1rem;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.nav__image.slick-current.slick-center {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    transform: scale3d(1.2, 1.2, 1.2);
    z-index: 99;
}

.nav__image.slick-current {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    transform: scale3d(1.1, 1.1, 1.1);
    z-index: 99;
}

.image__wrapper_gallery {
    width: 100%;
    /* width: 318px; */
    height: 400px;
    min-height: initial;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    transition: all 0.3s ease-in-out;
}
.image__wrapper_gallery:hover img {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.image__wrapper_gallery.tall-img {
    width: 100%;
    /* width: 318px; */
    height: 400px;
}

.image__wrapper_gallery.wide-img {
    width: 100%;
    /* width: 318px; */
    height: 236px;
}

.image__wrapper_gallery.square-img {
    width: 232px;
    height: 232px;
    margin-top: 30%;
}


.image__wrapper_gallery .img_caption {
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.7) 100%); */
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 55%, rgba(17, 34, 17, 0.8) 80%);
;
}

.last-item .image__wrapper_gallery.square-img {
    margin-top: initial;
    margin-bottom: 30%;
}

/* .nav__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all 0.3s ease-in-out;
} */

/* .slider-nav-thumbnails .slick-track {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0;
    padding: 0;
    width: 100%;
} */
/* .slider__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
} */
@media all and (max-width : 920px) {
    .image__wrapper_gallery {
        width: auto;
        height: 170px;
    }

    .image__wrapper_gallery.wide-img {
        width: auto;
        height: 246px;
    }

    .content-slider {
        margin-top: 60px;
        margin-bottom: 32px;
    }

    .content-slider .slider__image {
        width: 100%;
        height: 300px;
    }

    .content-slider .slider__copy {
        padding: 40px 16px 16px;

    }

    .content-slider .slider__wrapper .slider-content {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 16px;
    }

    .content-slider .nav__image {
        width: 100px;
        height: 90px;
        margin-right: 0.5rem;
    }
}

@media all and (max-width : 600px) {
    .slider-container .prev-btn, .slider-container .next-btn {
        display: none;
    }
}

/*
==========================================================================
ANCHOR CTA BLOCKS
==========================================================================
*/
.anchors-section  {
    position: sticky;
    top: 140px;
    z-index: 999;
}
/*
==========================================================================
SHIPS CARD SECTION
==========================================================================
*/
.ships__section {}

.ships__section .cat__card {
    position: relative;
}

.cat__list a,
.cat__list .cat__card {
    width: 100%;
    padding: 0;
    cursor: pointer;
}

.ships__section .cat__card .card__body {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    padding: 30px 42px;
    transform: none;
    z-index: 20;
    color: var(--white);
}

.ships__section .cat__container {
    overflow: hidden;
}

.ships__section .card__img {
    /* width: 482px;
    max-width: 482px; */
    height: 420px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.ships__section .card__img .cat__img,
.ships__section .card__img .cat__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    transition: all .4s ease-in-out;
}

.ships__section .cat__card .card__body .card__subtitle p {
    text-align: left;
}

.ships__section .cat__card .card__img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    display: block;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(17, 34, 17, 0.9) 69%);
    z-index: 10;
    pointer-events: none;
}

.ships__section .cat__card .card__img::before {
    opacity: 0.9;
    transition: all .4s ease-in-out;
}

.ships__section .cat__card:hover .card__img::before {
    opacity: 1;
}

.ships__section .cat__card:hover .card__img .cat__img {
    transform: var(--img-scale);
}

.ships__section .cat__card .card__title--banner {
    font-size: var(--h2-font-size);
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: var(--body-font);
    color: var(--white);
}

@media (max-width: 992px) {

    .destinations__slider_mobile .slick-list {
        padding: 0 10% 0 0;
    }

    .destinations__slider_mobile .slick-list .cat-item {
        margin: 0 12px;
    }

    .destinations__slider_mobile .slick-list .cat-item .card__img {
        height: 280px;
    }
}

/*
==========================================================================
PAGE INTRO
==========================================================================
*/
.page__intro {
    background-color: var(--green);
    padding: 40px;
    column-gap: 32px;
    border-radius: 16px;
}

.page__intro h2.section__title {
    font-size: 48px;
    line-height: 120%;
}

.page__intro .intro__content p {
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.2px;
}

.page__intro .card__image {
    flex-shrink: 0;
}

.page__intro .image__wrapper--intro {
    width: 400px;
    height: 482px;
    border-radius: 16px;
}

.page__intro .card__image img {
    border-radius: 16px;
}

.page__intro .image__caption {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 12px;
}

/*
==========================================================================
TWO COLUMNS CONTENT
==========================================================================
*/
.content__two-columns h2.section__title {
    margin: 0;
}

.content__two-columns span.section__subtitle {
    color: var(--green);
}

.content__two-columns .column__image {
    position: relative;
    top: 10%;
    left: -10%;
    z-index: 10;
}

.content__two-columns .column__image img {
    background-blend-mode: screen;
}

.col-lg-offset-right-1 {
    margin-right: 8.33333333%;
}

/*
==========================================================================
WIDE BANNER
==========================================================================
*/
.wide__banner {
    position: relative;
    padding: 120px 0;
}
.wide__banner .dark-bg {
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}
.wide__banner.light-text h2.section__title,
.wide__banner.light-text {
    color: var(--white, #FFF);
}

/*
==========================================================================
AWARDS SECTION
==========================================================================
*/
.awards__section {
    padding: 82px 0;
}

.awards__section .awards__card {
    background: var(--white);
    border-radius: 20px;
    box-shadow: 4px 8px 10px rgba(0, 0, 0, 0.01);
    padding: 24px;
}

.awards__section .awards__card .awards__card_img {
    width: 182px;
    flex-shrink: 0;
}

.awards__section .awards__card .awards__card_img img {
    width: 182px;
    height: auto;
}

.awards__section .awards__slider {
    position: relative;
}

.awards__section .awards__slider .slick-track {
    display: flex;
    align-items: stretch;
    padding: 0 0 24px 0;
}

.awards__section .awards__slider .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    flex: 1;
    margin: 0 12px;
}

.awards__section .awards__slider .slick-prev {
	left: -45px;
}

.awards__section .awards__slider .slick-prev:before {
	background: url('../images/leftg.png')
}

.awards__section .awards__slider .slick-next {
	right: -45px;
}

.awards__section .awards__slider .slick-next:before {
	background: url('../images/rightg.png')
}

/*
==========================================================================
TWO COLUMNS OFFERS
==========================================================================
*/
.cta-anchors-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
/*
==========================================================================
TWO COLUMNS CONTENT (NEW BLOCK)
==========================================================================
*/
.new__offers__section {
    padding: 82px 0;
}

.new__offers__section .offers__container_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.new__offers__section .offers__card {
    background: var(--white);
    border-radius: 20px;
    box-shadow: 4px 8px 10px rgba(0, 0, 0, 0.01);
    padding: 24px;
    transition: all 0.3s ease-in-out;
}

.new__offers__section .offers__card:hover {
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
}

.new__offers__section .offers__card .offers__card_img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.new__offers__section .offers__card .offers__card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}
.new__offers__section .offers__card:hover .offers__card_img img {
    transform: var(--img-scale);
    transition: all .4s ease-in-out;
}

/*
==========================================================================
MEDIA QUERIES
==========================================================================
*/
@media (max-width: 767px) {
    .new__offers__section .offers__container_wrapper {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 992px) {
    .awards__section .awards__slider .slick-list {
        padding: 0 15% 0 0;
    }
    .awards__section .awards__slider .slick-list .slick-slide {
        margin: 0 12px;
    }
    .page__intro {
        padding: 24px 12px;
    }
    .page__intro .image__wrapper--intro {
        width: 100%;
        height: 320px;
    }
    .page__intro h2.section__title {
        font-size: 26px;
    }
    .page__intro .intro__content p {
        font-size: 16px;
    }
}