/*!
Theme Name: Marlin Boat
Theme URI: https://www.marlinboat.it/
Author: Red Apple
Description: A starter & standard theme for WordPress built for multipurpose.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marlin-boat
*/

@charset "utf-8";

/* ========================================== */
/* ================= Outfit ================= */
/* ========================================== */

/* inter-100 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('./fonts/inter-v18-latin-100.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('./fonts/inter-v18-latin-200.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/inter-v18-latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/inter-v18-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/inter-v18-latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/inter-v18-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/inter-v18-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/inter-v18-latin-800.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/inter-v18-latin-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*---------------// COLOR CUSTOM PROPERTIES //---------------*/
:root {
    --font-inter: 'Inter';
    --color-white: #FFFFFF;
    --color-dark: #1d1d1b;
    --color-lightgray: #ECECEC;
    --color-black: #000000;
    --color-lightblue: #718495;
}

/*----------- CSS Document -----------*/
* {
    font-family: var(--font-inter);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

b,
strong {
    font-weight: 500;
}

::placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
    color: var(--color-black);
    opacity: 1;
}

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background-color: var(--color-white);
    font-family: var(--font-inter);
    -webkit-font-kerning: none;
    font-kerning: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

section {
    overflow: hidden;
}

/* Hide scrollbar for Webkit browsers */
::-webkit-scrollbar {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
}

p:last-of-type {
    margin-bottom: 0 !important;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.h-full {
    height: 100%;
}

@supports (position: sticky) {
    .is-sticky {
        position: sticky;
        top: 0;
    }
}

main {
    padding-top: 100px;
}

.bg-dark {
    background: var(--color-dark);
}

.bg-light {
    background: var(--color-white);
}


/* Global Title/Subtitle/Image CSS Start */

.btn-global a {
    position: relative;
    color: var(--color-white);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 0;
    display: block;
    width: max-content;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 9;
}

.btn-global a::before {
    content: '';
    width: 100%;
    height: 5px;
    background: var(--color-lightblue);
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease;
}

.btn-global a:hover::before {
    left: 0;
    width: 100%;
}

.btn-global a::after {
    content: '';
    width: 0%;
    height: 100%;
    background: var(--color-lightblue);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

.btn-global a:hover::after {
    left: 0;
    width: 100%;
}

.btn-global-alt a {
    position: relative;
    color: var(--color-white);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border: 3px solid var(--color-white);
    background: var(--color-dark);
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 9;
}

.btn-global-alt a svg {
    margin-right: 10px;
}

.btn-global-alt a::after {
    content: '';
    width: 0;
    height: 100%;
    background: var(--color-lightblue);
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease;
    z-index: -1;
}

.btn-global-alt a:hover::after {
    left: 0;
    width: 100%;
}

.btn-global-alt a:hover {
    color: var(--color-white);
}

.element-hidden {
    overflow: hidden;
}

/* Global Title/Subtitle/Image CSS End */

/* ================================ */
/* ========== HEADER CSS ========== */
/* ================================ */
.header-navigation-area {
    display: flex;
    align-items: center;
}

.header-navigation-area ul li a {
    color: var(--color-black);
    text-transform: uppercase;
}

.mb-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}


.mb-header .header-main {
    padding: 15px 0;
    background: var(--color-white);
    z-index: 999;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
}

.mb-header .main-navigation .brand-logo img {
    height: 70px;
}

.mb-header.is-fixed .header-main {
    padding: 10px 0;
}

@media (min-width: 480px) {
    .mb-header .header-main .container-fluid {
        padding: 0 30px;
    }
}

@media (min-width: 1025px) {
    .mb-header .header-main .container-fluid {
        padding: 0 80px;
    }
}

.mb-header .navigation-hamburger {
    height: 100%;
    display: flex;
    align-items: center;
}

.mb-header .mb-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mb-header .mb-navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.mb-header .flyout-navigation {
    /* position: absolute; */
    width: 100%;
    height: 100%;
}

.mb-header .flyout-navigation .marlinboat-container {
    position: absolute;
    top: 0;
    left: 0;
}

.mb-header .flyout-navigation .marlinboat-container video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.mb-header .flyout-navigation .marlinboat-container::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(360deg, rgba(255, 254, 254, 0) 50%, rgba(64, 63, 63, 0.2) 68.5%, rgba(0, 0, 0, 0.7) 100%);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.mb-header .flyout-navigation .flyout-wrapper {
    display: none;
    position: absolute;
    background: #fff;
    width: 100vw;
    height: calc(100vh - 115px);
    padding: 0 80px;
    z-index: 999;
    overflow: hidden;
}

.mb-header.is-fixed .flyout-navigation .flyout-wrapper {
    height: calc(100vh - 105px);
}

.mb-header .flyout-navigation .flyout-wrapper .flyout-body {
    height: 100%;
    overflow: hidden;
}

.hamburger {
    overflow: visible;
    padding: 0;
    border: 0;
    background-color: transparent
}

.mb-header .hamburger {
    display: block;
    overflow: visible;
    color: var(--color-black);
    text-align: center;
    font-family: var(--font-inter);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: var(--color-black);
}

.hamburger-box {
    position: relative;
    display: block;
    width: 40px;
    height: 24px;
    margin-bottom: 4px;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: var(--color-black);
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19);
    transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s;
    opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
    transform: rotate(-90deg)
}

.mobile-navigation {
    position: relative;
    left: 0;
    top: 80px;
    height: 100%;
    width: 100%;
}

.mobile-navigation .nav-toggle {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 35px 0;
    color: var(--color-black);
    z-index: 100;
    cursor: pointer;
    transition: backgroun-color 0.2s;
    display: none;
}

.mobile-navigation .nav-toggle.back-visible {
    display: flex;
    align-items: center;
}

.mobile-navigation .nav-toggle.back-visible .nav-back {
    opacity: 1;
}

.mobile-navigation .nav-toggle.back-visible .nav-title {
    /* transform: translateX(40px); */
    display: block;
}

.mobile-navigation .nav-title {
    position: relative;
    padding-left: 0.7em;
    transition: transform 0.3s;
    display: none;
    font-family: var(--font-inter);
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.mobile-navigation .nav-back {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s;
}

.mobile-navigation .nav-back:before {
    content: "";
    position: absolute;
    top: 50%;
}

.mobile-navigation .nav-back:before {
    left: 50%;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M13.7 25.5L26.1 37.9L24 40L8 24L24 8L26.1 10.1L13.7 22.5H40V25.5H13.7Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    transform: translate(-50%, -50%);
}

.mobile-navigation li {
    padding: 35px 0;
    position: relative;
    width: max-content;
}

.mobile-navigation li.nav-dropdown-active {
    position: static;
}

.mobile-navigation a {
    display: block;
    position: relative;
    text-decoration: none;
    font-family: var(--font-inter);
    color: var(--color-white);
    text-transform: uppercase;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    transition: color 0.15s, background-color 0.15s;
}

.mobile-navigation ul {
    list-style: none;
    transition: transform 0.3s;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.mobile-navigation ul ul {
    display: none;
    left: 100%;
    margin-left: 48px;
    top: 100px;
}

.mobile-navigation li.menu-item-has-children>a {
    padding-right: 2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mobile-navigation li.menu-item-has-children>a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 256 256' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M79.093 0 48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z' fill='%23FFFFFF' opacity='1' data-original='%23FFFFFF' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    transform: translate(0%, -50%);
    background-repeat: no-repeat;
    background-position: center;
}

.mobile-navigation li.nav-dropdown-active>ul {
    display: block;
}

@media (min-width: 768px) {
    .mobile-navigation ul ul ul {
        display: block;
        left: 0;
        margin-left: 0;
        top: 0;
    }

    .mobile-navigation ul ul ul {
        display: none;
        left: 100%;
    }

    .mobile-navigation ul ul {
        margin-left: 48px;
        top: 100px;
    }

    .mobile-navigation ul ul>li.menu-item-has-children:not(.nav-dropdown-active) ul {
        display: flex;
        height: auto;
        gap: 50px;
        left: 15em;
        width: max-content;
    }


}

.mobile-navigation ul ul ul {
    display: none;
    margin-left: 0;
    top: 0;
}

@media (max-width: 768px) {
    .mobile-navigation ul ul li.nav-dropdown-active ul {
        display: block;
    }
}


.mobile-navigation ul li a:not(.mobile-navigation ul.sub-menu li a) {
    width: 275px;
}

.mobile-navigation ul.sub-menu li a:not(.mobile-navigation ul.sub-menu li ul.sub-menu li a) {
    width: 190px;
}

/* ============================== */
/* ========== Home CSS ========== */
/* ============================== */
.mouse {
    height: 60px;
    width: 32px;
    border: 3px solid white;
    border-radius: 32px;
    position: absolute;
    bottom: 22px;
    z-index: 99;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0.8;
}

.marlinboat-pageBanner.banner-full .mouse {
    /* bottom: 22px; */
}

.mouse .scrollWheel {
    height: 20px;
    width: 2px;
    background: white;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 10px;
    border-radius: 1px;
    transform: scaleY(0);
    -webkit-animation: scroll 2s linear infinite;
    animation: scroll 2s linear infinite;
}

@-webkit-keyframes scroll {
    0% {
        transform: scaleY(0);
        transform-origin: top;
    }

    25% {
        transform: scaleY(1);
        transform-origin: top;
    }

    26% {
        transform-origin: bottom;
    }

    50% {
        transform: scaleY(0);
        transform-origin: bottom;
    }

    100% {
        transform: scaleY(0);
        transform-origin: bottom;
    }
}

@keyframes scroll {
    0% {
        transform: scaleY(0);
        transform-origin: top;
    }

    25% {
        transform: scaleY(1);
        transform-origin: top;
    }

    26% {
        transform-origin: bottom;
    }

    50% {
        transform: scaleY(0);
        transform-origin: bottom;
    }

    100% {
        transform: scaleY(0);
        transform-origin: bottom;
    }
}

.marlinboat-pageBanner {
    position: relative;
    background: var(--color-white);
}

.marlinboat-pageBanner .pageBanner-outline .heading-outline {
    color: var(--color-dark);
    font-family: var(--font-inter);
    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 0.8;
    text-transform: uppercase;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg) translate(0%, -50%);
    transform: rotate(180deg) translate(0%, -50%);
    position: absolute;
    left: 80px;
    height: 100%;
    top: -50%;
    display: flex;
    justify-content: center;
    z-index: 9;
    pointer-events: none;
    mix-blend-mode: lighten;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-navigation .sneakPeak-swiper-button-next,
.marlinboat-sneakpeak .sneakPeak .sneakPeak-navigation .sneakPeak-swiper-button-prev,
.marlinboat-pageBanner .marlinboat-container .bannerSwiper .bannerSwiper-navigation .bannerSwiper-swiper-button-next,
.marlinboat-pageBanner .marlinboat-container .bannerSwiper .bannerSwiper-navigation .bannerSwiper-swiper-button-prev {
    color: var(--color-white);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak .sneakPeak-navigation .sneakPeak-swiper-button-next,
.marlinboat-pageBanner .marlinboat-container .bannerSwiper .bannerSwiper-navigation .bannerSwiper-swiper-button-next {
    right: -50px;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak .sneakPeak-navigation .sneakPeak-swiper-button-prev,
.marlinboat-pageBanner .marlinboat-container .bannerSwiper .bannerSwiper-navigation .bannerSwiper-swiper-button-prev {
    left: -50px;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak:hover .sneakPeak-navigation .sneakPeak-swiper-button-next,
.marlinboat-pageBanner .marlinboat-container .bannerSwiper:hover .bannerSwiper-navigation .bannerSwiper-swiper-button-next {
    right: 30px;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak:hover .sneakPeak-navigation .sneakPeak-swiper-button-prev,
.marlinboat-pageBanner .marlinboat-container .bannerSwiper:hover .bannerSwiper-navigation .bannerSwiper-swiper-button-prev {
    left: 30px;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper {
    position: relative;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper {
    position: relative;
    overflow: hidden;
    /* height: calc(100vh - 115px); */
}

.marlinboat-pageBanner.banner-full .marlinboat-container .bannerSwiper .banner-wrapper {
    height: calc(100vh - 115px);
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper video {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.marlinboat-pageBanner.banner-adapt .marlinboat-container .bannerSwiper .banner-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.marlinboat-pageBanner.banner-adapt .marlinboat-container .bannerSwiper .banner-wrapper img {
    width: 100%;
    height: 100%;
}

.marlinboat-pageBanner.banner-adapt .marlinboat-container .bannerSwiper .banner-wrapper video {
    width: 100vw;
    height: 100%;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper .pageBanner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
}

.marlinboat-pageBanner.banner-full .marlinboat-container .bannerSwiper .banner-wrapper .pageBanner-content {
    top: 56%;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper .pageBanner-content .pageBanner-heading {
    margin-bottom: 20px;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper .pageBanner-content .pageBanner-heading h2 {
    color: var(--color-white);
    text-align: center;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.marlinboat-pageBanner .marlinboat-container .bannerSwiper .banner-wrapper .pageBanner-content .pageBanner-desc p {
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.marlinboat-home-sec-two {
    background: var(--color-white);
    padding: 140px 0;
}

.marlinboat-home-sec-two .content_wrapper {
    text-align: center;
}

.marlinboat-home-sec-two .content_wrapper .heading_wrapper {
    margin-bottom: 45px;
}

.marlinboat-home-sec-two .content_wrapper h2 {
    color: var(--color-black);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.marlinboat-home-sec-two .content_wrapper p {
    color: var(--color-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.marlinboat-home-sec-two .content_wrapper p strong {
    font-weight: 700;
}

.marlinboat-home-sec-two .content_wrapper p:not(:last-child) {
    margin-bottom: 30px;
}

/* Pattern styles */
.split-screen {
    display: grid;
    grid-template-columns: 1fr;
    gap: max(9.375vw, 80px);
}

.split-screen .split-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.split-screen .split-wrapper .left-half {
    position: relative;
}

.split-screen .split-wrapper .right-half {
    position: relative;
    padding: 40px;
}

.tax-product_cat .split-screen .split-wrapper .left-half,
.tax-product_cat .split-screen .split-wrapper .right-half {
    grid-column: unset;
    grid-row: unset;
}

.split-screen .split-wrapper:nth-child(even) .left-half {
    grid-column: 2;
    grid-row: 1
}

.split-screen .split-wrapper:nth-child(even) .right-half {
    grid-column: 1;
    grid-row: 1
}

.split-screen .split-wrapper.split-alt:nth-child(odd) .left-half {
    grid-column: 2;
    grid-row: 1
}

.split-screen .split-wrapper.split-alt:nth-child(odd) .right-half {
    grid-column: 1;
    grid-row: 1
}

.split-screen .split-wrapper .split-content-wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

.split-screen .split-wrapper .split-content-wrap .split-content .para_wrapper.border-bg {
    position: relative;
    padding-bottom: 25px;
}

.split-screen .split-wrapper .split-content-wrap .split-content .para_wrapper.border-bg::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 162px;
    max-width: 162px;
    height: 5px;
    background: var(--color-lightblue);
}

.split-screen .split-wrapper .split-content-wrap .split-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.split-screen .split-wrapper .split-content-wrap .split-content img {
    /* object-fit: cover; */
    /* height: 100%; */
}

.split-screen .split-wrapper .split-content-wrap .split-content video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.split-screen .split-wrapper .right-half .heading-big {
    color: var(--color-dark);
    font-family: var(--font-inter);
    text-shadow: -1px -1px 0 white,
        1px -1px 0 white,
        -1px 1px 0 white,
        1px 1px 0 white;
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -ms-transform: rotate(180deg) translate(0%, -50%);
    transform: rotate(180deg) translate(0%, -50%);
    position: absolute;
    right: 30px;
    height: 100%;
    top: -50%;
    display: flex;
    justify-content: center;
    white-space: nowrap;
}

.split-screen .split-wrapper .split-content-wrap .split-content .split-subtitle {
    display: block;
    color: var(--color-white);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.split-screen .split-wrapper .split-content-wrap .split-content h3 {
    color: var(--color-lightblue);
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}

.split-screen .split-wrapper .split-content-wrap .split-content .split-subtitle-alt {
    display: block;
    color: var(--color-white);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 35px;
}

.split-screen .split-wrapper .split-content-wrap .split-content p {
    color: var(--color-white);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.split-screen .split-wrapper .right-half.bg-light .split-content-wrap .split-content .split-subtitle {
    color: var(--color-black);
}

.split-screen .split-wrapper .right-half.bg-light .split-content-wrap .split-content h3 {
    color: var(--color-black);
}

.split-screen .split-wrapper .right-half.bg-light .split-content-wrap .split-content .split-subtitle-alt {
    color: var(--color-black);
}

.split-screen .split-wrapper .right-half.bg-light .split-content-wrap .split-content p {
    color: var(--color-black);
}

.split-screen .split-wrapper .right-half.bg-light .split-content-wrap .split-content .btn-global a {
    color: var(--color-black);
}

.split-screen .split-wrapper .right-half.bg-light .split-content-wrap .split-content .btn-global a:hover {
    color: var(--color-white);
}

.split-screen .split-wrapper .split-content-wrap .split-content .split-lightbox {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 80px;
}

.split-screen .split-wrapper .split-content-wrap .split-content .split-lightbox .lightbox-item a {
    position: relative;
    display: block;
}

.split-screen .split-wrapper .split-content-wrap .split-content .split-lightbox .lightbox-item a::after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M33.1667 34.9583L22.2083 23.9999C21.375 24.7221 20.4033 25.2846 19.2933 25.6874C18.1833 26.0902 17.0022 26.2916 15.75 26.2916C12.7456 26.2916 10.2028 25.2499 8.12167 23.1666C6.04056 21.0833 5 18.5694 5 15.6249C5 12.6805 6.04167 10.1666 8.125 8.08325C10.2083 5.99992 12.7292 4.95825 15.6875 4.95825C18.6458 4.95825 21.1597 5.99992 23.2292 8.08325C25.2986 10.1666 26.3333 12.6826 26.3333 15.6312C26.3333 16.8214 26.1389 17.9721 25.75 19.0833C25.3611 20.1944 24.7778 21.236 24 22.2083L35 33.1249L33.1667 34.9583ZM15.7083 23.7916C17.9653 23.7916 19.8838 22.993 21.4638 21.3958C23.0435 19.7985 23.8333 17.8749 23.8333 15.6249C23.8333 13.3749 23.0435 11.4513 21.4638 9.85409C19.8838 8.25686 17.9653 7.45825 15.7083 7.45825C13.4283 7.45825 11.4903 8.25686 9.89417 9.85409C8.29806 11.4513 7.5 13.3749 7.5 15.6249C7.5 17.8749 8.29806 19.7985 9.89417 21.3958C11.4903 22.993 13.4283 23.7916 15.7083 23.7916ZM14.4167 20.2499V16.8333H11V14.3333H14.4167V10.9583H16.9167V14.3333H20.2917V16.8333H16.9167V20.2499H14.4167Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.split-screen .split-wrapper .split-content-wrap .split-content .btn-global,
.split-screen .split-wrapper .split-content-wrap .split-content .btn-global-alt {
    margin-top: 40px;
    display: flex;
}

.news-customize {
    position: relative;
    margin-top: 40px;
}

.news-customize .customize-wrapper {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: 1fr;
}

.news-customize .customize-wrapper .left-half,
.news-customize .customize-wrapper .right-half {
    position: relative;
    overflow: hidden;
}

.news-customize .customize-wrapper .left-half>img,
.news-customize .customize-wrapper .right-half>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    object-position: center 75%;
}

.news-customize .customize-wrapper .customize-content-wrap {
    padding: 0 8.8vw;
    width: 100%;
    height: 100%;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-block {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 30px;
    /* max-width: 570px; */
    max-width: 50%;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-block::after {
    content: '';
    background: rgba(61, 61, 61, 0.80);
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content {
    position: relative;
    z-index: 9;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .news-subtitle {
    color: var(--color-white);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .news-title {
    color: var(--color-white);
    font-size: 30px;
    font-weight: 700;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .news-title-alt {
    color: var(--color-white);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 35px;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .news-desc {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 35px;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .icon-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 55px 0 70px;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .icon-wrapper .customize-icon {
    max-width: 50px;
}

.news-customize .customize-wrapper .customize-content-wrap .customize-content .icon-wrapper .icon-title h3 {
    color: var(--color-white);
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 45px;
}

.news-customize .customize-wrapper .right-half .customize-content-wrap .customize-content .btn-global {
    margin-left: 50px;
}

.product-marlinboat {
    background: var(--color-white);
    padding: 140px 0;
}

.product-marlinboat .content_wrapper {
    text-align: center;
}

.product-marlinboat .content_wrapper .product-subtitle {
    color: var(--color-black);
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.product-marlinboat .content_wrapper .product-title {
    color: var(--color-lightblue);
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
}

.product-marlinboat .content_wrapper .title-sm-wrap {
    margin-bottom: 30px;
}

.product-marlinboat .content_wrapper .product-title-sm {
    color: var(--color-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.product-marlinboat .content_wrapper p {
    color: var(--color-black);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-marlinboat .content_wrapper p strong {
    font-weight: 700;
}

.product-marlinboat .content_wrapper p:not(:last-child) {
    margin-bottom: 30px;
}

.marlinboat-sneakpeak {
    position: relative;
    background: var(--color-white);
    padding: 67px 50px;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item a {
    position: relative;
    display: block;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item a::after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M33.1667 34.9583L22.2083 23.9999C21.375 24.7221 20.4033 25.2846 19.2933 25.6874C18.1833 26.0902 17.0022 26.2916 15.75 26.2916C12.7456 26.2916 10.2028 25.2499 8.12167 23.1666C6.04056 21.0833 5 18.5694 5 15.6249C5 12.6805 6.04167 10.1666 8.125 8.08325C10.2083 5.99992 12.7292 4.95825 15.6875 4.95825C18.6458 4.95825 21.1597 5.99992 23.2292 8.08325C25.2986 10.1666 26.3333 12.6826 26.3333 15.6312C26.3333 16.8214 26.1389 17.9721 25.75 19.0833C25.3611 20.1944 24.7778 21.236 24 22.2083L35 33.1249L33.1667 34.9583ZM15.7083 23.7916C17.9653 23.7916 19.8838 22.993 21.4638 21.3958C23.0435 19.7985 23.8333 17.8749 23.8333 15.6249C23.8333 13.3749 23.0435 11.4513 21.4638 9.85409C19.8838 8.25686 17.9653 7.45825 15.7083 7.45825C13.4283 7.45825 11.4903 8.25686 9.89417 9.85409C8.29806 11.4513 7.5 13.3749 7.5 15.6249C7.5 17.8749 8.29806 19.7985 9.89417 21.3958C11.4903 22.993 13.4283 23.7916 15.7083 23.7916ZM14.4167 20.2499V16.8333H11V14.3333H14.4167V10.9583H16.9167V14.3333H20.2917V16.8333H16.9167V20.2499H14.4167Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item .sneakPeak-item-content {
    margin-left: 6vw;
    margin-top: 105px;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item .sneakPeak-item-content .item-subtitle {
    color: var(--color-black);
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item .sneakPeak-item-content .item-title {
    color: var(--color-lightblue);
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.marlinboat-sneakpeak .sneakPeak .sneakPeak-item .sneakPeak-item- .item-desc {
    color: var(--color-black);
    font-size: 20px;
    font-weight: 400;
}

.product-offers {
    position: relative;
    background: var(--color-lightgray);
    padding: 90px 0;
    margin-bottom: 40px;
}

.product-offers .offer-text {
    color: var(--color-black);
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.product-walkaround {
    background: var(--color-white);
    padding: 90px 8.8vw;
}

.product-walkaround .product-title {
    color: var(--color-dark);
    font-size: 34px;
    font-weight: 700;
}

.product-walkaround .subtitle-wrap {
    margin-bottom: 30px;
}

.product-walkaround .product-subtitle {
    color: var(--color-lightblue);
    font-size: 26px;
    font-weight: 700;
}

.product-walkaround .walkaround-desc {
    color: var(--color-dark);
    font-size: 14px;
    font-weight: 400;
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr;
    gap: 117px;
}

.product-equipment {
    background: var(--color-white);
    padding: 112px 8.8vw;
}

.product-equipment .equipment-title {
    color: var(--color-lightblue);
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 5px;
}

.product-equipment .content-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 103px;
}

.product-equipment .content-grid .grid-item p {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 30px;
}

.product-details {
    position: relative;
}

.product-details .details-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.product-details .details-grid .grid-item:nth-child(1),
.product-details .details-grid .grid-item:nth-child(3) {
    background: #969696;
    display: flex;
    flex-direction: column;
}

.product-details .details-grid .grid-item {
    background: var(--color-lightgray);
    padding: 40px 50px;
}

.product-details .details-grid .grid-item .details-heading {
    color: var(--color-white);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 68px;
}

.product-details .details-grid .grid-item .details-subheading {
    color: var(--color-white);
    font-size: 23px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 30px;
}

.product-details .details-grid .grid-item:nth-child(2) .details-subheading {
    color: var(--color-lightblue);
}

.product-details .details-grid .grid-item .details-table {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.product-details .details-grid .grid-item .details-table .table-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 70px;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.product-details .details-grid .grid-item .details-table .table-item .table-left,
.product-details .details-grid .grid-item .details-table .table-item .table-right {
    display: flex;
    align-items: center;
}

.product-details .details-catalouge {
    background: #7B7B7B;
    padding: 45px;
}

.product-details .details-catalouge .details-wrap {
    display: flex;
    gap: 70px;
    justify-content: center;
    flex-wrap: wrap;
}

.product-details .details-catalouge .catalouge-item {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--color-white);
    font-size: 17px;
    font-weight: 500;
    width: max-content;
}

.product-details .details-catalouge .catalouge-item::before {
    content: '';
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-details .details-catalouge .catalouge-item:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M18.1667 36.5835C16.0556 36.3613 14.0972 35.7779 12.2917 34.8335C10.4861 33.8891 8.92361 32.6668 7.60417 31.1668C6.28472 29.6668 5.25 27.9585 4.5 26.0418C3.75 24.1252 3.375 22.0974 3.375 19.9585C3.375 15.6529 4.78472 11.9168 7.60417 8.75016C10.4236 5.5835 13.9583 3.77794 18.2083 3.3335V5.8335C14.6528 6.36127 11.7083 7.9585 9.375 10.6252C7.04167 13.2918 5.875 16.4029 5.875 19.9585C5.875 23.5141 7.03472 26.6252 9.35417 29.2918C11.6736 31.9585 14.6111 33.5557 18.1667 34.0835V36.5835ZM20 28.3335L11.6667 20.0002L13.4583 18.2085L18.75 23.5002V11.6668H21.25V23.5002L26.5417 18.2085L28.3333 20.0002L20 28.3335ZM21.8333 36.5835V34.0835C23.1111 33.9168 24.3403 33.5904 25.5208 33.1043C26.7014 32.6182 27.7917 31.9724 28.7917 31.1668L30.625 33.0002C29.3472 33.9724 27.9653 34.7779 26.4792 35.4168C24.9931 36.0557 23.4444 36.4446 21.8333 36.5835ZM28.8333 8.79183C27.7778 8.04183 26.6667 7.40988 25.5 6.896C24.3333 6.38211 23.1111 6.02794 21.8333 5.8335V3.3335C23.4444 3.52794 24.9861 3.93766 26.4583 4.56266C27.9306 5.18766 29.3194 5.98627 30.625 6.9585L28.8333 8.79183ZM33 30.4168L31.2083 28.6668C32.0139 27.6391 32.6528 26.5349 33.125 25.3543C33.5972 24.1738 33.9167 22.9446 34.0833 21.6668H36.625C36.4306 23.2779 36.0278 24.8266 35.4167 26.3127C34.8056 27.7988 34 29.1668 33 30.4168ZM34.0833 18.2502C33.9167 16.9724 33.5972 15.7363 33.125 14.5418C32.6528 13.3474 32.0139 12.2502 31.2083 11.2502L33.1667 9.54183C34.1389 10.8196 34.9167 12.1946 35.5 13.6668C36.0833 15.1391 36.4583 16.6668 36.625 18.2502H34.0833Z' fill='white'/%3E%3C/svg%3E");
}

.product-details .details-catalouge .catalouge-item:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='45' fill='none'%3E%3Cpath fill='%23fff' d='M17.792 39.325V28.79h2.5v3.886H35v2.809H20.292v3.839h-2.5ZM5 35.485v-2.808h10.292v2.809H5Zm7.792-7.77v-3.84H5v-2.808h7.792v-3.933h2.5v10.58h-2.5Zm5-3.84v-2.808H35v2.809H17.792Zm6.916-7.724V5.618h2.5v3.839H35v2.808h-7.792v3.886h-2.5ZM5 12.265V9.457h17.208v2.808H5Z'/%3E%3C/svg%3E");
}

.product-details .details-grid .grid-item .details-info p {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.product-details .details-grid .grid-item:nth-child(3) .details-info p,
.product-details .details-grid .grid-item:nth-child(3) .details-info ul li {
    color: var(--color-white);
}

.product-details .details-grid .grid-item:nth-child(3) .details-info ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.product-details .details-grid .grid-item:nth-child(2) .details-info p,
.product-details .details-grid .grid-item:nth-child(3) .details-info ul li {
    position: relative;
    padding-left: 15px;
}

.product-details .details-grid .grid-item:nth-child(2) .details-info p::before,
.product-details .details-grid .grid-item:nth-child(3) .details-info ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--color-white);
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
}

.product-details .details-grid .grid-item:nth-child(2) .details-info p::before {
    background: var(--color-black);
}

.product-details .details-grid .grid-item:nth-child(3) .details-info ul:not(:last-child) {
    margin-bottom: 25px;
}

.product-details .details-grid .grid-item .details-info p:not(:last-child) {
    margin-bottom: 15px;
}

.marlinboat-comfort {
    position: relative;
}

.marlinboat-comfort img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.marlinboat-comfort .comfort-wrapper {
    position: relative;
    padding: 9vw 0;
    width: 100%;
}

.marlinboat-comfort .comfort-wrapper .comfort-content {
    position: relative;
    max-width: 580px;
    float: right;
    padding-bottom: 70px;
}

.marlinboat-comfort .comfort-wrapper .comfort-content::after {
    content: '';
    width: 162px;
    height: 5px;
    background: var(--color-lightblue);
    position: absolute;
    left: 0;
    bottom: 0;
}

.marlinboat-comfort .comfort-wrapper .comfort-title-wrap {
    margin-bottom: 30px;
}

.marlinboat-comfort .comfort-wrapper .comfort-title-wrap .comfort-title {
    color: var(--color-white);
    font-size: 23px;
    font-weight: 700;
}

.marlinboat-comfort .comfort-wrapper .comfort-desc p {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.marlinboat-cta {
    position: relative;
}

.marlinboat-cta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.marlinboat-cta .cta-wrapper {
    width: 100%;
    z-index: 9;
    position: relative;
    padding: 11vw 0;
}

.marlinboat-cta .cta-wrapper .cta-content {
    position: relative;
    max-width: 580px;
    margin: 0 auto;
}

.marlinboat-cta::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    position: absolute;
    left: 0;
    top: 0;
}

.marlinboat-cta .cta-wrapper .cta-title-wrap {
    margin-bottom: 30px;
}

.marlinboat-cta .cta-wrapper .cta-title-wrap .cta-title {
    color: var(--color-white);
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    text-transform: uppercase;
}

.marlinboat-cta .cta-wrapper .cta-desc {
    color: var(--color-white);
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}

.marlinboat-instagram {
    background: var(--color-white);
    padding: 90px 0;
}

.marlinboat-instagram .content_wrapper .title_wrapper {
    margin-bottom: 65px;
}

.marlinboat-instagram .content_wrapper .title {
    color: var(--color-black);
    font-size: 38px;
    font-weight: 700;
}


/* Contact Us CSS */
.contact-breadcrumb {
    position: relative;
    background: var(--color-white);
    padding: 40px 0 60px;
}

.contact-breadcrumb .contact-photo {
    margin-bottom: 30px;
}

.contact-breadcrumb .title-wrapper {
    margin-bottom: 80px;
}

.contact-breadcrumb .contact-details-wrapper {
    margin-bottom: 50px;
}

.contact-breadcrumb .contact-details-wrapper .contact-details .contact-heading {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-black);
    margin-bottom: 10px;
}

.contact-breadcrumb .contact-details-wrapper .contact-details .contact-meta {
    font-size: 17px;
    font-weight: 300;
    color: var(--color-black);
}

.contact-breadcrumb .contact-location-wrapper .contact-location:not(:last-child) {
    margin-bottom: 50px;
}

.contact-breadcrumb .contact-location-wrapper .contact-location .contact-heading {
    font-size: 17px;
    font-weight: 700;
    color: var(--color-black);
}

.contact-breadcrumb .contact-location-wrapper .contact-location .contact-meta {
    font-size: 17px;
    font-weight: 300;
    color: var(--color-black);
}

.contact-breadcrumb .contact-location-wrapper .contact-location a {
    font-size: 17px;
    font-weight: 700;
    color: var(--color-lightblue);
    margin-top: 10px;
    display: block;
}

.information-request {
    background: var(--color-white);
    padding: 90px 0 140px;
    width: 57%;
    margin: 0 auto;
}

.information-request .title-wrapper {
    margin-bottom: 35px;
}

.information-request .title-wrapper .request-title {
    font-size: 24px;
    font-weight: 400;
    color: var(--color-dark);
    text-align: center;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 14px;
    row-gap: 14px;
    margin-bottom: 14px;
}

.form-wrapper select {
    text-transform: uppercase;
}

.form-wrapper input[type="text"],
.form-wrapper input[type="email"],
.form-wrapper input[type="tel"],
.form-wrapper select,
.form-wrapper textarea {
    border: 1px solid var(--color-black);
    background: var(--color-white);
    font-size: 15px;
    font-weight: 300;
    padding: 14.5px 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    width: 100%;
    color: var(--color-gray);
    box-shadow: none;
    outline: none;
}

.request-quote-form .form-wrapper .form-item {
    margin-bottom: 15px;
}

.request-quote-form .form-wrapper .form-bottom {
    display: block;
}

.request-quote-form .form-wrapper .form-bottom .form-submit-btn {
    display: flex;
    justify-content: center;
    width: max-content;
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
}

.request-quote-form .form-wrapper .btn-global {
    border: 2px solid #718495;
    background: var(--color-white);
    height: 45px;
    padding: 0 25px;
    position: relative;
    display: block;
    width: max-content;
    text-decoration: none;
    transition: all 0.3s ease;
    z-index: 9;
    cursor: pointer;
}

.request-quote-form .form-wrapper .btn-global .wpcf7-submit {
    background: none;
    border: none;
    color: #2E2E2E;
    text-align: center;
    font-family: var(--font-inter);
    font-size: 17px;
    font-weight: 700;
}

.request-quote-form .form-wrapper .btn-global .wpcf7-submit {
    transition: all 0.3s ease;
}

.request-quote-form .form-wrapper .btn-global:hover .wpcf7-submit {
    color: var(--color-white);
}

.request-quote-form .form-wrapper .btn-global::after {
    content: '' !important;
    width: 0%;
    height: 100%;
    background: var(--color-lightblue);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease;
}

.request-quote-form .form-wrapper .btn-global:hover::after {
    left: 0;
    width: 100%;
}

.request-quote-form .form-wrapper .form-bottom .form-submit-btn .wpcf7-spinner {
    position: absolute;
    right: -38%;
    top: 10px;
}

.request-quote-form .form-wrapper .col-lg-12,
.request-quote-form .form-wrapper .col-lg-6 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.request-quote-form .form-wrapper .select-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.request-quote-form .form-wrapper .form-item-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.request-quote-form .form-wrapper .form-item-wrap .form-label {
    color: #2E2E2E;
    font-family: var(--font-inter);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.request-quote-form .form-wrapper .select-wrapper .form-item-wrap select {
    color: #2E2E2E;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    padding: 0 15px;
    font-family: var(--font-inter);
}

.request-quote-form .form-wrapper .select-wrapper .form-item-wrap select option {
    font-family: arial;
}

.request-quote-form .form-wrapper .form-item-wrap .form-field {
    width: calc(100% - 90px);
}

.request-quote-form .form-wrapper .select-wrapper .form-item:last-of-type {
    margin-bottom: 0;
}

.form-wrapper .form-item {
    position: relative;
    width: 100%;
}

.form-wrapper .form-item label {
    color: #2E2E2E;
    font-family: var(--font-inter);
    font-size: 17px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}

.form-wrapper .form-item p {
    color: #2E2E2E;
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 400;
}

.form-wrapper .form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.form-wrapper .form-cbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.form-wrapper .form-cbox label {
    font-size: 13px;
    font-weight: 300;
    display: flex;
    gap: 15px;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.wpcf7-list-item {
    margin: 0;
}

.form-wrapper .form-cbox input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 1px solid var(--color-black);
}

.contact-breadcrumb .title-wrapper .mb-title {
    font-size: 43px;
    font-weight: 700;
    text-align: left;
    color: var(--color-dark);
    line-height: 54px;
}

.footer {
    background: rgba(29, 29, 27, 0.80);
}

.footer .footer-container {
    padding: 50px 0 20px;
}

.footer .footer-container .footer-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
}

.footer .footer-container .footer-grid .grid-item:nth-child(3) {
    grid-column: 3 / span 2;
}

.footer .footer-container .footer-grid .grid-item .grid-item-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.footer .footer-container .footer-grid .grid-item .footer-heading {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
}

.footer .footer-container .footer-grid .grid-item .grid-content,
.footer .footer-container .footer-grid .grid-item .grid-content a {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 700;
}

.footer .footer-container .footer-grid .grid-item .grid-content .contact-details {
    display: flex;
}

.footer .footer-container .footer-grid .grid-item .grid-content .contact-details .contact-title {
    margin-right: 10px;
}

.footer .footer-container .footer-grid .grid-item .grid-content .contact-details a {
    display: block;
    text-decoration: underline;
}

.footer .footer-container .footer-grid .grid-item .footer-social {
    display: flex;
    gap: 6px;
}

.footer .copyright-container {
    padding: 60px 0;
}

.footer .copyright-container .copyright-meta {
    color: var(--color-white);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.footer .copyright-container .copyright-meta a {
    color: var(--color-white);
    text-decoration: underline;
}

.request-quote {
    position: fixed;
    right: 0;
    bottom: 0;
    background: #616161;
    width: 174px;
    height: 82px;
    z-index: 999;
}

.request-quote .quote-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 11px;
}

.request-quote .quote-wrap span {
    color: var(--color-white);
    font-family: var(--font-inter);
    font-size: 15px;
    font-weight: 700;
    margin-left: 9px;
}

/* Language Swicher */

.pi-v-divider {
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-black);
    margin: 0 30px;
    padding: 12.5px 0;
}

.mb-header .trp_language_switcher_shortcode {
    position: relative;
    display: inline-block;
}

/* Button styles */
.trp_language_switcher_shortcode .trp-language-switcher>div a {
    background: transparent;
    color: var(--color-gray);
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    border: none;
}

.mb-header .trp_language_switcher_shortcode .trp-language-switcher .trp-ls-shortcode-current-language {
    display: flex;
    width: 100% !important;
}

.trp_language_switcher_shortcode .trp-language-switcher>div:hover a {
    color: var(--color-lightblue);
}

/* Dropdown menu */
.mb-header .trp_language_switcher_shortcode .trp-ls-shortcode-language {
    display: none;
    padding: 0;
    margin: 0;
    padding-top: 20px;
    position: absolute;
    top: 16px;
    left: 0;
    min-width: 150px;
    z-index: 999;
    list-style: none;
}

/* Dropdown items */
.mb-header .trp_language_switcher_shortcode .trp-ls-shortcode-language {
    display: block;
    margin: 0;
}

.mb-header .trp_language_switcher_shortcode .trp-ls-shortcode-language a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: var(--color-gray);
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    transition: color 0.3s, color 0.3s;
}

.mb-header .trp_language_switcher_shortcode .trp-ls-shortcode-language a:hover {
    color: var(--color-lightblue);
}

/* Show dropdown menu on button hover */
.mb-header .trp_language_switcher_shortcode .trp-language-switcher:hover .trp-ls-shortcode-language {
    display: block !important;
    margin: 0;
}

.mb-header .trp_language_switcher_shortcode .trp-language-switcher .trp-ls-shortcode-language .trp-ls-shortcode-disabled-language {
    display: none;
}

.media-breadcrumb {
    position: relative;
    background: var(--color-white);
    padding: 80px 0;
}

.media-breadcrumb .title-wrapper .title {
    font-size: 43px;
    font-weight: 700;
    color: var(--color-dark);
    line-height: 54px;
    text-transform: uppercase;
    text-align: center;
}

.marlinboat-media {
    position: relative;
    padding-bottom: 80px;
}

.marlinboat-media .media-wrapper .media-grid .grid-item {
    width: 33.333%;
    padding: 10px;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #CCC;
    position: relative;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap .link_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap .media-image {
    margin-bottom: 25px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap .media-image img {
    width: 100%;
    height: 200px;
    object-position: center center;
    object-fit: cover;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap .media-meta .media-date {
    font-size: 15px;
    font-weight: 300;
    color: var(--color-dark);
    margin-bottom: 8px;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap .media-meta .media-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-lightblue);
    text-transform: uppercase;
}

.marlinboat-media .media-wrapper .media-grid .grid-item .grid-item-wrap .media-meta .media-desc {
    font-size: 17px;
    font-weight: 300;
    color: var(--color-dark);
}

.marlinboat-media .media-wrapper .filter-media {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.marlinboat-media .media-wrapper .filter-media ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.marlinboat-media .media-wrapper .filter-media ul li {
    display: inline;
    padding: 10px 25px;
    font-size: 18px;
    color: var(--color-dark);
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}

.marlinboat-media .media-wrapper .filter-media ul li:hover {
    color: var(--color-lightblue);
}

.marlinboat-media .media-wrapper .filter-media ul li.active {
    color: var(--color-lightblue);
}

.media-breadcrumb .title-wrapper .media-title {
    text-align: center;
    margin-bottom: 15px;
    font-size: 43px;
    font-weight: 700;
    color: var(--color-lightblue);
    line-height: 54px;
}

.media-breadcrumb .title-wrapper .media-date {
    font-size: 15px;
    font-weight: 400;
    color: var(--color-dark);
    text-align: center;
}

.marlinboat-media-content {
    padding: 40px 0 100px;
}

.media-content .blog-wrapper p {
    color: var(--color-black);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.malinBoatmodal .close-modal {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 20px;
}

.malinBoatmodal .modal-content {
    border-radius: 0;
}

.malinBoatmodal .modal-content .modal-header {
    padding: 39.5px;
    padding-bottom: 0;
    border: none;
}

.malinBoatmodal .modal-content .modal-header .modal-title {
    color: #2E2E2E;
    font-family: var(--font-inter);
    font-size: 38px;
    font-weight: 700;
    line-height: normal;
}

.malinBoatmodal .modal-content .modal-body {
    padding: 39.5px;
    padding-top: 0;
}

.embed-responsive-item {
    width: 100vw;
    height: 100vh;
}

.gallerySneakPeak {
    position: relative;
    display: block;
    margin-top: 50px;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak-item a {
    position: relative;
    display: block;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak-item a::after {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M33.1667 34.9583L22.2083 23.9999C21.375 24.7221 20.4033 25.2846 19.2933 25.6874C18.1833 26.0902 17.0022 26.2916 15.75 26.2916C12.7456 26.2916 10.2028 25.2499 8.12167 23.1666C6.04056 21.0833 5 18.5694 5 15.6249C5 12.6805 6.04167 10.1666 8.125 8.08325C10.2083 5.99992 12.7292 4.95825 15.6875 4.95825C18.6458 4.95825 21.1597 5.99992 23.2292 8.08325C25.2986 10.1666 26.3333 12.6826 26.3333 15.6312C26.3333 16.8214 26.1389 17.9721 25.75 19.0833C25.3611 20.1944 24.7778 21.236 24 22.2083L35 33.1249L33.1667 34.9583ZM15.7083 23.7916C17.9653 23.7916 19.8838 22.993 21.4638 21.3958C23.0435 19.7985 23.8333 17.8749 23.8333 15.6249C23.8333 13.3749 23.0435 11.4513 21.4638 9.85409C19.8838 8.25686 17.9653 7.45825 15.7083 7.45825C13.4283 7.45825 11.4903 8.25686 9.89417 9.85409C8.29806 11.4513 7.5 13.3749 7.5 15.6249C7.5 17.8749 8.29806 19.7985 9.89417 21.3958C11.4903 22.993 13.4283 23.7916 15.7083 23.7916ZM14.4167 20.2499V16.8333H11V14.3333H14.4167V10.9583H16.9167V14.3333H20.2917V16.8333H16.9167V20.2499H14.4167Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak-navigation .gsneakPeak-swiper-button-next,
.gallerySneakPeak .gsneakPeak .gsneakPeak-navigation .gsneakPeak-swiper-button-prev {
    color: var(--color-white);
    transition: 0.5s ease-out;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak .gsneakPeak-navigation .gsneakPeak-swiper-button-next {
    right: -50px;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak .gsneakPeak-navigation .gsneakPeak-swiper-button-prev {
    left: -50px;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak:hover .gsneakPeak-navigation .gsneakPeak-swiper-button-next {
    right: 30px;
}

.gallerySneakPeak .gsneakPeak .gsneakPeak:hover .gsneakPeak-navigation .gsneakPeak-swiper-button-prev {
    left: 30px;
}

.error-404 {
    text-align: center;
    margin: 0 auto;
    padding: 10vh 10vw;
}

.error-404 h1 {
    font-size: 8em;
    font-weight: bold;
}

.error-404 h2 {
    font-size: 3em;
}

.error-404 p {
    font-size: 1.5em;
    line-height: 1.4;
    margin-bottom: 25px !important;
}

.error-404 .btn-404 {
    text-decoration: none;
    background: #5b5a5a;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    transition: all 0.5s ease-out;
    opacity: 1;
}

.error-404 .btn-404:hover {
    opacity: 0.8;
}