/* ======================================================================
=======================  yacht-detail-card start ===========================
====================================================================== */
.yacht-detail-card{padding-block: 80px;}
.inner-yacht-detail-card{max-width: 1098px;margin-inline: auto;}
.inner-yacht-detail-card .btn-wrap, .inner-yacht-detail-card .image-desc-wrap .detail-card-image{display: none;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc{display: flex;justify-content: space-between;align-items: center;gap: 12px;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price-bookmark-wrap{display: flex;align-items: baseline;gap: 18px;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .bookmark-icon{width: 30px;height: 38px;border: none;outline: none;background-color: transparent;cursor: pointer;flex-shrink: 0;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-3{text-transform: uppercase;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-11{text-transform: uppercase;text-align: text;}

.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper{display: flex;align-items: center;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility{min-width: 154px;text-align: center;padding-inline: 2px;border-right: 1px solid var(--black);padding-block: 12px;} 
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:last-child{border-right: 0;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility img{max-width: 44px;max-height: 23px;height: auto;}
.inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility .p-big{margin-top: 6px; text-transform: uppercase;}
/* ======================================================================
=======================  yacht-detail-card ended ===========================
====================================================================== */
/* ======================================================================
=======================  yacht-outside-section start ===========================
====================================================================== */
.inner-yacht-outside{max-width: 1282px;margin-inline: auto;}
.yacht-grid{margin-top: 21px;margin-inline: -10px;}
.yacht-grid .gallery-grid-item{margin-bottom: 16px;overflow: hidden;line-height: 0;border-radius: 10px;width: calc(100% / 3);padding-inline: 10px;}
.yacht-grid .gallery-grid-item a{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.yacht-grid.gallery-grid-item img{width: 100%;height: auto;display: block;object-fit: cover;object-position: center;transition: all ease-in 0.3s;}
.yacht-grid .gallery-grid-item:hover img{scale: 1.01;}
/* ======================================================================
=======================  yacht-outside-section ended ===========================
====================================================================== */

.yacht-outside-section { overflow: hidden;}
.yacht-outside-section .gallery-mobile-slider { display: block !important;}
.yacht-outside-section .gallery-mobile-slider .slick-list { padding: 10px 0 !important;}
.yacht-outside-section .gallery-mobile-item {
    width: auto;
    padding:0 7px;    
}
/* .gallery-mobile-slider-outside .gallery-mobile-item:nth-child(3n+2) img, .gallery-mobile-slider-inside .gallery-mobile-item:nth-child(3n+1) img{
    aspect-ratio: 638/648;
}
.gallery-mobile-slider-outside .gallery-mobile-item:nth-child(3n+3) img, .gallery-mobile-slider-inside .gallery-mobile-item:nth-child(3n+2) img{
    aspect-ratio: 317/648;
}
.gallery-mobile-slider-outside .gallery-mobile-item:nth-child(3n+4) img, .gallery-mobile-slider-inside .gallery-mobile-item:nth-child(3n+3) img{
    aspect-ratio: 317/648;
} */

/* .yacht-outside-section .gallery-mobile-item img {
    height: 648px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    overflow: hidden;
    transition: all 300ms ease;
    transform: scale(0.9);
} */
/* .yacht-outside-section .gallery-mobile-item.slick-center img {
    transform: scale(1.4);
} */

/* .yacht-outside-section .gallery-mobile-item > div img { width: 100%; height: 100%; object-fit: cover; position: absolute; left:50%; transform: translateX(-50%);}


.yacht-outside-section .gallery-mobile-item .img-holder { height: 648px; position: relative; transition-duration: 0.5s; width: 50%; margin-left: 0%;}
.yacht-outside-section .gallery-mobile-item.slick-current > div .img-holder{ width: 200%; margin-left: -50%;}


.yacht-outside-section .gallery-mobile-item.slick-current ~ div > div.img-holder { margin-left: 50%;} */


.yacht-outside-section .slick-slide > div img { width: 100%; height: 100%; object-fit: cover; position: absolute; left:50%; transform: translateX(-50%);  border-radius: 10px;
    overflow: hidden;  box-shadow:0px 3px 8px 0px #4e4e4eb5;}


.yacht-outside-section .slick-slide .img-holder { height: 648px; position: relative; transition-duration: 0.5s; width: 50%; margin-left: 0%;}
.yacht-outside-section .slick-slide.slick-current > div.img-holder{ width: 200%; margin-left: -50%;}


.yacht-outside-section .slick-slide.slick-current ~ div > div.img-holder { margin-left: 50%;}

html[dir="rtl"] .yacht-outside-section .slick-slide.slick-current>div.img-holder {margin-right: -50%;margin-left: 0;}
html[dir="rtl"] .yacht-outside-section .slick-slide.slick-current~div>div.img-holder{margin-right: 50%;margin-left:0;}

@media (max-width:1399px) {
    /* ======================================================================
    =======================  yacht-outside-section start ===========================
    ====================================================================== */
    .inner-yacht-outside{padding-inline: 80px;}
    .yacht-outside-section .slick-slide .img-holder {height: 580px;}
    /* .yacht-outside-section .gallery-mobile-slider .slick-list { padding: 85px 0 !important;} */
    /* ======================================================================
    =======================  yacht-outside-section ended ===========================
    ====================================================================== */
}
@media (max-width:1199px) {
    /* ======================================================================
    =======================  yacht-detail-card start ===========================
    ====================================================================== */
    .yacht-detail-card{padding-block: 60px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price-bookmark-wrap{gap: 12px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .bookmark-icon{width: 24px;height: 32px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility{min-width: 142px;}
    /* ======================================================================
    =======================  yacht-detail-card ended ===========================
    ====================================================================== */
    /* ======================================================================
    =======================  yacht-outside-section start ===========================
    ====================================================================== */
    .yacht-grid{margin-inline: -6px;}
    .yacht-grid .gallery-grid-item{margin-bottom: 12px;padding-inline: 6px;}
    .yacht-outside-section .slick-slide .img-holder {height: 500px;}
    /* .yacht-outside-section .gallery-mobile-slider .slick-list { padding: 70px 0 !important; } */
    /* ======================================================================
    =======================  yacht-outside-section ended ===========================
    ====================================================================== */
}
@media (max-width:991px) {
    /* ======================================================================
    =======================  yacht-detail-card start ===========================
    ====================================================================== */
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc{flex-direction: column;gap: 24px;align-items: flex-start;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price-bookmark-wrap{flex-direction: row-reverse;width: 100%;justify-content: space-between;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-11{text-align: left;}
    /* ======================================================================
    =======================  yacht-detail-card ended ===========================
    ====================================================================== */
    /* ======================================================================
    =======================  yacht-outside-section start ===========================
    ====================================================================== */
    .inner-yacht-outside{padding-inline:36px;}
    .yacht-grid{margin-inline: -5px;}
    .yacht-grid .gallery-grid-item{margin-bottom: 10px;padding-inline: 5px;}
    .yacht-outside-section .slick-slide .img-holder {height: 425px;}
    /* .yacht-outside-section .gallery-mobile-slider .slick-list { padding: 55px 0 !important; } */
    /* ======================================================================
    =======================  yacht-outside-section ended ===========================
    ====================================================================== */
}
@media (max-width:767px) {
    /* <!-- ======================================================================
    ======================= yacht-banner start ===========================
    ====================================================================== --> */
    .yacht-detail-page.common-inner-banner .common-inner-banner-title{width: 100%;padding-inline: 36px;top: 170px;}
    .yacht-detail-page.common-inner-banner .common-inner-banner-title .heading-style-7{text-align: end;font-size: 30px;}
    /* <!-- ======================================================================
    ======================= yacht-banner ended ===========================
    ====================================================================== --> */
    /* ======================================================================
    =======================  yacht-detail-card start ===========================
    ====================================================================== */
    .yacht-detail-card{position: relative;background-color: var(--white);border-radius: 24px;margin-top: -40px;overflow: hidden; /*box-shadow: 0px 0px 10px 3px #406E79;*/padding-block: 36px;}
    .yacht-detail-card-border{ /*background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #74BDC8 100%);padding: 2px;*/ margin-bottom: 20px;border-radius: 24px;position: relative;z-index: 3;}

    .inner-yacht-detail-card .btn-wrap, .inner-yacht-detail-card .image-desc-wrap .detail-card-image{display: block;}
    .inner-yacht-detail-card .btn-wrap{display: flex;align-items: center;justify-content: space-between;}
    .inner-yacht-detail-card .btn-wrap a{display: inline-flex;align-items: center;gap: 6px;}
    .inner-yacht-detail-card .btn-wrap a img{max-width: 18px;height: auto;transition: all ease-in 0.3s;}
    .inner-yacht-detail-card .btn-wrap .heading-style-9{color: var(--primary);gap: 10px;}
    .inner-yacht-detail-card .btn-wrap .btn{padding: 10px 20px;font-size: 18px;}
    .inner-yacht-detail-card .btn-wrap .btn:hover img{filter: brightness(0) saturate(100%) invert(20%) sepia(36%) saturate(1169%) hue-rotate(145deg) brightness(98%) contrast(96%);}
    .inner-yacht-detail-card .btn-wrap .heading-style-9:hover{color: var(--secondary-dark);}
    .inner-yacht-detail-card .btn-wrap .heading-style-9:hover img{filter: brightness(0) saturate(100%) invert(45%) sepia(15%) saturate(1113%) hue-rotate(353deg) brightness(93%) contrast(92%);}

    .inner-yacht-detail-card .image-desc-wrap{display: flex;gap: 22px;align-items: center;margin-top: 40px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-image{position: relative;border-radius: 24px;overflow: hidden;width: calc(30% - 22px);flex-shrink: 0;line-height: 0; max-width: 180px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-image:after{content: "";position: absolute;width: 100%;height: 100%;background-color: var(--black-20);left: 0;top: 0;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-image img{aspect-ratio: 1/1;width: 100%;object-fit: cover;object-position: center;}
    
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc{justify-content: center;gap: 14px; width: 100%;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price-bookmark-wrap { flex-direction: row; justify-content:flex-start ;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price-bookmark-wrap .title-price { display: flex; align-items:center; justify-content: space-between; width: 100%;flex-wrap: wrap;gap:10px;row-gap: 20px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper{flex-wrap: wrap; justify-content: center; margin-top: 10px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility{border-right: none;width: calc((80% - 2px) / 2);padding-block: 0;padding-inline: 0;min-width: auto;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility > div{display: flex;align-items: center;gap: 6px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(odd){padding-right: 9px;border-right: 1px solid var(--greyc0);}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(even){padding-left: 20px;}
    /* .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(1) > div , .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(2) > div{border-bottom: 1px solid var(--greyc0);padding-bottom: 8px;} */
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(3) > div, .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(4) > div{padding-top: 8px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility .p-big{font-size: 12px;font-weight: 500 !important;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility .p-big span{color: var(--primary-50);font-weight: 400 !important;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-11{color: var(--secondary-dark);margin-top: 8px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-11 span{font-size: 10px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility img{max-width: 14px;max-height: 14px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:last-child img{max-width: 24px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .bookmark-icon{width: 16px;height: 20px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-3{color: var(--primary);}

    /* ======================================================================
    =======================  yacht-detail-card ended ===========================
    ====================================================================== */
    /* ======================================================================
    =======================  yacht-outside-section start ===========================
    ====================================================================== */
    .yacht-outside-section { overflow: hidden;}
        .yacht-grid {
            margin-inline: 0;
            column-count: 2;
            height: auto !important;
            display: none !important;
        }
        .yacht-grid .gallery-grid-item {
            width: 100%;
            position: relative !important;
            top: 0 !important;
            left: 0 !important;
            padding: 0 !important;
        }
    .yacht-outside-section .gallery-mobile-item img { height: 100%;  width: 100%;
        aspect-ratio: 1 / 1.2 !important;
        display: block;
        border-radius: 24px;  box-shadow: 0px 0px 10px 3px #888888b5;}
    .yacht-outside-section .gallery-mobile-slider .slick-list { padding: 0px 0 !important; }
    /* .yacht-outside-section .gallery-mobile-item:nth-child(3n+2) img {aspect-ratio: unset;}
    .yacht-outside-section .gallery-mobile-item:nth-child(3n+3) img {aspect-ratio: unset;}
    .yacht-outside-section .gallery-mobile-item:nth-child(3n+4) img {aspect-ratio: unset;} */
    .yacht-outside-section .heading-style-7 { text-align: center;}
    .yacht-outside-section .slick-slide.slick-current > div.img-holder {
         width: 100%;
         margin-left: 0;
    }
    .yacht-outside-section .slick-slide .img-holder {
        width: 100%;
        height: 355px;
    }
    .yacht-outside-section .slick-slide>div img {
        left: 0;
        transform: translateX(0);
        box-shadow: 0px 1px 10px 2px #888888b8;
        border-radius: 24px;
    }
    .yacht-outside-section .slick-slide.slick-current ~ div > div.img-holder {
        margin-left: 0;
    }
    /* ======================================================================
    =======================  yacht-outside-section ended ===========================
    ====================================================================== */
    
    html[dir="rtl"] .yacht-outside-section .slick-slide.slick-current>div.img-holder{margin-right:0;}
    html[dir="rtl"] .yacht-outside-section .slick-slide.slick-current~div>div.img-holder { margin-right:0%;}
    html[dir="rtl"] .gallery-mobile-arrow .slick-prev{left: -65px;right:auto;}
    html[dir="rtl"] .gallery-mobile-arrow .slick-next{right: -65px; left: auto;}
}

@media (max-width:440px) {
    /* <!-- ======================================================================
    ======================= yacht-banner start ===========================
    ====================================================================== --> */
    .yacht-detail-page.common-inner-banner .common-inner-banner-title{top: 110px;}
    .yacht-detail-page.common-inner-banner .common-inner-banner-title .heading-style-7{font-size: 24px;}
    /* <!-- ======================================================================
    ======================= yacht-banner ended ===========================
    ====================================================================== --> */
    /* ======================================================================
    =======================  yacht-detail-card start ===========================
    ====================================================================== */
    .yacht-detail-card{padding-block: 32px;margin-top: -24px;}
    .yacht-detail-card .container{padding: 0 16px;}
    .inner-yacht-detail-card .image-desc-wrap{gap: 8px;margin-top: 20px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc{gap: 8px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-image{width: calc(40% - 8px); max-width: 110px;}
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .title-price .heading-style-11{margin-top: 3px;}
    /* .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility {width: calc(59% - 2px);} */
    /* .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(even){padding-left: 4px; width: calc(41% - 2px);} */
    .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(1) > div, .inner-yacht-detail-card .image-desc-wrap .detail-card-desc .fleet-facility-wrapper .fleet-facility:nth-child(2) > div{padding-bottom: 5px;}
    .inner-yacht-detail-card .btn-wrap .heading-style-9{font-size: 18px;gap: 4px;letter-spacing: normal;}
    .inner-yacht-detail-card .btn-wrap .btn{letter-spacing: normal;}
    
    /* ======================================================================
    =======================  yacht-detail-card ended ===========================
    ====================================================================== */
    /* ======================================================================
    =======================  yacht-outside-section start ===========================
    ====================================================================== */
    .inner-yacht-outside{padding-inline:12px;}
    /* ======================================================================
    =======================  yacht-outside-section ended ===========================
    ====================================================================== */
}