@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* common css starts here */
@font-face {
    font-family: "Proxima Nova";
    src: url('../fonts/promix-font/ProximaNova-Regular.otf') format('opentype'),
}

@font-face {
    font-family: "Proxima Nova Black";
    src: url('../fonts/promix-font/Proxima\ Nova\ Black.otf') format('opentype'),
}

@font-face {
    font-family: "Proxima Nova Bold";
    src: url('../fonts/promix-font/Proxima\ Nova\ Bold.otf') format('opentype'),
}

@font-face {
    font-family: "Proxima Nova Extrabold";
    src: url('../fonts/promix-font/Proxima\ Nova\ Extrabold.otf') format('opentype'),
}

* {
    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;
}

.iti {
    width: 100%;
}


a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.firstSectionCommonMarginTop {
    margin-top: 70px;
}

.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;
}

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;
}

.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;
}


.blueBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    background-color: #1B75BC;
    padding: 12px 34px;
    border-radius: 30px;
}

.blueBtn:hover {
    color: #fff;
}

.blueBtnWithNoBg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: none;
    border: none;
    color: #1B75BC;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    background-color: #fff;
    padding: 12px 34px;
    border-radius: 30px;
    border: 1px solid #1B75BC;
}

.blueBtnWithNoBg:hover {
    color: #1B75BC;
}

.mainHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 50px;
    font-style: normal;
    line-height: 50px;
}

.regularWhiteHeading {
    color: #FFF;
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.secondaryHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.regularBlackPara {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.regularWhitePara {
    color: #FFF;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.commonHeadingWrap {
    margin-bottom: 40px;
}


/* common css ends here */

/* desktop header css starts here */
.desktopHeader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.3);
    z-index: 20;
}

.desktopNavContainer {
    background-color: #fff;
    padding: 10px 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.logoAndMenuContainer {
    display: flex;
    align-items: center;
    gap: 96px;
}

.siteLogoContainer {
    max-width: 214px;
}

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

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

.desktopMenu {
    color: #03030F;
    text-align: right;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    font-style: normal;
    line-height: 22px;
}

.desktopMenu:hover {
    color: #03030F;
}

.desktopNavContactContainer {
    display: flex;
    align-items: center;
    gap: 120px;
}

.contactIconsBox {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
}

.contactIconsBox::after {
    content: '';
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background-color: #D9D9D9;
}

.contactIcon {
    text-align: center;
}

.contactIconText {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.contactIconText:hover {
    color: #03030F;
}

.contactPhoneText {
    color: rgba(3, 3, 15, 0.60);
    text-align: right;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.navContactPhone {
    color: #1B75BC;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
}

.navContactPhone:hover {
    color: #1B75BC;
}

/* desktop header css ends here */

/* mega menus css starts here */

/* inventory mega menu css starts here */
.inventoryMegaMenu {
    background-color: #fff;
    padding: 39px 0 71px 0;
    position: fixed;
    z-index: 25;
    width: 100%;
    left: 0;
    top: 100px;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.3);
    transform: translateY(-130%);
    transition: all 0.4s;
}

.translateInventoryMegaMenu {
    transform: translateY(0);
}

.megaMenuHeadingWrap {
    margin-bottom: 20px;
}

.megaMenuHeading {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    line-height: normal;
}

.megaMenuLinkList {
    list-style: none;
}

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

.megaMenuLink {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.megaMenuLink:hover {
    color: #03030F;
}

.megaMenuBrandsWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    max-width: 910px;
    margin: 0 auto;
}

.megaMenuBrandCard {
    flex: 1 1 300px;
}

.megaMenuBrandInnerWrap {
    position: relative;
    padding-top: 83%;
}

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

.megaMenuBrandLogoWrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 24%;
    padding-right: 23px;
}

.megaMenuBrandLogoWrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 123px;
}

.rightMostContainer {
    padding-left: 40px;
}

.megaMenuCloseText {
    color: #7B7B7B;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

/* inventory mega menu css ends here */

.toggleMore {
    position: relative;
}

.moreMegaMenu {
    position: absolute;
    top: 61px;
    left: -32px;
    background-color: #fff;
    min-width: 280px;
    padding: 0 15px 30px 30px;
    display: none;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.3);
}

.toggleCompanyMegaMenu {
    position: relative;
}

.companyMegaMenu {
    position: absolute;
    top: 61px;
    left: -32px;
    background-color: #fff;
    min-width: 280px;
    padding: 0 15px 30px 30px;
    display: none;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.3);
}

.megaMenuList {
    list-style: none;
}

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

/* mega menu code ends here */

/* mobile nav css starts here */
.mobileHeader {
    display: none;
}

.mobileNavContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.mobileLogoContainer {
    max-width: 134px;
}

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

.mobileNavPhoneText {
    color: rgba(3, 3, 15, 0.60);
    text-align: right;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.mobileNavPhoneNumber {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
}

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

.burgerBarContainer {
    cursor: pointer;
    width: 30px;
}

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

.mobileNavMegaMenu {
    padding: 10px 0;
    background-color: #fff;
    width: 100%;
    position: fixed;
    z-index: 22;
    top: 70px;
    left: 0;
    border: 1px solid #EEEEEE;
    height: 80vh;
    overflow: auto;
    box-shadow: 0 8px 20px -8px rgba(0, 0, 0, 0.3);
    transform: translateY(-125%);
    transition: all 0.4s;
}

.toggleMobileMegaMenu {
    transform: translateY(0);
}

.mobileMegaMenuButtonContainer {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.mobileMegaMenuBtnWrap {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.mobileMegaMenuBtn {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #C4C4C4;
    background: #FAFAFA;
    padding: 15px 32px 14px 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 150px;
}

.mobileMegaMenuBtn.activeClass {
    color: #FFF;
    font-family: "Proxima Nova Bold";
    background-color: #1B75BC;
    border: 1px solid #1B75BC;
}

.mobileMegaMenuCrossIcon {
    cursor: pointer;
}

.mobileMegaMenuTabsContainer {
    max-width: 80%;
    margin: 0 auto;
}

.mobileMenuLinkList {
    list-style: none;
}

.mobileMenuLinks {
    color: #1E1E1E;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
    text-transform: capitalize;
}

.mobileMenuLinks:hover {
    color: #1E1E1E;
}

.mobileMenuBoatTab {
    padding-top: 10px;
}



.mobileMenuCompanyTab {
    padding-top: 10px;
    display: none;
}




.mobileMenuLinkList li {
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 0;
}

.mobileMenuBrandContainer {
    border-radius: 10px;
    margin: 40px 0;
    overflow: hidden;
}

.mobileMenuBrand {
    margin-bottom: 5px;
}

.mobileMenuBrandLogoWrap {
    max-width: 120px;
}

.mobileMenuBrandInnerWrap {
    position: relative;
    padding-top: 28%;
}

.mobileMenuBrandLogoWrap {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

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

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

.mobileMenuBottomLinkContainer {
    margin-top: 15vh;
}

.mobileMenuBottomLinkList {
    list-style: none;
}

.mobileMenuBottomLinkList li {
    margin-bottom: 20px;
}

.mobileMenuBottomLink {
    color: #1E1E1E;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
}

.mobileMenuBottomLink:hover {
    color: #1E1E1E;
}

/* mobile nav css ends here */


/* footer css starts here */
.joinNewsLetterSection {
    padding: 59px 15px 71px 15px;
    border-top: 1px solid #EEE;
    background: #FAFAFA;
}

.joinNewsHeadingWrap {
    margin-bottom: 30px;
    padding: 15px 31px 14px 31px;
}

.newsLetterHeading {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}

.joinNewsFormWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9D9D9;
    border-radius: 0 30px 30px 0;
    max-width: 572px;
    margin: 0 auto;
}

.joinNewsFieldWrap {
    width: 360px;
}

.joinInputField {
    outline: none;
    border: none;
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 6px 20px;
    width: 100%;
}

.joinNewsBtn {
    margin-left: -20px;
}

.socailMediaSection {
    background-color: #1B75BC;
    padding: 47px 15px 38px 15px;
}

.followUsHeading {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.siteTag {
    margin-top: 25px;
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    font-style: normal;
    line-height: 40px;
    letter-spacing: 3px;
}

.socialHeadingAndIconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

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

.socialMediaIcon {
    flex-basis: 40px;
    flex-shrink: 0;
    height: 40px;
    background-color: #03A8E9;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

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

.mainFooter {
    background-color: #fff;
    padding: 80px 15px 80px 15px;
}

.siteMapLinksContainer {
    max-width: 640px;
    flex: 1 1 640px;
}

.mainFooterInnerWrap {
    max-width: 1040px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.siteMapHeadingWrap {
    margin-bottom: 20px;
}

.siteMapHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.siteMapLinkList {
    list-style: none;
}

.siteMapLinkList li {
    margin-bottom: 10px;
}

.siteMapLink {
    color: #1E1E1E;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}

.siteMapLink:hover {
    color: #1E1E1E;
}

.footerLogoWrap {
    max-width: 250px;
}

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

.footerBottomOuterWrap {
    background-color: #FFFFFF;
    padding: 20px 15px 17px 15px;
    border-top: 1px solid #EEEEEE;
}

.footerParaWrap {
    margin: 40px 0;
}

.footerPara {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

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

.footerPhone {
    color: #1B75BC;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.footerPhone:hover {
    color: #1B75BC;
}

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

.footeBottomLink {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.footeBottomLink:hover {
    color: #03030F;
}

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

.footerAfterLine {
    position: relative;
}

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

/* footer css ends here */


/* home page css starts here */
.homeHeaderSection {
    position: relative;
    padding-top: 40%;
    /* min-height: 600px; */
}


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

.homeHeaderContent {
    position: absolute;
    left: 50%;
    bottom: 100px;
    transform: translateX(-50%);
}

.sameWidthSectionWrap {
    max-width: 1300px;
    margin: 0 auto;
}

.heroSection {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 80px 0;
    padding: 0 40px;
}

.heroHeaderWrap {
    max-width: 500px;
}

.heroParaWrap {
    max-width: 700px;
}

.homeBrandsCardContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 20px;
    overflow: hidden;
}

.homeBrandCard {
    position: relative;
}

.homeBrandCard .mainBrandImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeBrandLogoWrap {
    max-width: 180px;
    position: absolute;
    right: 35px;
    bottom: 24px;
}

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

.newArrivalSection {
    margin: 80px 0;
    padding: 0 20px;
}

.mainInventoryCard {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #D9D9D9;
}

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

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

.mainInventoryCardContentWrap {
    background-color: #fff;
    padding: 10px 20px;
}

.mainInventoryCardTitle {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
}

.pricePara {
    display: flex;
    align-items: center;
    gap: 40px;
}

.originalPrice {
    color: #1B75BC;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.perMonthPrice {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.perMonthText {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.priceAfterLine {
    position: relative;
}

.priceAfterLine::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #D9D9D9;
    width: 3px;
    height: 20px;
}

.mainInventoryCardSeparator {
    background-color: #EEEEEE;
    margin: 10px 0;
}

.mainIventoryCardSpecs {
    display: flex;
    align-items: center;
    gap: 60px;
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.cardSpecsAfterLine {
    position: relative;
}

.cardSpecsAfterLine::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 20px;
    background-color: #D9D9D9;
}

.creditPlugInSection {
    background-color: #B2B2B2;
    padding: 23px 15px;
    margin: 0 20px;
}

.creditPlugInText {
    color: #FFF;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

.homePromotionSection {
    margin: 80px 0;
}

.eventPromotionCard {
    position: relative;
    padding-top: 31%;
    min-height: 600px;
}

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


.eventPromotionCard::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(3, 3, 15, 0.20);
}

.eventPromotionCard:hover::after {
    display: none;
}

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

.promotionHeading {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 60px;
    font-style: normal;
    line-height: 60px;
    text-transform: uppercase;
}

.eventPromotionCarousel .owl-prev {
    position: absolute;
    left: 42%;
    bottom: 80px;
}

.eventPromotionCarousel .owl-next {
    position: absolute;
    right: 42%;
    bottom: 80px;
}


.eventPromotionCarousel .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 85px;
    z-index: 5;
    display: flex;
}

.eventPromotionCarousel .owl-dots .owl-dot.active span {
    background: #fff !important;
}



.commonImageAndTextContainer {
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    padding: 0 15px;
}

.commonImageContainer {
    max-width: 600px;
}

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

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

.commonTextInnerWrap {
    max-width: 600px;
}

.commonParaWrap {
    margin: 20px 0 30px 0;
}

.otherLinkSection {
    border-top: 1px solid #D9D9D9;
    padding: 60px 15px 80px 15px;
}

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

.otherLinkCard {
    flex: 0 0 200px;
    height: 200px;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otherLinkInnerWrap {
    max-width: 124px;
    text-align: center;
}

.otherLinkIconWrap {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #1B75BC;
    display: flex;
    justify-content: center;
    align-items: center;
}

.otherLinkCardTitle {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

/* home page css ends here */


/* contact page css starts here */
.contactFormContainer {
    margin-top: 150px;
}

.contactFormHeadingWrap {
    margin-bottom: 30px;
}

.contactFormHeading {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 25px;
    font-style: normal;
    line-height: 28px;
}

.contactFormWrap {
    max-width: 360px;
    margin: 0 auto;
}

.contactFormField {
    color: rgba(3, 3, 15, 0.60);
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    width: 100%;
    outline: none;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    padding: 10px 10px 9px 20px;
}

.formFieldWrapper {
    margin-bottom: 10px;
}

.mapAndAddressSection {
    margin: 80px 0;
    padding: 0 40px;
}

.contactMapContainer {
    min-height: 220px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    height: 100%;
}

.contactMapContainer .contactMap {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
}

.contactLocationTitle {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    font-style: normal;
    line-height: 25px;
}

.contactLoactionPara {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.contactAddressPhoneWrap {
    margin: 20px 0;
}

.contactAddressPhone {
    color: #1B75BC;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
}

.contactAddressPhone:hover {
    color: #1B75BC;
}

.contactTimeWrapper {
    margin: 20px 0;
}

.contactTimeHeadingWrap {
    margin-bottom: 10px;
}

.contactTimeHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.contactAddressBtnWrap {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* contact page css ends here */

/* service and parts page css starts here */
.pageHeaderSection {
    position: relative;
    padding-top: 31%;
    min-height: 300px;
}

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

.heroBtnWrap {
    margin-top: 40px;
}

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

.serviceFormSection {
    background-color: #03A8E91A;
    padding: 41px 15px 64px 15px;
}

.formHeadingWrap {
    margin-bottom: 24px;
}

.serviceFormHeading {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    font-style: normal;
    line-height: 30px;
}

.mainServiceFormWrapper {
    max-width: 760px;
    margin: 0 auto;
}

.formFieldOuterWrap {
    padding: 0 20px;
}

.serviceFormMiniHeadingWrap {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 8px;
}

.serviceFormMiniHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.serviceBeforeLable {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.serviceBtnWrap {
    margin-top: 20px;
}

/* service and parts page css ends here */

/* brokerage page css starts here */
.meetBrokerSection {
    border-top: 1px solid #D9D9D9;
    padding: 60px 0;
}

.brokerCard {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    max-width: 360px;
    margin-bottom: 30px;
}

.brokerImageContainer {
    flex: 0 1 120px;
    overflow: hidden;
    border-radius: 10px;
}

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

.brokerTitle {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 20px;
    font-style: normal;
    line-height: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.brokerPhone {
    color: #1B75BC;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
}

.brokerPhone:hover {
    color: #1B75BC;
}

.brokerBtnWrapper {
    margin-top: 10px;
}

/* brokerage page css ends here */

/* broker page css starts here */
.boldedText {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.brokerParWrap {
    margin: 10px 0;
}

.brokerListingSection {
    border-top: 1px solid #D9D9D9;
    padding: 60px 20px 100px 20px;
    max-width: 1600px;
    margin: 0 auto;
}

.sectionTitleWrap {
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 360px;
}

.sectionTitle {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.brokerListingHeadingWrap {
    margin-bottom: 20px;
}

.brokerHeaderSection {
    max-width: 360px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding-top: 19%;
    min-height: 360px;
}

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

/* broker page css ends here */

/* staff page css starts here */
.staffPosition {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

/* staff form css starts here */

#applyModal .modal-header {
    border: none;
}

#applyModal .modal-footer {
    border: none;
}

.applyModalWrapper {
    max-width: 560px;
}

.applyModalTitle {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 25px;
    font-style: normal;
    line-height: normal;
}

.modalTitleWrap {
    margin-bottom: 60px;
}



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



.resumeFormInput {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding-bottom: 11px;
    border: none;
    outline: none;
    border-bottom: 1px solid #DDDDDD;
}

#uploadButton {
    width: 50%;
}

.inputWrapper {
    margin-bottom: 30px;
}

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

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

.fileInputForResume {
    color: rgba(41, 41, 41, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.resumeBtn {
    color: #1B75BC;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    border: 1px solid #1B75BC;
    padding: 14px 15px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
}

.staffMembersContainer {
    padding-bottom: 60px;
    border-bottom: 1px solid #D9D9D9;
}

.joinTeamHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.familyParaWrapper {
    margin: 10px 0 40px 0;
}

.joinOurTeamSection {
    margin: 60px 0;
}

.familImageContainer {
    border-radius: 10px;
    overflow: hidden;
}


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

.familyOuterWrap {
    height: 100%;
    display: flex;
    align-items: center;
}

#applyNowSection {
    scroll-margin-top: 120px;
}

/* staff form css ends here */

/* staff page css ends here */

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

.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: 80px;
    list-style: none;
}

.blogTab {
    border: none;
    outline: none;
    background-color: #fff;
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    padding-bottom: 5px;
    transition: all 0.2s;
    cursor: pointer;
}

.blogTab:hover {
    color: #03030F;
}

.blogTitle {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 25px;
    font-style: normal;
    line-height: 25px;
}

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

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

.blogImageContainer {
    position: relative;
    padding-top: 61%;
    border-radius: 10px;
    overflow: hidden;
}

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

.blogTextWrapper {
    margin-top: 10px;
}

.blogDate {
    color: rgba(41, 41, 41, 0.20);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.blogParaText {
    color: #232323;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.blogStatusTag {
    position: relative;
    color: #4A5B48;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.blogStatusTag::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(41, 41, 41, 0.20);
    height: 15px;
    width: 1px;
}

.blogInfoLine {
    display: flex;
    align-items: center;
    gap: 40px;
}

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

.articleSelectBar {
    width: 100%;
    padding: 8px 10px 8px 20px;
    border-radius: 5px;
    border: 1px solid #C4C4C4;
    background: #FAFAFA url('../images/blog/drop-down.webp') no-repeat right 10px center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 14px;
    cursor: pointer;
    outline: none;
}

.blogInfoPara {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 5px;
}

.blogType {
    color: #1B75BC;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    position: relative;
}

.blogType::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(3, 3, 15, 0.60);
    width: 1px;
    height: 15px;
}

.blogDate {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

/* blogs page css ends here */

/* blog detail page css starts here */
.blogDetailPageWrapper {
    margin: 150px 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;
    padding: 0 30px;
}

.blogHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 25px;
    font-style: normal;
    line-height: 28px;
}


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

.similarHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 22px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.similarPostsContainer {
    margin-top: 60px;
}

.similarPostHeaderWrapper {
    margin-bottom: 20px;
    padding-left: 20px;
}

.similarPostTitleWrapper {
    margin-top: 10px;
}

.tagLineText {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.eventsCardContainer {
    margin-bottom: 90px;
}

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

/* blog detail page css ends here */


/* event page css starts here */

.eventDateContent {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0px;
    background-color: #1B75BC;
    padding: 7px 27px 8px 27px;
}

.eventDateText {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
}


/* event page css ends here */

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

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

.eventHeroTextContainer {
    max-width: 800px;
}

.evnetHeroCardWrap {
    padding: 20px 20px 20px 22px;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    background: #FFF;
    min-height: 200px;
    height: 100%;
}

.eventHeroMiniHeading {
    color: rgba(35, 31, 32, 0.60);
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.eventHeroCardMainHeading {
    color: #1B75BC;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    text-transform: uppercase;
}

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

.eventHeroDetailPara {
    color: #231F20;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

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

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

.eventDetailPageGallerySection {
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 1600px;
    padding: 0 20px;
}

.eventGallerySection {
    margin: 0 auto;
    margin-bottom: 100px;
    max-width: 1600px;
    padding: 80px 20px 0 20px;
    border-top: 1px solid #D9D9D9;
}

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

.eventFormHeadingWrap {
    margin-bottom: 60px;
}

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

.eventInputContainer {
    margin-bottom: 10px;
}

.inputField {
    color: rgba(21, 21, 21, 0.60);
    font-family: "Proxima Nova";
    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;
}


.outBoardEngineSectionHeadingWrap {
    margin-bottom: 60px;
}

.cardInfoAfterLine {
    position: relative;
}

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

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

.eventGalleryHeaderWrap {
    margin-bottom: 30px;
    padding-left: 9.5%;
}



.inventoryCloseBtn {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.commonHeaderSection {
    position: relative;
    padding-top: 30%;
    min-height: 250px;
}

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

/* event detail page css ends here */

/* brand page css starts here */
.brandHeaderSection {
    position: relative;
    padding-top: 18%;
    min-height: 600px;
}

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

.brandHeaderSection::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(3, 3, 15, 0.00) 0%, rgba(3, 3, 15, 0.80) 100%);
    height: 200px;
}

.brandHeaderLogoWrapper {
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

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

.brandModelSection {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 60px;
}

.wideBrandImageContainer {
    position: relative;
    padding-top: 45%;
}

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

.wideBrandContentWrap {
    margin-top: 10px;
    padding-left: 40px;
}

.wideBrandTitle {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

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

.generalBrandInfo {
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.generalBrandImageContainer {
    max-width: 200px;
}

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

/* brand page css ends here */


/* location page css starts here */
.locationMapAndAddressSection {
    border-top: 1px solid #D9D9D9;
    padding-top: 60px;
    margin-bottom: 40px;
}


.locationAddressContainer {
    text-align: center;
}

.locationTitle {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova Bold";
    font-size: 28px;
    font-style: normal;
    line-height: 30px;
}

.locationImageWrap {
    margin: 20px 0 10px 0;
}

.locationPhoneWrap {
    margin: 20px 0;
}

.locationPhone {
    color: #1B75BC;
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    font-style: normal;
    line-height: 22px;
}

.locationPhone:hover {
    color: #1B75BC;
}

.hoursHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.serviceHoursWrap {
    margin-top: 20px;
}

.locationMapContainer {
    height: 100%;
    min-height: 300px;
}

.locationMap {
    height: 100%;
    width: 100%;
}

/* location page css ends here */

/* boat club page css starts here */
.commonParaList {
    margin-left: 30px;
}

#joinBoatClubForm{
    scroll-margin-top: 80px;
}

.howItWorksSection {
    background-color: #1B75BC;
    min-height: 443px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto 60px auto;
    border-radius: 20px;
    padding: 20px 30px;
}

.howItWorkInnerWrap {
    max-width: 400px;
}

.howItWorkHeadingWrap {
    margin-bottom: 30px;
}

/* boat club page css ends here */

/* financing page css starts here */
.financingEmbedSection {
    margin: 20px 20px 80px 20px;
}

.embedFrameContainer .embedFrame {
    width: 100%;
    height: 100%;
}

.financingCard {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.financingCardIconWrap {
    flex: 0 0 60px;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boldedWhiteText {
    color: #FFF;
    font-family: "Proxima Nova Bold";
    font-size: 20px;
    font-style: normal;
    line-height: 25px;
}

.whyFinancingSection {
    background-color: #1B75BC;
    min-height: 604px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 0 auto 60px auto;
    border-radius: 20px;
    padding: 20px 30px;
}

.statusPageTextContainer {
    text-align: center;
    padding: 0 15px;
}

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

/* financing page css ends here */

/* thank you page css starts here */
.statusPageSection {
    margin: 160px 0 60px 0;
}

.statusPageParaWrap {
    margin: 20px 0 40px 0;
}

.statusPageImageContainer {
    border-radius: 10px;
    overflow: hidden;
}

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

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

.statusPageTextContainer {
    max-width: 600px;
}

/* thank you page css ends here */

/* video walker page css starts here */
.videoPageCardWrapper {
    margin-bottom: 40px;
    padding: 0 20px;
}

/* video walker 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;
    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: Bicyclette;
    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: Bicyclette;
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
    /* 150% */
    letter-spacing: 1px;
}

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

.payment-sec p {
    color: #001067;
    font-family: Bicyclette;
    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: 12px 20px;
    border: 1px solid #e9e9e9;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
    background-color: #e9e9e9;
}

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

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

.card-content {
    padding: 15px 0 0 0;
    border: 1px solid #e9e9e9;
}

.custom-card-header h2 {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    line-height: 25px;
    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: 10px 0;
    border-radius: 2px;
    font-family: Bicyclette;
    font-weight: 300;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 5%;
    text-transform: uppercase;
  } */
.custom-search-view ul li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    font-family: "Proxima Nova";
    font-weight: 300;

}

/* .youSearchList li span strong {
    color: #000;
    font-family: Bicyclette;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  
  .youSearchList li span {
    color: #000;
    font-family: Bicyclette;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  } */

.youSearchList {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
}

.youSearchList li span strong {
    color: #001A38;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}

.youSearchList li span {
    color: #222;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.custom-card h2 {
    font-family: Inter !important;
    font-weight: 900;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 5%;
}

.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: #000000;
    font-family: "Proxima Nova";
    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: #000000;
    top: 50%;
    left: -15px;
    transform: translateY(-47%);
    width: 2px;
    height: 14px;
}

.boat-seprator {
    padding-top: 140px;
    border-left: 1px solid #f0f0f0;
}

/* filter  */
/* .youSearchList li span strong {
    color: #000;
    font-family: Bicyclette;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  
  .youSearchList li span {
    color: #000;
    font-family: Bicyclette;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  } */

.left_tabs {
    padding-top: 140px;
    padding-left: 40px;
    padding-right: 41px;
}

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

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

.filter_btn .fa {
    color: #03030F;
}

.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: rgba(3, 168, 233, 0.10);
    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 rgba(3, 168, 233, 0.10);
    border-radius: 20px;
}

.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: #03030F;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.9px;
    background: rgba(3, 168, 233, 0.10);
    border-radius: 20px;
}

.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 {
    padding: 5px 10px;
    border-bottom: 1px solid #e9e9e9;
}

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

.sqr-checkBox label span {
    font-family: "Proxima Nova";
    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: 99;
    background-color: #fff;
    max-width: 550px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.4) 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: #03030F;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.boatOption {
    color: #03030F;
    font-family: "Proxima Nova";
    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;
    /* padding: 0 20px; */
}

.brandCardContent {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.branContactLine {
    color: #1b1d36;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.54px;
}

.colorText {
    color: #c8192a;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.54px;
}

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

.sortByFilters {
    padding: 0 30px;
}

.filterItem {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 40px;
    margin-bottom: 27px; */
    background: #e9e9e9;
    padding: 15px 15px;
}

.range-value-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin: 10px 0;
}

.range-value-box .range-box-item {
    width: 100px;
    height: 41px;
    flex-shrink: 0;
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px;
    color: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.32px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    outline: 0 !important;
    border: 1px solid #4d4d4d;
    border-radius: 0;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-45%);
    border-radius: 50px;
    cursor: pointer;
}

.ui-slider-horizontal .ui-slider-range {
    background: #000;
    height: 10px;
    border-radius: 5px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    background: #e6e6e6;
    height: 10px;
    border-radius: 50px;
}

.filter-box {
    border: 1px solid #e6e6e6;
    margin-top: 16px;
}

.boatCardTitle {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
}

.boatCardPriceTag {
    color: #4A5B48;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.boatCardPara {
    color: rgba(52, 58, 64, 0.60);
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.mainHeadingBlack {
    color: #03030F;
    font-family: "Proxima Nova Extrabold";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
}

.filterHeading {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    line-height: 25px;
    text-transform: uppercase;
}

.custom-card-header-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid rgba(3, 168, 233, 0.10);
    margin: 20px 0px 0px 0px;
    cursor: pointer;
    background: rgba(3, 168, 233, 0.10);
}


/* 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: "Proxima Nova";
    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: 100px;
    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;
}

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

.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: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    width: 100%;
    height: 45px;
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
}

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

.accordion-header h3 {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

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

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

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

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

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

.specsList hr {
    margin: 8px 0;
}

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

.specsList li p {
    width: 50%;
}

.specsName {
    color: #1B1D36;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.specsDetail {
    color: #1B1D36;
    text-align: right;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.boatDetailSpecsHeading {
    color: #1C4D78;
    font-family: "Proxima Nova";
    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: 100px;
}


.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: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    line-height: 25px;
    /* 125% */
}

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

.details-lg-btn-box {
    margin-top: 60px;
}

.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: #1B1D36;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.boatPricingList li .pricingDetail {
    width: 70%;
    text-align: right;
    color: #1B1D36;
    text-align: right;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.pricingTitleSharp {
    color: rgba(27, 29, 54, 0.80);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingDetailSharp {
    color: rgba(27, 29, 54, 0.80);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingTitleRed {
    color: #4A5B48;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.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: #1B1D36;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingDetailPayment {
    color: #1B1D36;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.downPayment {
    color: #1B1D36;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.42px;
    text-align: right;
}

.viewDisclaimerBtn {
    color: #1C4D78;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.42px;
}

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

.financingEmbedSection{
        margin: 60px 0 208px 0;
}

.boatDetailBtn {
    color: #fff;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    line-height: 25px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    background: #1B75BC;
    padding: 10px 0 11px 0;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #03A8E9;
    transition: all 0.4s;
    border-radius: 30px;
}

/* .boatDetailBtn:hover {
    color: #03030F;
} */

#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;
}

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

.preOwnedDealerContactHeading {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.6px;
}

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

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

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

.dealerContactHeading {
    color: #1B1D36;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.dealerPhoneNumber {
    color: #1C4D78;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

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

.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;
}
.boatDetailBtn:hover{
color: white;
}

.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: "Proxima Nova";
}

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

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

.callForPricingContainer {
    width: 100%;
    text-align: center;
    margin: 30px 0 20px 0;
}

.callForPricingTextDetail {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: #1B75BC;
    padding: 15px 5px 14px 5px;
}

.callForPricingTextDetail:hover {
    color: #FFF;
}

.boat-details-form {
    width: 100%;
    outline: none;
    border: none;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    color: rgba(3, 3, 15, 0.60);
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 10px 11px 20px;
}

.boat-details-form::placeholder {
    color: #00000099;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
}

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

.boatDetailRadioButton {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.form-lable {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
}

.modal-title {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

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

.call-now-btn {
    color: #FFF;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.9px;
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #1C4D78;
}

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


/* 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;
}

/* boat gallery pop up */

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

.boat-details-title {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}


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

}

.similar-heading {
    color: #03030F;
    text-align: center;
    font-family: "Proxima Nova";
    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: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.spec-cntnt {
    color: #03030F;
    font-family: "Proxima Nova";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
}

.boat-title-mn {
    color: #000;
    font-family: "Proxima Nova";
    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: "Proxima Nova";
    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;
}

.filterTopHeading {
    color: #03030F;
    font-family: "Proxima Nova Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.similarListingHeadingWrap {
    padding: 80px 0 40px 0;
}

/* boat detail page css ends here */

.grecaptcha-badge {
    display: none;
}

.recaptcha-disclaimer {
    font-size: 16px;
    color: #1E1E1E;
    text-align: center;
    margin-top: 10px;
    padding: 5px 0;
}

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

@media(max-width: 1700px) {
    .details-right-container {
        padding: 0 50px;
    }

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

@media(max-width: 1600px) {
    .rightMostContainer {
        padding-left: 0;
    }
}

@media (max-width: 1500px) {}

@media (max-width: 1440px) {
    .desktopNavContainer {
        padding: 10px 50px;
    }

    .left_tabs {
        padding-left: 0;
        padding-right: 0;
    }

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

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

    .similarLIstinCarouselWrap {
        padding: 0 15px;
    }
}

@media (max-width: 1350px) {
    .desktopNavContainer {
        padding: 10px 15px;
    }

    .desktopMenuList {
        gap: 30px;
    }

    .logoAndMenuContainer {
        gap: 60px;
    }

    .desktopNavContactContainer {
        gap: 60px;
    }

    .contactIconsBox::after {
        right: -30px;
    }
}

@media (max-width: 1300px) {
    .contactIconsBox {
        gap: 20px;
    }

    .logoAndMenuContainer {
        gap: 30px;
    }
}

@media(max-width: 1200px) {


    .blogDetailPageWrapper {
        margin: 120px 0 60px 0;
    }

    .eventHeroTextContainer {
        margin: 0 auto;
    }

    .eventHeroParaWrap {
        margin: 20px 0 40px 0;
    }

    .contactTextAndFormSection {
        gap: 50px;
    }

    .firstSectionTopMargin {
        margin-top: 100px;
    }

    .commonImageAndTextContainer {
        gap: 40px;
    }


}


@media(max-width: 1100px) {
    .siteLogoContainer {
        max-width: 150px;
    }

    .inventoryMegaMenu {
        top: 70px;
    }

    .desktopMenu {
        font-size: 16px;
    }
}

@media(max-width: 991px) {
    .promotionHeading {
        font-size: 45px;
        line-height: 50px;
    }
    .desktopHeader {
        display: none;
    }

    .mobileHeader {
        display: block;
    }

    .blogTabsList {
        gap: 40px;
    }

    .blogTabContainer {
        margin-bottom: 40px;
    }

    .blogPageWrap {
        margin-top: 120px;
    }

    .blogHeadingWrapper {
        margin-bottom: 30px;
    }

    .eventsCardContainer {
        margin-bottom: 60px;
    }

    .similarPostTitleWrapper {
        text-align: center;
    }

    .blogHeading {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .similarHeading {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 0.5px;
    }

    .eventGalleryHeaderWrap {
        padding-left: 0;
    }

    .eventGallerySection {
        margin-bottom: 60px;
    }

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

    .mainFooterInnerWrap {
        flex-direction: column-reverse;
    }

    .serviceFormMiniHeadingWrap {
        margin-left: -10px;
    }

    .locationAddressContainer {
        padding-bottom: 60px;
    }

    /* 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;
        margin-top: 120px;
    }

    .boat-inventory-cond-list {
        justify-content: center;
    }

    .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;
    }

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

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

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

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

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

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

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

    .callForPricingTextDetail{
            padding: 10px 5px 10px 5px
    }

    .boat-details-form-sec{
        background-color: rgba(3, 168, 233, 0.10);
        padding: 0 15px;
    }

    .boatDetailPageSeparator {
        margin-top: 50px;
    }

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

    .left_tabs {
        padding-top: 20px;
    }

    .spec-cntnt {
        font-size: 36px;
        line-height: 36px;
    }

    .similarListingHeadingWrap {
        padding: 40px 0 30px 0;
    }

    .accordion-header h3 {
        font-size: 20px;
    }

    .specsListContainer {
        margin-bottom: 0;
    }

    .accordion-header {
        padding: 10px 0;
    }

    .right-sidebar {
        padding: 0;
    }

    .mainHeadingBlack {
        font-size: 24px;
        initial-letter: 1.5px;
    }

    .card-content {
        display: none;
    }

    /* boats page css ends here */

    .footerLogoWrap {
        margin: 0 auto;
    }

    .siteMapLinksContainer {
        flex: unset;
    }

    .contactFormContainer {
        margin-top: 110px;
    }

    .commonImageAndTextContainer{
        margin-bottom: 60px;
    }

}

@media (max-width: 767px) {
    .blogInfoLine {
        justify-content: center;
    }

    .blogTabsList {
        gap: 30px;
        flex-wrap: wrap;
    }

    .eventDate {
        text-align: center;
    }

    .evnetHeroCardWrap {
        padding: 30px 15px 30px 15px;
    }


    .upload-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .resumeFileWrapper {
        width: 100%;
    }

    #uploadButton {
        width: 100%;
        max-width: 202px;
    }

    .lg-form-box {
        padding: 0;
    }

    .heroSection {
        flex-direction: column;
        margin: 60px 0;
    }

    .mainHeading {
        font-size: 32px;
        line-height: 35px;
    }

    .formFieldOuterWrap {
        padding: 0;
    }

    .eventHeroCardMainHeading {
        font-size: 20px;
        line-height: 20px;
    }

    .blogTitle {
        font-size: 18px;
    }

    .commonImageAndTextContainer {
        flex-direction: column;
        gap: 20px;
    }

    .flexColumnReverse {
        flex-direction: column-reverse;
    }

    .homeHeaderContent {
        bottom: 40px;
    }

    .howItWorksSection {
        max-width: 380px;
    }

    .howItWorkInnerWrap {
        max-width: 300px;
    }

    .desktopShareBtn {
        display: none;
    }

    .mobileShareBtn {
        display: block;
    }

    .homeBrandsCardContainer {
        flex-direction: column;
        width: fit-content;
        margin: 0 auto;
    }
}


@media (max-width: 576px) {
    .promotionHeading {
        font-size: 35px;
        line-height: 40px;
    }
    .mainHeading {
        font-size: 28px;
        line-height: 30px;
    }

    .secondaryHeading {
        font-size: 22px;
        letter-spacing: 2.2px;
    }

    .commonParaWrap {
        margin: 10px 0 20px 0;
    }

    .mainServiceFormWrapper {
        max-width: 360px;
    }

    .familImageContainer {
        max-width: 360px;
        margin: 0 auto 20px auto;
    }


    .familyOuterWrap {
        max-width: 360px;
        margin: 0 auto;
    }

    .eventDetailHeroSection {
        margin: 30px 0 80px 0;
    }

    .articlesFilterBarWrapper {
        max-width: 200px;
        margin: 0 auto 40px auto;
    }

    .homeHeaderSection {
        min-height: unset;
    }
    .heroSection{
        padding: 0 20px;
    }

    .commonImageContainer {
        max-width: unset;
        width: 100%;
    }

    .commonImageAndTextContainer {
        padding: 0 40px;
    }

    .blueBtn {
        padding: 12px 24px;
    }

}

@media (max-width: 400px) {
    .commonImageAndTextContainer {
        padding: 0 15px;
    }

    .heroSection {
        padding: 0 15px;
    }

    .howItWorksSection {
        margin: 0 20px 60px 20px;
    }

    .mobileMegaMenuButtonContainer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobileMegaMenuBtn {
        width: unset;
    }
}