/* css starts here MR*/

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Maven+Pro:wght@400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');



@font-face {
    font-family: "Gerogia Regular";
    src: url("/assets/fonts/georgia/georgia.ttf");
}

@font-face {
    font-family: "Gerogia Bold";
    src: url("/assets/fonts/georgia/georgiab.ttf");
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
ol,
ul,
dl,
fieldset,
pre {
    margin: 0;
}

:root {
    --green-color: #2E484F;
}

a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.field-error {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

.error_field {
    border-color: red;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#boat_search {
    height: 36px;
    width: 220px;
}

#boat_search:focus {
    border: 1px solid black;
    outline: none;
    border-radius: 2px;
}

#boat_search.hidden {
    display: none;
}

.breadcrumb {
    background-color: #fff;
}

.breadcrumb-item a {
    color: rgba(16, 31, 45, 0.60);
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.tt-suggestion {
    position: absolute;
    left: 50%;
    top: 70px;
    width: 100%;
    max-width: 400px;
    transform: translateX(-50%);
    /* padding: 10px; */
    background-color: #fff;
    max-height: 400px;
    overflow-y: auto;
    z-index: 4;
}
.inventorySearchResult {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #A74B44;
}
.inventorySearchResult .invPrice {
    color: #A74B44;
}
.inventorySearchResult .invTitle {
    font-size: 20px;
    color: #000;
}
.inventorySearchResult .invStock {
    color: #A74B44;
}
.imgContainer img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.invMiles{
    color: #000;
}

.tt-suggestion.hidden {
    display: none;
}

.tt-suggestion-mobile.hidden {
    display: none;
}

input.error_field::placeholder {
    color: red !important;
}

.error_field {
    border-bottom: 1px solid red !important;
}

.req_check {
    border-bottom: 1px solid red !important;
}

.alert {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 5;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
}

.alert-danger {
    background-color: #bb1b1b;
    text-align: center;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    z-index: 5;
}

.notify_popup_message.alert-danger {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}

.alert-success {
    background-color: #109610;
    text-align: center;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    z-index: 5;
}

.iti {
    width: 100%;
}

.phoneInput {
    width: 100%;
    padding-left: 40px;
    outline: none;
    border: none;
    padding-bottom: 10px !important;
}


/* Home Css */

.site-logo {
    max-width: 126px;
}
a.yarmouth{
    color: black;
}
a.yarmouth:hover{
    color: black;
}


.site-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.followOnSection {
    margin: 100px 0;
}

.followOnHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.top-bar {
    background-color: #003D58;
}

.top-bar-txt {
    color: #FFF;
    font-family: "Arimo", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    padding: 8px 0px;
}

.top-bar-txt a {
    color: #FFF;
    text-decoration: underline;
}

.desktopNavContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 60px;
    border-top: 2px solid #003D58;
    background: #FFF;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.desktopHeader {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.menu-links {
    display: flex;
    gap: 57px;
    align-items: center;
}

.menu-links .menu-links-inner {
    display: flex;
    align-items: center;
    gap: 30px;
}

.menu-links .menu-links-inner li {
    list-style: none;
}

.descktop-menu-items {
    color: #000;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: #000;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    list-style: none;
}

.header-btn-number {
    display: flex;
    gap: 30px;
    align-items: center;
}

.header-logos {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-logo {
    max-width: 80px;
}

.header-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.site-number a {
    color: #003D58;
    text-align: right;
    -webkit-text-stroke-width: 0.8px;
    -webkit-text-stroke-color: #003D58;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
}

.theme-btn {
    display: inline-block;
    background-color: #003D58;
    color: #FFF;
    text-align: center;
    font-family: "Gerogia Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 20px;
    border: 0px;
}

.theme-btn:hover {
    color: #FFF;
}

.theme-btn-yellow {
    display: inline-block;
    background-color: #E7CF90;
    color: #000;
    text-align: center;
    font-family: "Gerogia Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 20px;
    border: 0px;
}

.theme-btn-yellow:hover {
    color: #000;
}

.header-sec {
    position: relative;
}

.header-sec-vid {
    position: relative;
    padding-top: 37%;
    min-height: 500px;
}

.header-sec-vid .home-header-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.theme-lg-heading {
    color: #FFF;
    font-family: "Gerogia Bold";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.theme-thin-head {
    color: #FFF;
    font-family: Arimo;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.4px;
    text-transform: uppercase;
}

.header-btn {
    margin-top: 40px;
}

.header-mono-line {
    margin-top: 30px;
}

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

.sm-bold-header {
    color: #231F20;
    font-family: "Gerogia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.service-img-header {
    margin-top: 20px;
}

.services-cards {
    padding: 100px 0px;
}

.search-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #003D58;
    gap: 113px;
    padding: 20px 0px;
}

.search-bar input {
    background: none;
    border: 0px;
    outline: none;
}

.search-bar {
    position: relative;
    background-color: #fff;
    max-width: 403px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.inv-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.inv-img-wrapper {
    position: relative;
}

.inv-img-wrapper::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #7777774D;
}

.inv-header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.theme-md-header {
    color: #FFF;
    text-align: center;
    font-family: "Gerogia Bold";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.inv-sec {
    margin-top: 10px;
}

.featured-inv-img {
    position: relative;
    padding-top: 62%;
}

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

.featured-inv-content-wrapper {
    max-width: 250px;
    margin: 29px auto 0px auto;
}

.boats-titles {
    color: #231F20;
    font-family: "Gerogia Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.pricing-titles {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.lg-header-black {
    color: #231F20;
    font-family: "Gerogia Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.featured-inv-btn {
    margin-top: 30px;
}

.slider-sec {
    padding-top: 100px;
}

/* .feature-inv-carousel {
    padding: 100px 0px;
} */

.offerings-img {
    height: 100%;
}

.offerings-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.theme-para {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.theme-para:hover {
    color: #231F20;
}

.offerings-sec {
    display: flex;
    gap: 31px;
    height: 100%;
}

.offerings-content {
    max-width: 400px;
}

.offerings-para {
    margin-top: 20px;
    margin-bottom: 30px;
}

.offerings-section {
    margin-top: 100px;
    margin-bottom: 120px;
}

.rentals-content {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.rentals-content-wrapper {
    height: 100%;
    background: #003D58;
    padding: 50px;
}

.rentals-para {
    padding-top: 30px;
    padding-bottom: 40px;
}

.rentals-img {
    height: 100%;
}

.rentals-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.welcome-sec {
    max-width: 1200px;
    margin: 100px auto;
    text-align: center;
}

.welcome-para {
    margin: 30px 0px;
}

.social-content {
    display: flex;
    justify-content: space-between;
}

.social-txt {
    color: #003D58;
    text-align: right;
    font-family: Georgia;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: lowercase;
}

.social-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.social-slider {
    margin-top: 60px;
    padding-left: 180px;
}

.social-sec {
    margin-top: 80px;
    margin-bottom: 121px;
}

.brands-slider-card-img {
    position: relative;
    padding-top: 58%;
}

.brands-slider-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.brand-logo-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brandd-logo {
    margin-top: 30px;
    max-width: 200px;
}

.brandd-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.brands-home-slider {
    margin-top: 100px;
}
.brands-slider-sec{
    position: relative;
}

.brands-home-slider .item {
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.brands-home-slider .owl-item.active.center .item {
    opacity: 1;
}

.brands-home-slider .brand-logo-btn {
    display: none;
}

.brands-home-slider .owl-item.active.center .brand-logo-btn {
    display: flex;
}

.brands-home-slider .owl-prev {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}

.brands-home-slider .owl-next {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

.brands-home-slider .owl-prev span,
.brands-home-slider .owl-next span {
    font-size: 80px;
    font-weight: 100;
}

.brands-home-slider .owl-dots {
    position: absolute;
    bottom: 20%;
    left: 18%;
}

.brands-home-slider .owl-dot span {
    border: 1px solid #fff !important;
    background: none !important;
}

.brands-home-slider .owl-dot.active span {
    background: #fff !important;
}

.owl-carousel.brands-home-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}



/* footer css starts here */
.joinNewsLetterSection {
    background-color: #003D58;
    padding: 60px 15px;
    border-top: 1px solid #EEEEEE;
}

.joinNewsHeadingWrap {
    margin-bottom: 30px;
}

.joinInputField {
    outline: none;
    color: rgba(35, 31, 32, 0.60);
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 11px 19px 8px 25px;
    width: 100%;
    background: none;
    border: 0px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.join-btn {
    width: 100%;
    max-width: 276px;
}

.email-field-wrap {
    display: flex;
    width: 100%;
    background-color: #fff;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.joinNewFieldWrapper {
    flex: 0 1 400px;
    border: 1px solid #eee;
}


.join-form-wrap {
    max-width: 750px;
    margin: 0 auto;
}

.socailMediaSection {
    background: #FAFAFA;
    padding: 53px 15px 58px 15px;
}

.followUsHeading {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-top: 30px;
}

.siteTag {
    margin-top: 27px;
    color: #003D58;
    text-align: center;
    font-family: Georgia;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
}

.socialMediaIconsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}

.socialMediaIcon {
    flex-basis: 40px;
    height: 40px;
    background-color: #003D58;
    display: flex;
    justify-content: center;
    align-items: center;
}

.socialMediaIcon i {
    color: #fff;
    font-size: 18px;
}

.mainFooter {
    background-color: #fff;
    padding: 100px 15px 121px 0;
}

.siteMapHeading {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.siteMapList {
    margin-top: 29px;
    list-style: none;
}

.siteMapList li {
    margin-bottom: 15px;
}

.footerLink {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.footerLink:hover {
    color: #231F20;
}


.mainFooterInnerWrap {
    max-width: 1500px;
    margin: 0 auto;
}

.footerContainer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

.siteMapSectionContainer {
    width: 72.67%;
}

.footerContactSectionContainer {
    width: calc(100 - 72.67%);
    max-width: 300px;
}

.footerLogoWrapper {
    max-width: 300px;
}

.footerLogoWrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footerContactBlock {
    margin-top: 20px;
}

.footerContactHeading {
    color: #CCC;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.footerPhoneNumber {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.footerContactMargin {
    margin-top: 20px;
}

.footerBottomOuterWrap {
    background: #FFF;
    padding: 20px 15px 22px 15px;
    border-top: 1px solid #231F20;
}

.footerBottomInnerWrap {
    max-width: 1500px;
    margin: 0 auto;
}

.footerBottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.footeBottomLink {
    color: #231F20;
    font-family: Arimo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.footeBottomLink:hover {
    color: #231F20;
}

.footerBottomOtherLinks {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 40px;
}

.footerAfterLine {
    position: relative;
}

.footerAfterLine::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #231F20;
}

.footerphone {
    color: #003D58;
    text-align: center;
    font-family: Arimo;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.footerphone:hover {
    color: #003D58;
}

/* footer css ends here */




/* Contact Page Css */

.theme-header-img {
    position: relative;
    padding-top: 26%;
    min-height: 400px;
}

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

.formField {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #231F20;
    padding-bottom: 13px;
}

.call-txt {
    color: #003D58;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

.address-details {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

.phone-details {
    margin-top: 30px;
}

.address-icon {
    margin-top: 30px;
    margin-bottom: 20px;
}

.address-sec {
    margin-top: 80px;
    margin-bottom: 60px;
}

.formSectionWrap {
    max-width: 400px;
    margin: 0 auto;
}

.formSelectField {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/contact/dropdown.png);
    background-repeat: no-repeat;
    background-position: right;
}

.formFieldWrapper {
    margin-bottom: 25px;
}

.contact-form-header {
    margin-bottom: 40px;
}

.sales-header h4 {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.sales-para p {
    text-align: center;
}

.services-timings {
    margin-top: 45px;
    display: flex;
    gap: 100px;
    justify-content: center;
}

.hours-timings {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 55px;
}

.hours-timings-wrapper {
    border: 1px solid #000;
    height: 100%;
}

.sm-box {
    padding-left: 12px;
    padding-right: 12px;
}

.map-box iframe {
    width: 100%;
}

.map-box {
    margin-top: 20px;
    margin-bottom: 100px
}


/* Parts Page Css */

.parts-details {
    margin: 80px 0px;
}

.parts-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.parts-img {
    margin-top: 50px;
}

.parts-content {
    max-width: 1000px;
    margin: 0 auto;
}

.parts-details-inner p {
    padding-bottom: 15px;
}

.mainFormWrapper {
    max-width: 820px;
    margin: 0 auto;
}

.formBtnWrapper {
    margin-top: 25px;
}

#serviceFormLink {
    scroll-margin-top: 100px;
}

.fomrHeadingWrapper {
    margin-bottom: 60px;
}

.parts-form {
    margin-top: 100px;
    margin-bottom: 120px;
}

/* Service Page Css */
.industry-logo{
    max-width: 100px;
    width: 100%;
    margin-bottom: 20px;
}
.industry-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.logo-container {
    max-width: 120px;
}

.logo-container img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.service-logo-wrapper {
    margin-top: 49px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.tabs-header {
    padding-bottom: 30px;
}

.tabs-wrapper {
    margin: 40px 0px;
}

.info-tab {
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    margin-bottom: 20px;
    background: #FFF;
    cursor: pointer;
}

.info-tab-name h4 {
    color: #000;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.tabs-content {
    background: #FAFAFA;
    padding: 40px 40px 79px 40px;
}

.tabs-details-header {
    margin-bottom: 30px;
    margin-top: 40px;
}

.tabs-details {
    max-width: 900px;
    margin: 0 auto;
}

.tabs-details-img {
    margin-top: 40px;
}

.tabs-content-img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tabs-content-logo-container {
    max-width: 200px;
}

.tabs-content-logo-container img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.tabs-details {
    display: none;
}

.tabs-details-content p {
    padding-bottom: 15px;
}

.tabs-details-content ul {
    padding-left: 30px;
}

.tabs-note {
    margin-top: 40px;
}

.tabs-note p {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 25px;
}

.tabs-sec {
    margin: 60px 0px;
}


/* Careers Page Css */
.career-content {
    margin-top: 30px;
    margin-bottom: 40px;
}

.career-details {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
}

.career-img {
    height: 100%;
}

.career-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.career-sec {
    margin-top: 59px;
    margin-bottom: 80px;
}

.careers-logo {
    max-width: 300px;
    margin: 0 auto;
}

.careers-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.careers-list {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0px 30px;
}

.careers-benefits {
    margin-bottom: 120px;
}

.careers-det {
    max-width: 1000px;
}

#uploadButton {
    width: 50%;
}

.upload-container {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

.resumeFileWrapper {
    width: 50%;
    padding-bottom: 11px;
    border-bottom: 1px solid #DDDDDD;
}

#applyModal .modal-body {
    padding: 40px 80px 40px 80px;
}

.applyModalWrapper {
    max-width: 560px;
}

.resumeBtn {
    color: #231F20;
    text-align: center;
    font-family: "Georgia Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding: 10px 9px;
    border: 1px solid #231F20;
    background-color: #fff;
    border-radius: 30px;
}

.inputWrapper {
    margin-bottom: 30px;
}

.applyformInnerWrap {
    margin-top: 60px;
}

.mdl-btn {
    padding-bottom: 60px;
}

.about-header {
    text-align: center;
    margin: 60px auto;
    max-width: 1000px;
    padding: 0px 10px;
}

.awrd-logo {
    max-width: 260px;
}

.awrd-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.awrd-details-sec {
    margin-top: 40px;
}

.awrd-details-sec p,
.awrd-details p {
    padding-bottom: 15px;
}

.awrd-cntnt {
    margin-top: 20px;
}

.note-para {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.note-line {
    max-width: 1200px;
    margin: 0 auto 137px auto;
}

.bt-rentals-btn {
    margin-top: 40px;
}

.bt-rentals-list {
    padding: 0px 30px;
}

.tabs-details-vide {
    margin-top: 40px;
}

.outboards-content {
    margin-top: 30px;
    margin-bottom: 40px;
}

.outboards-details {
    max-width: 1000px;
    margin: 60px auto 80px auto;
    text-align: center;
}

.theme-para-lg {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.outboard-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.outboard-features-box {
    display: flex;
    gap: 35px;
    align-items: center;
    justify-content: center;
}

.ob-feature-sec {
    margin-bottom: 90px;
}

.ob-motors-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ob-motors-logo {
    max-width: 230px;
    margin: 40px auto 40px auto;
}

.ob-motors-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    min-width: 600px;
}

.price-table th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 12px 0px !important;
}

.price-table td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    padding: 12px 0px;
    text-align: left;
}

.price-table td {
    color: #000;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.price-table th {
    color: #000;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
}

.price-table td:last-child {
    font-weight: 700;
    color: black;
    padding-left: 20px;
}

.price-table tr:last-child td {
    border-bottom: none;
}

.ob-motors-table-sec {
    border: 1px solid #000;
    padding: 40px 52px 50px 50px;
}

.tbl-sec {
    margin-bottom: 90px;
}

.trade-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.trade-form-wrap {
    max-width: 335px;
    margin: 0 auto;
    padding: 0px 15px;
}

.trade-btnn {
    padding-top: 40px;
    padding-bottom: 161px;
}

.trade-broker-header {
    margin: 80px 0px;
    text-align: center;
}

.trade-img-part {
    height: 100%;
}

.trade-img-part img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.trade-content-wrapper {
    max-width: 500px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    /* padding: 0px 15px; */
}

.p-top {
    padding-top: 80px;
}

.trp-logo {
    max-width: 175px;
}

.trp-logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.trp-val {
    display: flex;
    gap: 152px;
    justify-content: center;
    background-color: #FAFAFA;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 100px;
    padding: 20px;
}

.trade-val-content {
    border-right: 1px solid #EEEEEE;
}

.trade-val-form {
    background-color: #FAFAFA;
    padding-top: 80px;
}

.xl-header-black {
    color: #231F20;
    text-align: center;
    font-family: "Georgia Bold";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.inv-trade-header {
    margin-top: 80px;
    margin-bottom: 60px;
    text-align: center;
}

.consigmentCardContainer {
    margin-bottom: 30px;
}

.consigmentImageWrap {
    position: relative;
    padding-top: 60%;
}

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

.consigmentContentWrap {
    text-align: center;
    margin-top: 10px;
}

.consigmentCardTitle {
    color: #231F20;
    text-align: center;
    font-family: Georgia;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-transform: capitalize;
}

.consginmentCardPrice {
    color: #003D58;
    font-family: Arimo;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 13px;
}

.consginmentCardPrice:hover {
    color: #003D58;
}

.consigmentCardInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    color: rgba(35, 31, 32, 0.60);
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.est-am {
    color: #003D58;
    font-family: Arimo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.cardInfoAfterLine {
    position: relative;
}

.cardInfoAfterLine::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    width: 1px;
    height: 12px;
    background-color: rgba(35, 31, 32, 0.60);
    transform: translateY(-50%);
}

.mar-b {
    padding-bottom: 120px;
}



/* blog page css starts here */
.blogPageWrap {
    margin-top: 60px;
    margin-bottom: 60px;
}

.blogHeadingWrapper {
    margin-bottom: 40px;
}

.blogTabContainer {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogTabsList {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    list-style: none;
}

.blogTab {
    border: none;
    outline: none;
    background-color: #fff;
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
}

.blogTab:hover {
    color: #151515;
}

.blogTitle {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.activeBlogTab {
    padding-bottom: 10px;
    border-bottom: 1px solid #003D58;
    color: #003D58;
}

.blogCardWrapper {
    margin-bottom: 40px;
    padding: 0 15px;
}

.blogImageContainer {
    position: relative;
    padding-top: 61%;
}

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

.blogTextWrapper {
    margin-top: 10px;
}

.blogDate {
    color: #003D58;
    font-family: Arimo;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

/* blogs page css ends here */




/* blog detail page css starts here */
.blogDetailPageWrapper {
    margin: 60px 0 120px 0;
}

.blogDetailImageContainer {
    position: relative;
    padding-top: 56%;
}

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

.blogDetailTextContainer {
    margin-top: 30px;
}

.blogHeading {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.blogPara {
    color: #1B1D36;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.similarHeading {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.similarPostsContainer {
    padding-left: 50px;
    margin-top: 30px;
}

.similarPostHeaderWrapper {
    margin-bottom: 30px;
}

.similarPostTitleWrapper {
    margin-top: 10px;
}

.similarPostCard {
    margin-bottom: 40px;
}

.similarPostImagContainer {
    position: relative;
    padding-top: 56%;
}

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

.similarPostTitle {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tagLineText {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.eventsCardContainer {
    margin-bottom: 90px;
}

/* blog detail page css ends here */


/* event detail page css starts here */
.eventDetailHeroSection {
    margin: 110px 0;
}

.eventHeroParaWrap {
    margin: 30px 0 60px 0;
}

.eventHeroTextContainer {
    max-width: 800px;
}

.evnetHeroCardWrap {
    padding: 30px 15px 60px 30px;
    border: 1px solid #231F20;
    background-color: #fff;
    min-height: 300px;
    height: 100%;
}

.eventHeroMiniHeading {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

.eventHeroCardMainHeading {
    color: #003D58;
    font-family: Georgia;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.eventHeroCardMainHeadingWrap {
    margin: 23px 0 30px 0;
}

.eventHeroDetailPara {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.eventGalleryImageWrap {
    position: relative;
    padding-top: 60%;
}

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

.eventGallerySection {
    margin-bottom: 100px;
}

.eventFormSection {
    padding: 60px 0 120px 0;
}

.eventFormHeadingWrap {
    margin-bottom: 60px;
}

.eventFormContainer {
    max-width: 350px;
    margin: 0 auto;
}

.eventInputContainer {
    margin-bottom: 25px;
}

.inputField {
    color: rgba(21, 21, 21, 0.60);
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
}

.formBtnContainer {
    margin-top: 5px;
}

.formBtnContainer button {
    min-width: 144px;
}

.eventHeroBtnWrap {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}

.yearHeaderToggler{
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    padding: 5px 15px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.yearHeaderBody{
    display: none;
    padding: 0 15px;
    margin-top: 15px;
}


/* event detail page css ends here */


/* brands pages css starts here */
.brandIntroSection {
    max-width: 1500px;
    margin: 85px auto;
    padding: 0 15px;
}

.brandIntroContainer {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 99px;
}

.brandPageLogoContainer {
    max-width: 400px;
}

.brandPageLogoContainer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brandParawrapper {
    max-width: 1000px;
}

.brandPara {
    color: #232323;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.promotionTextWrapper {
    margin-bottom: 85px;
}

.promotionTextBar {
    border: 1px solid #1F2154;
    background-color: #1F2154;
    padding: 31px 15px 29px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.promotionText {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.modelImageContainer {
    position: relative;
    padding-top: 64%;
}

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

.modelContentWrap {
    margin-top: 20px;
}

.modelTitle {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}

.modelLinkWrap {
    margin-top: 20px;
    text-align: center;
}

.modelsCard {
    margin-bottom: 40px;
}

.modelTypeHeadingSeparatorWrap {
    background: rgba(31, 33, 84, 0.05);
    padding: 7px 15px 8px 15px;
    margin-bottom: 30px
}

.modelTypeHeading {
    color: #231F20;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.brand-content-wrapper {
    max-width: 600px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
}

.brand-details {
    margin-bottom: 50px;
}

/* brands pages css ends here */

/* brand hub page css starts here */
.brandHubCardsContainer {
    margin-bottom: 90px;
}

.brandHubHeaderSection {
    margin: 60px 0;
}

.brandHubCard {
    margin-bottom: 30px;
    padding: 0 30px;
}

.brandHubCardImageWrap {
    position: relative;
    padding-top: 57%;
}

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

.brandHubLogoWrap {
    max-width: 180px;
    margin-top: 10px;
}

.brandHubLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* brand hub page css ends here */

/* thank you page css starts here */
.pageHeroSection {
    margin: 100px 0 150px 0;
}

.pageHeroParaWrap {
    margin: 30px 0;
}

.pageHeroBtnWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* thank you page css ends here */


/* not found page css starts here */
.notFoundSection {
    margin-top: 60px;
    margin-bottom: 150px;
}

.notFoundTextContainer {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notFoundTextInnerWrap {
    max-width: 600px;
}

.notFoundParaWrap {
    margin: 30px 0 60px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.notFoundImageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* not found page css ends here */

/* financing page css starts here */
.financingHeroSection {
    max-width: 1500px;
    margin: 80px auto 80px auto;
}

.financingSectionContainer {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.financingHeadingWrap {
    max-width: 400px;
}


.financingTextContainer {
    max-width: 1000px;
}

.financingHeaderBtnWrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 40px;
}

.btnWidthControl {
    max-width: 300px;
}

.finacingHeaderCard {
    margin: 60px 0;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    gap: 20px;
}

.financingHeaderImageWrap {
    max-width: 360px;
}

.financingHeaderImageWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.financingHeaderTextWrap {
    max-width: 600px;
}

.financingHeaderParaWrap {
    margin-top: 30px;
}

.financingCardHeading {
    font-family: "Gerogia Bold";
    color: #231F20;
    font-family: Georgia;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.boldText {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    word-break: break-all;
}

.customerFromsParaWrap {
    margin-top: 30px;
}

.customerFormsPara {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.customerFormLinkCard {
    min-height: 100px;
    background-color: #003D58;
    padding: 5px 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
    margin-bottom: 40px;
}

.customerLinkText {
    color: #FFF;
    text-align: center;
    font-family: "Gerogia Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: capitalize;
}

.customerFormSection {
    margin-bottom: 80px;
}

/* financing page css ends here */

/* staff page css starts here */
.staffMemberCard {
    margin-bottom: 30px;
    background: #FFF;
}

.staffMemberImageContainer {
    /* max-width: 250px; */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border: 2px solid #003D58;
    border-radius: 8px;
    overflow: hidden;
}

.staffMemberImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.staffMemberContentWrap {
    margin-top: 20px;
    text-align: center;
}

.staffName {
    color: #003D58;
    text-align: center;
    font-family: "Gerogia Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.staffPosition {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}


.pageHeroSection {
    margin: 80px 0;
    padding: 0 15px;
}

.pageHeroParaWrap {
    margin: 30px 0 40px 0;
}

.pageHeroSectionInnerWrap {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.staffMembersCardSection {
    margin-bottom: 100px;
}



/* staff page css ends here */

/* links and resources page css starts here */
.partnersSection {
    margin-top: 60px;
}

.partnersHeadingWrap {
    margin-bottom: 60px;
}

.partnersBrandsLogoContainer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 87px;
    row-gap: 60px;
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 65px;
    padding: 0px 20px;
}

.partnersBrandLogoWrap {
    max-width: 168px;
}

.partnersBrandLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.linkAndResourcesSeparator {
    margin: 0;
    background-color: #000;
}

.linkAndResourcesHeadingWrap {
    margin: 60px 0 40px 0;
}

.linkAndResourcesCard {
    border: 1px solid #000;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 50px 50px 50px;
}

.linkAndResourcesInnerWrap {
    max-width: 400px;
}

.linkAndResourceHeading {
    color: #231F20;
    text-align: center;
    font-family: "Gerogia Regular";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.linkAndResourcesImageWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.findAreaCard {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: baseline;
    background-color: #D9D9D9;
    padding: 20px;
}

.findAreaInnerWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.linkAndResourcesCardsSection {
    margin-bottom: 120px;
}

/* link and resources page css ends here */

/* slips page css starts here */
.acommodationSection {
    margin: 100px 0;
}

.accommodationSectionInnerWrap {
    max-width: 1550px;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    /* align-items: center; */
}

.accommodationImageContainer {
    max-width: 800px;
}

.accommodationImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accomodationTextContainer {
    max-width: 650px;
}

.accomodationHeadingWrap {
    margin-bottom: 30px;
}

.accomodationHeading {
    color: #231F20;
    font-family: "Gerogia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.accomodationHeadingList {
    padding-left: 30px;
}

.marinaGallerySection {
    margin-bottom: 120px;
}

.marinaGalleryContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.marinaGalleryHeadingContainer {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
}

.marinaGalleryHeading {
    color: #231F20;
    font-family: "Gerogia Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.marinaGalleryCasrouselContainer {
    width: 70%;
}

.marinaGalleryImageContainer {
    position: relative;
    padding-top: 57%;
}

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

/* slips page css ends here */

/* storage page css starts here */
.storagePageHeader {
    position: relative;
    padding-top: 26%;
    max-width: 1500px;
    margin: 0 auto;
}

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

.storageBoldText {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.paraSeparator {
    margin: 0 30px;
}

.storagePageImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* storage page css ends here */



/* boats page css start hree */

/* .boats-container {
  padding-top: 100px;
} */

.inventory-heading {
    color: #777;
    font-family: "AnekOdia-Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 3px;

}

.boat-card-image {
    position: relative;
    padding-top: 66.3%;
}

.vacation-rentals-image {
    position: relative;
    padding-top: 57%;
}

.vacation-rentals-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vacation-card-title {
    color: #000;
    text-align: center;
    font-family: "DMSans-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 35px;
    letter-spacing: 1px;
}

.boat-card-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boat-title h5 a {
    color: #000;
    font-family: "DMSans-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    letter-spacing: 1px;
}

.boat-title h5 a {
    text-decoration: none;
    color: #000;
}

.payment-sec p {
    color: #001067;
    font-family: "DMSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.9px;
    margin-bottom: 0;
}

.custom-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    border-bottom: 1px solid #EEEEEE;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
}

.custom-card-header i.fa {
    display: none;
}

.custom-card-header span.fa {
    display: block;
    color: #00202C;
    font-weight: bold;
    font-size: 20px;
}

.card-content {
    display: none;
    padding: 15px 0;
}

.custom-card-header h2 {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.8px;
    text-transform: uppercase;

}

.filter-search-box {
    border: none !important;
}

.filter-search-box:focus {
    box-shadow: none;
    outline: none;
}

.custom-search-view ul {
    padding-left: 0;
}

.custom-search-view ul li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    background-color: #FAFAFA;
    border-radius: 2px;
}

.custom-card-header .fa {
    color: #1C4D78;
    font-size: 20px;
}

.custom-search-view ul .closX {
    cursor: pointer;
}

.rotate180deg {
    transform: rotate(180deg);
}

.no-border {
    border: none;
}

.custom-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.content-show {
    display: block !important;
}

.boat-inventory-cond-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.boat-inventory-cond-list .cond-list-item {
    list-style: none;
    position: relative;
    padding-right: 30px;
    color: #696969;
    font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.8px;
    text-transform: capitalize;
}

.cond-list-item+.cond-list-item::after {
    position: absolute;
    content: "";
    background-color: #696969;
    top: 50%;
    left: -15px;
    transform: translateY(-47%);
    width: 2px;
    height: 14px;
}


.boat-seprator {
    padding-top: 60px;
}

/* filter  */
.youSearchList li span strong {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;

}

.youSearchList li span {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;

}

.youSearchList {
    margin-top: 40px;
}

.left_tabs {
    padding-top: 60px;
    padding-left: 70px;
    padding-right: 70px;
}

.inner_wrap_filter {
    display: flex;
    align-items: center;
}

.inner_wrap_filter a {
    text-transform: uppercase;
    color: #fff;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.9px;
    display: flex;
}

.filter_btn .fa {
    color: #fff;
}


.inner_wrap_filter a:focus {
    outline: none;
    box-shadow: none;
}

.inner_wrap_filter a span {
    padding-left: 10px;
}

.inner_wrap_filter .left_btn {
    border-right: 1px solid #D3D3D3;
    padding: 11px 8px;
    background-color: #003D58;
    color: #fff;
}

.top_new_filter {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    display: none;
}

.inner_wrap_filter .right_bt {
    padding: 8px 3px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    overflow-x: auto;
}

.top_new_filter .inner_wrap_bt {
    border: 1px solid #003D58;
    border-radius: 30px;
}

.top_new_filter .inner_wrap_bt a {
    padding: 7px 10px;
    display: inline-block;
    min-width: 150px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.9px;
    border: 1px solid #003D58;
    border-radius: 30px;
}

.top_des_fil .close_btn {
    display: none;

}

.new_768 .close_btn {
    display: block;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #dfdfdf;
    padding-right: 20px;
    padding-bottom: 10px;
}

.sqr-checkBox label input {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.sqr-checkBox label span {
    font-family: "Source Sans 3";
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
}

.new_768 .close_btn a {
    color: #003560;
    font-size: 20px;
}

.new_768 {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    background-color: #fff;
    max-width: 550px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    display: none !important;
}


.card-header span {
    display: none !important;
}

.card-header .fa-angle-down {
    display: none !important;
}

.card-header .fa-angle-up {
    display: none !important;
}

.new_one {
    display: block !important;
}

.filterHeading {
    color: #171717;
    font-family: "DMSans-Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.boatOption {
    color: #171717;
    font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    width: 100%;
    padding: 5px 10px;
    outline: none;
}

.brandInventoryImageContainer {
    position: relative;
    padding-top: 65%;
}

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

.brandInventoryCard {
    margin-bottom: 40px;
}

.brandCardContent {
    margin-top: 12px;
}

.branContactLine {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.colorText {
    color: #003D58;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.brandContactLineWrapper {
    margin: 50px 0 100px 0;
}

.blueMainHeading {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.filters-header h2 {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.featuredCardHeading {
    color: #231F20;
    text-align: center;
    font-family: Georgia;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.featuredCardPrice {
    color: #231F20;
    font-family: Arimo;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.boatDetailsss span {
    color: rgba(35, 31, 32, 0.60);
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.promotionText {
    color: #FFF;
    text-align: center;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
    background-color: #003D58;
    padding: 5px 81px;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}

.call-now-btn {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: block;
    padding: 15px;
    background: #E7CF90;
}

.similar-seccc {
    margin-top: 70px;
}

/* boat listing page css end here */

/* boat detail page css starts here */
.boat-inventory-cond-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.boatDetailCarouselImageContainer {
    position: relative;
    padding-top: 65%;
}

.boatDetailCarouselImageContainer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.boat-inventory-cond-list .cond-list-item {
    list-style: none;
    position: relative;
    padding-right: 30px;
    color: rgba(0, 0, 0, 0.60);
    font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cond-list-item+.cond-list-item::after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.60);
    top: 50%;
    left: -15px;
    transform: translateY(-47%);
    width: 1px;
    height: 14px;
}

.details-main-row {
    margin-top: 40px;
    display: flex;
}

.details-left-container {
    margin-top: 20px;
    width: 65%;
    padding-left: 150px;
}

.mobileBoatInfo {
    max-width: 500px;
    margin: 0 auto;
}

.details-right-container {
    position: sticky;
    top: 0;
    left: 0;
    width: 35%;
    padding: 0 150px;
}

.gallery-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.gallery-cols {
    flex-basis: calc(33.33% - 10px);
    flex-grow: 0;
}

.gallery-box-img {
    position: relative;
    padding-top: 67%;
}

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

.gallery-box-img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.more-img-btn {
    margin: 15px 0 40px 0;
}

.more-img-btn button {
    color: #231F20;
    text-align: center;
    font-family: Georgia;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    width: 100%;
    height: 45px;
    border: none;
    background: #FAFAFA;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    cursor: pointer;
    margin-top: 15px;
}

.accordion-header h3 {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.accordion-header span.fa {
    font-size: 20px;
    color: #1C4D78;
}

.accordion-content {
    padding-bottom: 45px;
}

.list-cntnt {
    position: relative;
    margin-bottom: 60px;
}

.list-cntnt p {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.list-cntnt span {
    color: #231F20 !important;
    font-family: Arimo !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.list-cntnt strong {
    color: #231F20 !important;
    font-family: Arimo !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.list-cntnt b {
    color: #231F20 !important;
    font-family: Arimo !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.list-cntnt li em {
    color: #231F20 !important;
    font-family: Arimo !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.specsListContainer {
    max-width: 445px;
    margin-bottom: 50px;
}

.specsList {
    margin-top: 20px;
    list-style: none;
    padding: 0 15px;
    text-transform: capitalize;
}

.specsList hr {
    margin: 8px 0;
}

.specsList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.specsList li p {
    width: 50%;
}

.specsName {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.specsDetail {
    color: #231F20;
    text-align: right;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.boatDetailSpecsHeading {
    color: #1C4D78;
    font-family: "DMSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}


.contact-details {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-location {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-contact a:hover {
    text-decoration: none;
}

.boat-details-location a:hover {
    text-decoration: none;
}

.boat-details-location h1,
.boat-details-contact h1 {
    font-size: 20px;
}

.boat-details-location p {
    margin-bottom: 15px;
}

.boat-details-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-contact h1 {
    margin-bottom: 15px;
}

.boat-details-contact p {
    margin-bottom: 15px;
}


.right-sidebar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 20px;
}


.right-sidebar-top-btn {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.sidebar-bottom-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.item-price {
    color: #004A87;
    font-weight: 600;
}

.right-sidebar-red-btn {
    background: #D8231C;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0;
}

.right-sidebar-sec-btn {
    color: #231F20;
    text-align: center;
    font-family: Georgia;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    letter-spacing: 2px;
    text-transform: uppercase;
}

.inq-form-head {
    padding-top: 20px;
    padding-bottom: 20px;
}

.details-lg-btn-box {
    margin-top: 40px;
}
.bt-detail-bx-mn{
    margin-top: 40px;
}

.similar-box-row {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    padding: 0 70px;
}

.boatPricingList {
    list-style: none;
}

.boatPricingList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5px;
}

.boatPricingList li .pricingTitle {
    width: 30%;
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.boatPricingList li .pricingDetail {
    width: 70%;
    text-align: right;
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.pricingTitleSharp {
    color: rgba(35, 31, 32, 0.60);
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.pricingDetailSharp {
    color: rgba(35, 31, 32, 0.60);
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.pricingTitleRed {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.border_bottom {
    border-bottom: 2px solid lightgray !important;
    border-radius: 0px !important;
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 25px;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pricingTitlePayment {
    color: #003D58;
    font-family: Arimo;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.pricingDetailPayment {
    color: #003D58;
    font-family: Arimo;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.downPayment {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: right;
}

.viewDisclaimerBtn {
    color: rgba(35, 31, 32, 0.60);
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.viewDisclaimerBtn:hover {
    color: #1C4D78;
}

.boatDetailBtn {
    color: #FFF;
    text-align: center;
    font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    background: #1B1D36;
    padding: 10px 0 11px 0;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1B1D36;
    transition: all 0.4s;
}

.boatDetailBtn:hover {
    color: #FFD203;
    padding: 10px 55px 11px 60px;
}

.preOwnedDealerContactWrapper {
    border: 1px solid #1F2154;
    background: #FFF;
    padding: 20px 57px 25px 59px;
}

.preOwnedDealerContactHeading {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dealerMainContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 15px;
}

.dealerImageContainer {
    width: 60px;
    height: 60px;
}

.dealerImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dealerContactHeading {
    color: #231F20;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.dealerPhoneNumber {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}

.dealerPhoneNumber:hover {
    color: #D3665B;
}

.custom-textareat {
    border-bottom: 2px solid lightgray !important;
    border-radius: 0px !important;
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 25px;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.end-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.boatDetailPageSeparator {
    margin-top: 99px;
}

.end-content a {
    padding: 0px 25px;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
}

.end-content a:hover {
    color: black;
    text-decoration: none;
}

.right-border {
    border-right: 1px solid black;
}

.boat-details-call-sec {
    background-color: var(--red-color);
    padding: 5px 0px;
    font-family: "DMSans-Regular";
}

.boat-details-call-sec p {
    text-align: center;
    color: white;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: "Source Sans 3";
    line-height: 30px;
}

.boat-details-call-sec p a {
    color: white;
    text-decoration: none;
}

.boat-details-form {
    width: 100%;
    height: 50px;
    border: none !important;
    border-bottom: 1px solid #D9D9D9 !important;
    color: #000;
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.boat-details-form::placeholder {
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.boat-details-form:focus {
    outline: none;
    box-shadow: none;
}

.form-lable {
    color: #112342;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
}

.boat-details-sm-btn:hover {
    color: #FFF;
}

.call-now-btn:hover {
    color: #231F20;
}

/* boat detail carousel */

.boat-detail-carosuel .item {
    width: 100%;
    height: auto;
}

.boat-detail-carosuel .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-accordion-item {
    border-top: 1px solid #231F20;
}

/* boat gallery pop up */

.owl-carousel-parent {
    position: relative;
}

.boat-details-title {
    color: #231F20;
    text-align: center;
    font-family: Georgia;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
}

.dealerContactTextWrapper {
    text-align: center;
}

.similar-bts {
    padding-top: 60px;
    padding-bottom: 120px;

}

.hr-bt-line {
    background-color: #231F20;
    margin-top: 35px;
    margin-bottom: 10px;
}

.similar-heading {
    color: #171717;
    text-align: center;
    font-family: "DMSans-Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.boat-card {
    background-color: transparent;
    width: 100%;
}

.similar-boat-img {
    position: relative;
    padding-top: 65.5%;
}

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

.spec-mn-head {
    color: rgba(23, 23, 23, 0.50);
    font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.spec-cntnt {
    color: #171717;
    font-family: "DMSans-Regular";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
}

.boat-title-mn {
    color: #000;
    font-family: "DMSans-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 2px;
}

.boatLocation {
    color: rgba(27, 29, 54, 0.60);
    font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.48px;
    text-align: center;
    margin: 10px 0 20px 0;
}

.mn-similar-sec {
    padding-top: 60px;
}

.hr-line {
    margin-top: 100px;
}

.formBtnWrapper {
    margin-top: 30px;
}


/* +++++++++++++++++++++++++++ */
.similarInventorySection {
    margin-top: 100px;
    margin-bottom: 180px;
}

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

.similarListingCarousel .owl-nav {
    position: absolute;
    bottom: -25%;
    right: 8%;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    display: flex !important;
}

.similarListingCarousel .owl-nav .owl-prev span {
    background-color: #1C4D78;
    color: #fff;
    font-size: 40px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px 25px 20px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 100% 100%, 0% 100%);
    transition: all 0.3s;
}

.similarListingCarousel .owl-nav .owl-prev span:hover {
    background-color: #C8192A;
    margin-bottom: 10px;
}

.similarListingCarousel .owl-nav .owl-next span {
    background-color: #1C4D78;
    color: #fff;
    font-size: 40px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px 25px 20px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 100% 100%, 0% 100%);
    transition: all 0.3s;
}

.similarListingCarousel .owl-nav .owl-next span:hover {
    background-color: #C8192A;
    margin-bottom: 10px;
}

.blueBtn {
    color: #231F20;
    text-align: center;
    font-family: Georgia;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    padding: 9px 34px;
    border-radius: 20px;
    border: 1px solid #231F20;
    background-color: transparent;
}

.blueBtn:hover {
    color: #231F20;
}

.content-wrapper-tp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.srt-bx {
    display: flex;
    gap: 20px;
    align-items: center;
}

.sort-dv {
    display: block !important;
}

.boatDetailsss span {
    color: rgba(35, 31, 32, 0.60);
    font-family: Arimo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 0px 5px;
}

#contactModal_email .modal-header{
    border-bottom: 0;
    padding-top: 30px;
}

#contactModal_email .modal-dialog{
    max-width: 450px;
}

.popup_input{
    width: calc(100% - 100px);
    height: 43px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 0;
    padding: 0 10px 0 10px
}

.shareModalHeading{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #1a1a1a;
    font-weight: 300;
}

.copyLinkWrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.shareIconsContainer{
    display: flex;
    align-items: center;
    gap: 30px;

}

.shareIconsWrapper{
    margin-top: 40px;
}

.shareIconsContainer .fa-brands{
    color: #0099D1;
}

.shareIcons{
    border: 1px solid #0099D1;
    border-radius: 50%;
    background-color: #fff;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desktopShareBtn{
    display: block;
}

.mobileShareBtn{
    display: none;
}

/* boat detail page css ends here */



/* Share feature css */

#contactModal_email .modal-header {
    border-bottom: 0;
    padding-top: 30px;
}

#contactModal_email .modal-dialog {
    max-width: 450px;
}

.popup_input {
    width: calc(100% - 100px);
    height: 43px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 0;
    padding: 0 10px 0 10px
}

.shareModalHeading {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #1a1a1a;
    font-weight: 300;
}

.copyShareLinkBtn {
    text-align: center;
    background: #0099D1;
    border: 1px solid transparent;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 200;
    transition: 0.4s ease all;
    border: none;
    outline: none;
}

.copyLinkWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shareIconsContainer {
    display: flex;
    align-items: center;
    gap: 30px;

}

.shareIconsWrapper {
    margin-top: 40px;
}

.shareIconsContainer .fa-brands {
    color: #0099D1;
}

.shareIcons {
    border: 1px solid #0099D1;
    border-radius: 50%;
    background-color: #fff;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desktopShareBtn {
    display: block;
}

.mobileShareBtn {
    display: none;
}

.staff-body {
    position: relative;
}


/* Mega Menu Css */
.inventoryMegaMenu {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    z-index: 15;
    /* overflow-y: auto; */
    padding-top: 40px;
    padding-bottom: 70px;
    display: none;
}

.crossIconWrapper{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    cursor: pointer;
    background-color: #003D58;
    border-radius: 50%;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crossIconMenu{
    color: #fff;
}

.mega-header {
    color: #231F20;
    font-family: "Georgia Bold";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.d-mega-card-img{
    position: relative;
    padding-top: 57%;
}

.d-mega-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.d-card-para {
    margin-top: 20px;
}

.d-mega-card {
    margin-bottom: 50px;
}

.toggleServiceMegaMenu {
    position: relative;
}

.serviceMegaMenu,
.companyMegaMenu,
.customerFormsMegaMenu {
    position: fixed;
    top: 83px;
    padding: 30px 0 41px 0;
    background-color: #fff;
    z-index: 15;
    display: none;
    min-width: 250px;
    padding: 30px 20px 30px 30px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.4);
}

.megaMenuLink {
    color: #231F20;
    font-family: Arimo;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 0px 4px;
}

.megaMenuLink:hover {
    color: #231F20;
}

.megaMenuLinkList li {
    padding: 5px 0px;
}


/* mobile nav css starts here */
.mobileHeader {
    display: none;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 15;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}

.mobileNavContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 20px;
}

.mobileNavLogoWrapper {
    max-width: 250px;
}

.mobileNavLogoWrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.burgerLine {
    background-color: #000;
    width: 40px;
    height: 2px;
    margin-bottom: 9px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* the cross effect  */
.cross .lineOne {
    transform: rotate(45deg) translateY(15px);
}

.cross .lineThree {
    transform: rotate(-45deg) translateY(-15px);
}

.cross .lineTwo {
    opacity: 0;
}

/* the cross effect  */

/* mobile nav css ends here */

/* mobile mega menu css starts here */
.mobileMegaMenuContainer {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 179px;
    z-index: 300;
    width: 100%;
    padding: 20px 0px;
    display: none;
}

.mobMegaMenu {
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.5px;
    text-align: left;
    text-decoration-skip-ink: none;

}

.mobMegaMenu:hover {
    color: #fff;
}

.mobMegaMenuLink {
    color: #231F20;
    font-family: Arimo;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 11px 12px;
    text-decoration-skip-ink: none;
}

.mobMegaMenuLink:hover {
    color: #231F20;
}


.mobileMegaMenuContainer ul {
    list-style: none;
}

.mobileMegaMenuContainer ul li {
    padding: 0 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobMenuBreakLine {
    background-color: #fff;
}

.innerDropDown {
    margin: 5px 0;
}

.innerMenuList {
    padding: 0 15px;
    margin: 10px 0;
    display: none;
}

.mob-number a {
    color: #231F20;
    text-align: center;
    font-family: Arimo;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.menu-btn-number {
    display: flex;
    gap: 30px;
    align-items: center;
}

.mob-header-logos {
    display: flex;
    gap: 11px;
    align-items: center;
}

.mob-logo-wrapper {
    display: flex;
    gap: 29px;
    align-items: center;
    padding: 10px;
    justify-content: center;
}

.social-content br {
    display: none;
}

.mobDropDownItem i {
    color: #000;
}

.bt-detail-bx-mn{
    max-width: 350px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    padding: 30px 25px;
}

/* mobile mega menu css ends here */

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.awards-icon i{
    color: #fff;
}

.about-awards-header h4{
    color: #000;
    font-family: Arimo;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}
.about-awards-card{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: #003D58; */
    padding: 0px 30px;
    cursor: pointer;
}
.about-awards-body{
    padding: 30px;
    display: none;
}
.about-awards-body ul li{
    list-style: none;
    padding: 5px 0px;
}
.about-awards-content{
    margin-top: 35px;
}
.blue-paraa{
    color: #003D58;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.grecaptcha-badge {
    display: none;
}

.recaptcha-disclaimer {
    font-size: 16px;
    color: #231F20;
    text-align: center;
    margin-top: 10px;
    padding: 5px 0;
}
.award-container .year-header h2{
    color: black;
    font-family: Arimo;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.award-container .year-section h2{
    color: black;
    font-family: Arimo;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.award-container .year-section{
    margin-bottom: 10px;
}
.award-body-list ul li {
    list-style: none;
    padding: 5px 0px;
}
.award-body-list{
    padding: 30px;
}
.year-section li strong{
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.year-section li{
    color: #231F20;
    font-family: Arimo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}
@media screen and (max-width: 1900px) {
    .desktopNavContainer {
        padding: 10px 12px;
    }

    .header-logos {
        gap: 10px;
    }
}

@media screen and (max-width: 1800px) {}

@media screen and (max-width: 1700px) {
    .menu-links {
        gap: 15px;
    }

    .descktop-menu-items {
        font-size: 14px;
    }

    .details-right-container {
        padding: 0px 80px;
    }

    .details-left-container {
        padding-left: 80px;
    }
}

@media screen and (max-width: 1600px) {

    .menu-links .menu-links-inner {
        gap: 20px;
    }
}

@media screen and (max-width: 1500px) {
    .header-logos {
        display: none;
    }

    .descktop-menu-items {
        font-size: 16px;
    }

    .evnetHeroCardWrap {
        padding: 30px 10px 60px 10px;
    }

    .eventHeroCardMainHeading {
        letter-spacing: 0px;
    }
}

@media screen and (max-width: 1300px) {
    .header-btn-number {
        display: none;
    }

    .brands-home-slider .owl-dots {
        bottom: 20%;
    }

    .details-right-container {
        padding: 0px 40px;
    }

    .details-left-container {
        padding-left: 40px;
    }

    .outboard-features-box {
        gap: 13px;
    }
}

@media screen and (max-width: 1200px) {
    .eventHeroTextContainer {
        margin: 0 auto;
    }

    .eventHeroParaWrap p {
        text-align: center;
    }

    .eventHeroBtnWrap {
        justify-content: center;
    }
}

@media screen and (max-width: 991px) {
    .desktopShareBtn {
        display: none;
    }

    .mobileShareBtn {
        display: block;
        width: 100%;
    }


    .mobileHeader {
        display: block;
    }

    .desktopHeader {
        display: none;
    }

    .header-content {
        top: unset;
        bottom: 10%;
    }

    .header-sec-vid {
        min-height: 700px;
    }

    .search-banner {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .service-card {
        padding: 40px 26px 0px 26px;
    }

    .featured-inv-content-wrapper {
        max-width: 250px;
        margin-top: 0px;
        margin-bottom: 60px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .slider-sec {
        padding: 80px 0px 0px 50px;
    }

    .inv-img-wrapper {
        margin-top: 10px;
    }

    .footerLogoWrapper {
        text-align: center;
        margin: 0 auto;
    }

    .siteMapItemContainer {
        padding: 0px 30px;
    }

    .co-time {
        max-width: 250px;
        margin: 0 auto 60px auto;
    }

    .mainFooter {
        padding: 60px 15px 65px 0;
    }

    .theme-lg-heading {
        font-size: 50px;
    }

    /* boats page css start here */
    .boats-container {
        padding-top: 0px;
    }


    .top_new_filter {
        border-top: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        display: block;
    }

    .left_sidebar {
        padding: 15px 25px;
    }

    .custom-card-header span.fa {
        display: none;
    }

    .custom-card-header i.fa {
        display: block;
    }

    .custom-card-header p.fa {
        display: none;
    }

    .right-sidebar {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .boat-seprator {
        padding-top: 20px;
    }

    .similar-box-col {
        flex-basis: calc(50% - 10px);
    }

    .details-main-row {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }

    .details-right-container {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 0;
    }

    .details-left-container {
        width: 100%;
        padding-left: 0px;
    }

    .boatDetailPageSeparator {
        margin-top: 50px;
    }

    .similarInventorySection {
        margin-top: 60px;
        margin-bottom: 120px;
    }

    .left_tabs {
        padding-top: 20px;
    }

    .eventGallerySection {
        margin-bottom: 40px;
    }

    .outboardListingSection {
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .outBoardEngineSectionHeadingWrap {
        margin-bottom: 40px;
    }

    .eventFormSection {
        padding: 40px 0 60px 0;
    }

    .eventFormHeadingWrap {
        margin-bottom: 30px;
    }


    .desktopShareBtn {
        display: none;
    }

    .mobileShareBtn {
        display: block;
        width: 100%;
    }

    .filters-header h2 {
        padding: 0px 10px;
    }

    .financingSectionContainer {
        flex-direction: column;
        gap: 20px;
        padding: 0px 10px;
        /* align-items: center; */
    }

    .financingHeaderBtnWrap {
        align-items: center;
    }

    .financingTextContainer {
        text-align: center
    }

    .finacingHeaderCard {
        align-items: unset;
        padding: 0px 10px;
    }

    .notFoundBtnWrap {
        text-align: center;
    }

    .notFoundTextInnerWrap {
        text-align: center;
    }

    .outboard-features-box {
        justify-content: flex-start;
        margin-top: 20px;
    }

    .similarPostsContainer {
        padding-left: 0px;
    }

    .gtm_form {
        margin-top: 25px;
    }

    .address-sec {
        margin: 40px 0px;
    }

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

    .brandIntroContainer {
        gap: 40px;
    }

    .financingHeadingWrap {
        max-width: unset;
    }

    .financingHeroSection {
        margin: 40px 0px;
    }

    .storagePageImageContainer {
        margin-top: 20px;
    }

    .accommodationSectionInnerWrap {
        flex-direction: column;
    }

    .parts-details {
        margin: 40px 0px;
        padding: 0px 10px;
    }

    .service-logo-wrapper {
        justify-content: center;
    }


    /* boats page css ends here */
}

@media screen and (max-width: 7px) {
    .offerings-sec {
        flex-direction: column;
        padding: 90px 26px 0px 26px;
    }
     .email-field-wrap{
        flex-wrap: wrap;
        gap: 10px;
    }


    .offerings-section {
        margin-top: 0px;
    }

    .offerings-content {
        max-width: unset;
    }

    .brands-home-slider .owl-item.active.center .brand-logo-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .brands-home-slider .owl-dots {
        bottom: 40%;
    }

    .theme-md-header {
        font-size: 30px;
    }

    .content-wrapper-tp {
        flex-direction: column;
        align-items: flex-start;
    }

    .srt-bx {
        gap: 7px;
    }

    .blueMainHeading {
        font-size: 25px;
    }

    .boat-details-title {
        font-size: 25px;
    }

    .finacingHeaderCard {
        flex-direction: column;
        /* align-items: center; */
    }

    .xl-header-black {
        font-size: 30px;
    }

    .brandHubLogoWrap {
        margin: 10px auto;
    }

    .trade-content-wrapper {
        max-width: unset;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .blogTabsList {
        flex-direction: column;
        gap: 30px;
    }

    .blogPageWrap {
        margin-top: 40px;
    }

    .eventDetailHeroSection {
        margin: 40px 0px;
    }

    .services-timings {
        gap: 50px;
    }

    .partnersBrandsLogoContainer {
        grid-template-columns: repeat(2, 1fr);
    }

    .brandIntroContainer {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .brandParawrapper p {
        text-align: center;
    }

    .pageHeroSection {
        margin: 20px 0px;
    }

    .career-details {
        text-align: center;
        max-width: unset;
        margin-bottom: 20px;
    }

    .careers-list {
        flex-direction: column;
        align-items: flex-start;
    }

    .careers-logo {
        margin-top: 15px;
    }

    .career-sec {
        margin: 40px 0px;
    }

    .marinaGalleryContainer {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 30px;
    }

    .marinaGalleryHeadingContainer {
        justify-content: unset;
    }

}

@media screen and (max-width: 576px) {
    .year-section li strong{
        font-size: 16px;
    }
    .year-section li{
        font-size: 16px;
    }
    .award-container .year-header h2{
        font-size: 25px;
    }
    .award-container .year-section h2{
        font-size: 25px;
    }
    .social-content {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

    .social-content br {
        display: block;
    }

    .social-slider {
        padding-left: 20px;
    }

    .welcome-para {
        padding: 0px 50px;
    }

    .brands-home-slider .owl-prev {
        left: 1px;
        top: 35%;
    }

    .brands-home-slider .owl-next {
        right: 1px;
        top: 35%;
    }

    .siteTag {
        font-size: 25px;
        letter-spacing: unset;
        word-break: break-all;
    }
    .social-txt{
        word-break: break-all;
    }

    .theme-lg-heading {
        letter-spacing: unset;
    }

    .lg-header-black {
        font-size: 25px;
    }

    .eventHeroBtnWrap {
        justify-content: center;
        flex-direction: column;
    }

    .tabs-content {
        padding: 40px 21px 40px 10px;
    }
    .trp-val{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}

@media screen and (max-width: 430px) {
    .footerBottomOtherLinks {
        flex-direction: column;
        gap: 15px;
    }

    .footerBottom {
        justify-content: center;
    }

    .footerAfterLine::after {
        display: none;
    }
}
@media screen and (max-width: 350px) {
    .mobileMegaMenuContainer{
        top: 161px;
    }
}