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

/* common css starts here */

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



.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: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    text-transform: capitalize;
    background-color: #0797DA;
    padding: 14px 55px 15px 55px;
}


.blueBtn:hover {
    color: #fff;
}

.darkBlueBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 15px 27px;
    border-radius: 3px;
    background-color: #09294A;
}

.darkBlueBtn:hover {
    color: #FFF;
}

.brandCardBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 15px 27px;
    border-radius: 3px;
    background-color: #09294A;
}

.brandCardBtn:hover {
    color: #FFF;
}

.mainHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
}

.regularWhiteHeading {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.secondaryHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.regularBlackPara {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.regularWhitePara {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.boldParaText {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
}


/* common css ends here */

/* desktop header css starts here */
.desktopHeader {
    position: sticky;
    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;
}

.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: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
}

.desktopMenu:hover {
    color: #09294A;
}

.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: #09294A;
    text-align: right;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.contactIconText:hover {
    color: #09294A;
}

.contactPhoneText {
    color: rgba(9, 41, 74, 0.60);
    text-align: right;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.navContactPhone {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    text-transform: uppercase;
}

.navContactPhone:hover {
    color: #09294A;
}

/* 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: 106px;
    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: #09294A;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.megaMenuLinkList {
    list-style: none;
}

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

.megaMenuLink {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.megaMenuLink:hover {
    color: #09294A;
}

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

.salesSupportBlock {
    margin-top: 40px;
}

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

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

.desktopMegaMenuBrandContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}

.desktopMegaMenuBrandCard {
    flex: 0 0 200px;
    height: 120px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

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

.desktopMegaMenuBrandCard img {
    max-width: 120px;
    width: 100%;
    object-fit: contain;
}

/* 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: rgba(0, 0, 0, 0.3) 0px 8px 20px -8px;
}

.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: rgba(0, 0, 0, 0.3) 0px 8px 20px -8px;
}

.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: 150px;
}

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

.burgerLine {
    background-color: #09294A;
    width: 30px;
    height: 3px;
    margin-bottom: 5px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

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

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

.cross .lineTwo {
    opacity: 0;
}

.mobileNavPhoneText {
    color: rgba(9, 41, 74, 0.60);
    text-align: right;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.mobileNavPhoneNumber {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    text-transform: uppercase;
}

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


.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: 10 20px;
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

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

.mobileMegaMenuBtn {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: capitalize;
    border-radius: 3px;
    background: rgba(9, 41, 74, 0.10);
    border: 1px solid rgba(9, 41, 74, 0.10);
    padding: 15px 32px 14px 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 110px;
}

.mobileMegaMenuBtn.activeClass {
    color: #FFF;
    font-family: "Public Sans";
    background-color: #09294A;
    border: 1px solid #09294A;
    font-weight: 900;
}

.mobileMegaMenuCrossIcon {
    cursor: pointer;
}

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

.mobileMenuLinkList {
    list-style: none;
}

.mobileMenuLinks {
    color: #1E1E1E;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
}

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

.mobileMenuBoatTab {
    padding-top: 10px;
}

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

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


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

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

.mobileMenuBrandLogoCard {
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 0 5px;
    margin-bottom: 10px;
}

.mobileMenuBrandLogoCard img {
    max-width: 100px;
    width: 100%;
}

.mobileMegaMenuBrandsWrapper {
    margin: 40px 0;
}

/* mobile nav css ends here */


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

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

.newsLetterHeading {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    text-transform: uppercase;
}

.joinNewsFormWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
}

.joinNewsFieldWrap {
    width: 380px;
    height: 45px;
}

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


.socailMediaSection {
    background-color: #CFE1F1;
    padding: 42px 15px 39px 15px;
}

.followUsHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.siteTag {
    margin-top: 10px;
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.socialHeadingAndIconWrap {}

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

.socialMediaIcon {
    flex-basis: 40px;
    flex-shrink: 0;
    height: 40px;
    background-color: #09294A;
    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: 940px;
    flex: 1 1 940px;
}

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

.siteMapHeadingWrap {
    margin-bottom: 20px;
}

.siteMapHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.siteMapLinkList {
    list-style: none;
}

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

.siteMapLink {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: capitalize;
}

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

.footerLogoWrap {
    max-width: 350px;
}

.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: 20px 0;
}

.footerPara {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

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

.footerPhone {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.footerPhone:hover {
    color: #09294A;
}

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

.footeBottomLink {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.footeBottomLink:hover {
    color: #09294A;
}

.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: #09294A;
}

.footerTimings {
    margin-top: 20px;
}

/* footer css ends here */


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


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

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

.homeHeroSection {
    background-color: #09294A;
    padding: 80px 15px 75px 15px;
}

.homeHeroContainer {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.homeHeroHeadingWrap {
    max-width: 600px;
}

.homeHeroHeading {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    text-transform: uppercase;
}

.homeHeroParaWrap {
    max-width: 400px;
}

.homeHeroPara {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.boatsVariantSection {
    margin-top: 5px;
}


.boatsVariantCard {
    padding: 0 2.5px;
}

.boatsVariantCardWrap {
    position: relative;
}

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

.boatsVariantContent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.boatsVariantInnerWrap {
    width: 86.13%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

.boatVariantTitle {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.newArrivalSection {
    margin: 80px 0;
}


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

.brandsLogo {
    max-width: 120px;
}

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

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

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

.otherLinkCard {
    flex: 0 0 280px;
    height: 100px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background-color: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otherLinkCardInnerWrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.otherLinkText {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.charterSection {
    background-color: #CFE1F1;
    padding: 60px 15px;
}

.charterSectionContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.charterImageContainer {
    max-width: 400px;
}

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

.charterTextWrapper {
    max-width: 400px;
}

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

.sectionHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    text-transform: uppercase;
}

.promotionSection {
    margin: 80px 0;
}

.homePromotionBannerContainer {
    position: relative;
    padding-top: 41%;
    min-height: 800px;
}

.homePromotionBannerContainer::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
    pointer-events: none;
}

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

.eventPromotionCarousel {
    position: relative;
}

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

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

.eventPromotionCarousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
}

.homePromotionContent {
    position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.homePromotionTitle {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px;
    text-transform: uppercase;
}

.commonImageAndTextSection {
    margin-bottom: 80px;
    padding: 0 15px;
}

.commonImageAndTextContainer {
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 110px;
    justify-content: center;
}

.commonImageWrap {
    max-width: 620px;
}

.commonTextWrap {
    max-width: 450px;
}

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

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

.newArrivalHeadingWrap {
    margin-bottom: 30px;
}

.newArrivalHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

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

.mainInventoryCardImageContainer {
    position: relative;
    padding-top: 65%;
}
.breadcrumb-item.active a {
    color: #6c757d;
    text-transform: capitalize;
}
.mainInventoryCardImageContainer img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.mainInventoryCardTitle {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}

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

.originalPrice {
    color: #0797DA;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.perMonthPrice {
    color: rgba(9, 41, 74, 0.60);
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

.priceAfterLine {
    position: relative;
}

.priceAfterLine + .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: "Public Sans";
    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;
}

.mainInventoryCardText {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.mainInventoryCardTag {
    border-radius: 3px;
    background: #0797DA;
    padding: 8px 24px;
    position: absolute;
    top: 12px;
    right: 12px;
}

/* home page css ends here */

/* contact page css starts here */
.commonHeaderContainer {
    position: relative;
    padding-top: 35%;
    min-height: 284px;
}

.commonHeaderContainer .commonHeaderMedia {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand-logos{
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
}
.brand-logos img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}

/* contact page css starts here */
.contactAndFormSection {
    max-width: 650px;
    margin: 80px auto;
}

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

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



.contactFormHeadingWrap {
    margin-bottom: 28px;
}

.contactFormHeading {
    color: #0B3142;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.formFieldWrapper {
    margin-bottom: 10px;
}

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

.contactMapContainer {
    height: 100%;
    min-height: 440px;
}

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

.addressAndMapSection {
    margin: 40px 0;
}

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

.addressHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.addressPhone {
    color: #0797DA;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.addressPhone:hover {
    color: #0797DA;
}

.addressParaWrap {
    margin: 30px 0;
}

.contactHourHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

/* contact page css ends here */

/* parts page css starts here */
.commonHeroSection {
    margin: 60px 0;
}

.commonHeroContainer {
    max-width: 860px;
    margin: 0 auto;
}

.commonHeroHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
}

.commonHeroContainer {
    text-align: center;
}

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

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

.serviceFormSection {
    background-color: #CFE1F1;
    padding: 40px 15px 63px 15px;
}

.formHeadingWrap {
    margin-bottom: 24px;
}

.serviceFormHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

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

.formFieldOuterWrap {
    padding: 0 20px;
}

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

.serviceFormMiniHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.serviceBeforeLable {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.serviceBtnWrap {
    margin-top: 20px;
}

.serviceFormField {
    width: 100%;
    outline: none;
    border: none;
    color: rgba(9, 41, 74, 0.60);
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 3px;
}

.additionalServiceList {
    list-style-image: url('../images/service-images/tick-image.webp');
    padding-left: 40px;
}

.additionalServiceList li {
    margin-bottom: 5px;
}

/* parts page css ends here */

/* status pages css starts here */
.statusPageSection {
    margin: 60px 0 80px 0;
}

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

.statusPageTextInnerWrap {
    max-width: 600px;
}

.statusPageHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
}

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

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

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

/* status pages css ends here */

/* event page css starts here */
.eventDateContent {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #09294A;
    padding: 7px 26px 8px 26px;
}

.eventDateText {
    color: #FFF;
    text-align: right;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 1px;
}

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

.blogTab {
    border: none;
    outline: none;
    background-color: #fff;
    color: #09294A;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 5px;
    transition: all 0.2s;
    cursor: pointer;
}

.blogTab:hover {
    color: #151515;
}

.blogTitle {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}

.activeBlogTab {
    border-bottom: 3px solid #FFCA62;
}

.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 {
    font-family: "Public Sans";
    color: rgba(35, 35, 35, 0.60);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

/* event 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 #09294A;
    background-color: #fff;
    min-height: 300px;
    height: 100%;
}

.eventHeroMiniHeading {
    color: rgba(9, 41, 74, 0.40);
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 18px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.eventHeroCardMainHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    text-transform: uppercase;
}

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

.eventHeroDetailPara {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

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

.eventDetailInventoryHeadingWrap {
    margin-bottom: 30px;
}

.eventDetailInventorySection {
    margin: 80px 0;
}

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

/* event detail page css ends here */

/* cobia brand page css starts here */
.commonHerBtnWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* cobia brand page css ends here */


/* career page css starts here */
#joinTeamSection {
    scroll-margin-top: 80px;
    border-top: 1px solid #D9D9D9;
    padding-top: 80px;
}

.teamMemberCardContainer {
    display: flex;
    gap: 20px;
    align-items: center;

}

.teamMeberImageContainer {
    flex: 0 0 120px;
    height: 120px;
}

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

.teamMemberName {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
}

.teamMemberPosition {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.teamMemberPhone {
    color: #0797DA;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
}

.teamMemberPhone:hover {
    color: #0797DA;
}

.teamMemberSection {
    margin: 80px 0;
}

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

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

.applyModalWrapper {
    max-width: 380px;
}

.applyModalTitle {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.modalTitleWrap {
    margin-bottom: 60px;
}

.resumeFormInput {
    color: rgba(9, 41, 74, 0.60);
    font-family: "Public Sans";
    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: 203px;
}

.inputWrapper {
    margin-bottom: 30px;
}

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

.upload-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

.resumeBtn {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 14px 27px;
    border-radius: 20px;
    border-radius: 3px;
    border: 1px solid #09294A;
    background-color: #fff;
}

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

#joinTeam {
    scroll-margin-top: 80px
}

.staffModalHeader .close {
    padding: 0;
    margin: 0;
}

/* career page css ends here */

/* charter guides page css starts here */
.charterGuidesSection {
    padding: 60px 0;
}

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

.charterGuideInnerWrap {
    width: 85%;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    padding-left: 10%;
}

.charterHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
}

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

.charterIcon {
    flex: 0 0 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #09294A;
    border-radius: 50%;
}

.charterParaText {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.charterParaText:hover {
    color: #09294A;
}

/* charter guides page css ends here */

/* tackle page css starts here */
.tackleContactWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.tackleStoreSection {
    margin: 60px 0;
}

.tackleHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    text-transform: uppercase;
}

.tackleHeadingWrap {
    margin-bottom: 20px;
}

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

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

.tackleTextWrap {
    flex: 0 1 300px;
}

.tackleContactHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.tacklePhoneWrap {
    margin: 30px 0;
}

.tacklePhone {
    color: #0797DA;
    text-align: center;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: uppercase;
}

.tacklePhone:hover {
    color: #0797DA;
}

.tackleHoursHeading {
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
}

.tackleContactMapWrap {
    height: 100%;
    width: 100%;
    min-height: 400px;
}

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

.tackleContactSection {
    margin: 60px 0;
}

.tackleHoursWrapper {
    margin-top: 30px;
}

/* tackle page css ends here */

/* boats page css start hree */

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

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

.mainInventoryCardTitle {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}
.boat-listing-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: block !important;
}
.boat-listing-carousel .owl-dots span{
    background: #FFFFFF !important;
}
.pricePara {
    display: flex;
    align-items: center;
    gap: 40px;
}

.originalPrice {
    color: #3D94D6;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.perMonthPrice {
    color: rgba(16, 31, 45, 0.60);
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

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


.cardSpecsAfterLine {
    position: relative;
}

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

.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: 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;
    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: 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 #E3E4E6;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
    background-color: rgba(61, 148, 214, 0.10);
}

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

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

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

.custom-card-header h2 {
    color: #101F2D;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    text-transform: capitalize;
}

.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: "Public Sans";
    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: #101F2D;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: capitalize;
}

.youSearchList li span {
    color: #101F2D;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

.custom-card-header .fa {
    color: #09294A;
    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: "Public Sans";
    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: 75px;
    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: 5px;
    padding-left: 40px;
    padding-right: 41px;
}
.breadcrumb{
    background: transparent;
    padding-left: 0;
}
.breadcrumb-item a {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'Public Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.inner_wrap_filter {
    display: flex;
    align-items: center;
}

.inner_wrap_filter a {
    text-transform: uppercase;
    color: #03030F;
    font-family: "Public Sans";
    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: #101F2D;
    font-family: "Public Sans";
    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: "Public Sans";
    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: #FFF;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    text-transform: capitalize;
}

.boatOption {
    color: #03030F;
    font-family: "Public Sans";
    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: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.54px;
}

.colorText {
    color: #c8192a;
    font-family: "Public Sans";
    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;
}

.newBlueBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    outline: none;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    border-radius: 3px;
    background: #09294A;
    padding: 12px 34px;
}

.newBlueBtn:hover {
    color: #FFF;
}

.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 #101F2D;
    border-radius: 0;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
}

.ui-slider-horizontal .ui-slider-range {
    background: #101F2D;
    height: 10px;
}

.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: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

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

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

.mainHeadingBlack {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    margin-bottom: 5px;
}


.custom-card-header-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid #101F2D;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
    background: #101F2D;
}


/* boat listing page css end here */
/* new boat listing page css ends here */

/* new boat detail page css starts her */
/* 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: "Public Sans";
    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;
    justify-content: space-between;
    gap: 20px;
}

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

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

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

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

.gallery-cols {
    flex-basis: calc(33.33% - 7px);
    /* 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: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 0.8px;
    width: 100%;
    height: 60px;
    background: rgba(7, 151, 218, 0.08);
    border: none;
}

.blackParaTextNoSpace {
    color: #101F2D;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

.accordion-header h3 {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.blueMainHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;   
    line-height: 30px; /* 100% */
    text-transform: uppercase;
}
.similarListingHeadingWrap{
    margin-bottom: 60px;
}
.specsList li {
    padding: 5px 0;
    border-bottom: 1px solid #EEEEEE;
}

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

.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 {
    font-family: "Public Sans";
    color: #110B11;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.specsDetail {
    font-family: "Public Sans";
    color: #110B11;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
}

.boatDetailSpecsHeading {
    color: #222222;
    font-family: "Public Sans";
    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: #222222;
    font-weight: 600;
}

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

.right-sidebar-sec-btn {
    color: #09294A;
text-align: center;
font-family: "Public Sans";
font-size: 25px;
font-style: normal;
font-weight: 900;
line-height: 30px; /* 120% */
text-transform: uppercase;
}

.inq-form-head {
    padding-top: 40px;
    padding-bottom: 15px;
    margin: 20px 0;
}

.boat-details-form-sec .form {
    padding: 0 23px 36px 23px;
}
.apply-box {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.opeen-calc {
    cursor: pointer;
}
.apply-box button {
    border-radius: 3px;
    background: #CFE1F1;
    color: #09294A;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 14px 25px;
    border: 1px solid #CFE1F1;
}
.apply-box span {
    color: #000;
    text-align: right;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.36px;
}
.apply-box strong {
    color: #000;
    font-size: 18px;
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.36px;
    text-decoration-line: underline;
    position: relative;
}
.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 {
    font-family: "Public Sans";
    width: 30%;
    color: #101F2D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.msrp-price{
    color: #09294A;
    text-align: right;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
    text-decoration-line: line-through;
}
.boatPricingList li .pricingDetail {
    font-family: "Public Sans";
    width: 70%;
    text-align: right;
    color: #3D94D6;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
}

.boatDetailInput {
    color: rgba(34, 34, 34, 0.60);
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    outline: none;
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.pricingTitleSharp {
    color: rgba(27, 29, 54, 0.80);
    font-family: "Public Sans";
    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: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingTitleRed {
    font-family: "Public Sans";
    color: #3D94D6;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
}

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

.pricingDetailPayment {
    color: #222222;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

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


.boatDetailBtn {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.9px;
    border-radius: 5px;
    border: 1px solid #09294A;
    background-color: #09294A;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
}


.boatDetailBtn:hover {
    color: #FFF;
}

.boatCardTitle {
    color: #2349A0;
    font-family: "Public Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 1px;
}

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

.preOwnedDealerContactHeading {
    color: #112342;
    text-align: center;
    font-family: "Public Sans";
    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: #222222;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.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: "Public Sans";
}

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

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

.blackParaText {
    color: #000;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

.boat-details-form::placeholder {
    font-family: "Public Sans";
    color: rgba(17, 11, 17, 0.60);
    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: "Public Sans";
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
}

.modal-title {
    color: #101F2D;
    text-align: center;
    font-family: "Public Sans";
    font-size: 24px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

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

.call-now-btn {
    font-family: "Public Sans";
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    background: #09294A;
    padding: 10px 15px 10px 15px;
    display: inline-flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    display: inline-flex;
}

.call-now-btn:hover {
    color: #FFF;
}
.custom-modal-box {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 999;
    display: none; /* Start hidden */
    transition: transform 0.5s ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.custom-modal-box.show {
    top: 50%;
    transform: translate(-50%, -50%);
}
.modal-content-box {
    display: flex;
    flex-wrap: wrap;
}
.modal-content-col {
    width: 50%;
}
.modal-white-sec {
    background: #FFF;
    padding: 50px;
}
.calculate-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.calculate-box {
    background: #005278;
    color: white;
    padding: 50px;
}
.modal-white-sec .popup_label {
    color: #000;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.modal-white-sec .popup_input {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20) !important;
    width: 100% !important;
}
.calc-error-box p {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    border: none;
    border-radius: 20px;
    padding: 7px 20px;
    text-align: center;
    margin-bottom: 25px;
}
.result_box h2 {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 22px !important;
}
.result_box h3 {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 35px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 60px !important;
}
.calculate-btn {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.20);
    border: 1px solid rgba(255, 255, 255, 0.20);
    margin-left: 0;
    width: 100%;
    padding: 12px 36px;
}
.close-btn-1 {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    border: none;
    color: #FFF;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.close-btn-2 {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    color: #FFF;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 20px;
    padding: 7px 20px;
}
/* boat detail carousel */
.boat-detail-carosuel {
    position: relative;
}

.boat-detail-carosuel button.owl-next {
    position: absolute;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border-radius: 5px;
    max-width: 50px;
}

.boat-detail-carosuel button.owl-prev {
    position: absolute;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(50%) !important;
    border-radius: 5px;
    max-width: 50px;
}



.boat-detail-carosuel .owl-nav [class*=owl-] {
    background-color: transparent;
}

.promotionCarouel .owl-nav [class*=owl-]:hover {
    background-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
}

.boat-detail-carosuel .owl-nav [class*=owl-]:hover {
    background-color: transparent;
}

.boat-detail-carosuel button.owl-prev img {
    width: 100%;
    height: 100%;
}

.boat-detail-carosuel button.owl-next img {
    width: 100%;
    height: 100%;
}

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

.boat-detail-carosuel .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.boat-detail-carosuel  .owl-dots, .boat-detail-carosuel  .owl-nav{
    display: none;
}
.breadcrumb-container {
    max-width: calc(100% - 7%);
    margin: 0 auto;
}
/* slick slider start here */

/* slick slider section starts here */

.BoatsSlider .slick-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.slider-nav {
    margin: 0 -10px;
}

.BoatsSlider .NavImages {
    margin: 0 10px;
}

.slick-dots {
    opacity: 0;
}
.slick-next {
    width: 100%;
    background-color: transparent !important;
}

.slider-for .slick-next::after {
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    background-color: #d6d6d6;
    padding: 15px;
    color: #fff;
}

.slider-for .slick-next::before {
    content: "\f104";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    background-color: #d6d6d6;
    padding: 15px;
    color: #fff;
}

.slider-for .slick-prev:hover,
.slider-for .slick-next:hover {
    background: transparent !important;
    color: #fff;
}
.slider .NavImages{
    height: 270px !important;
}
.slider .NavImages img{
    height: 100%;
    object-fit: contain !important;
}

.slick-dotted .slick-prev,
.slick-dotted .slick-next {
    height: 100%;
    width: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    color: #000000f7;
    background: transparent;
}

.slick-dotted .slick-next {
    right: -30px;
}

.slick-dotted .slick-prev {
    left: -30px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #ffffff;
    outline: none;
    background: #0000007a;
}

/* slick slider ends here */

/* boat gallery pop up */

.owl-carousel-parent {
    position: relative;
}
section.similar-seccc {
    padding: 70px 0 108px 0;
}
.boat-details-title {
    color: #09294A;
text-align: center;
font-family: "Public Sans";
font-size: 30px;
font-style: normal;
font-weight: 900;
line-height: 40px; /* 133.333% */
}

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

}

.similar-heading {
    color: #171717;
    text-align: center;
    font-family: "Public Sans";
    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: #000;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.spec-cntnt {
    color: #000;
    font-family: "Public Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
}

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

#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: #101F2D;
    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: #09294A;
}

.shareIcons {
    border: 1px solid #09294A;
    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-details-form-sec {
    background: #CFE1F1;
}

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

.tradeRadioButtonContainer {
    display: flex;
    gap: 10px;
}

.tradeFieldText {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.fm_feild {
    margin-bottom: 10px;
}


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

.search-bar {
    position: relative;
}

.tt-suggestion {
    position: absolute;
    left: 50%;
    top: 70px;
    width: 100vh;
    max-width: 400px;
    transform: translateX(-50%);
    background-color: #fff;
    max-height: 400px;
    overflow-y: auto;
    z-index: 10;
}
.inventorySearchResult {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #dddddd;
}
.inventorySearchResult .invPrice {
    color: #3D94D6;
}
.inventorySearchResult .invTitle {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
}
.inventorySearchResult .invStock {
    color: #3D94D6;
}

.imgContainer{
    width: 50%;
}

.conetntSectionContainer{
    width: 50%;
}

.imgContainer img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.invMiles{
    color: #000;
}
.listing-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.boatsHeading {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    text-transform: capitalize;
}
.listing-header-right-box {
    display: flex;
    justify-content: flex-end;
    gap: 25px;
}
.lisitng-search-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #D9D9D9;
    height: 40px;
    padding: 7px 20px;
}
.lisitng-search-box span {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
}
.lisitng-search-box input {
    width: 100%;
    height: 100%;
    border: none;
}
.lisitng-search-box input:focus{
    outline: none;
    border: none;
    box-shadow: none;
}
.sortWrapper {
    /* float: right; */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9D9D9;
    height: 40px;
    padding: 0 15px;
}
.toggler-button-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 94px;
    max-height: fit-content;
    width: 100%;
    gap: 10px;
}
.sortWrapper label {
    color: #09294A;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    white-space: nowrap;
    margin-bottom: 0 !important;
    width: 65px;
}
.sortWrapper select {
    font-size: 12px;
    height: 35px;
    padding: 0 8px;
    border-radius: 0;
    color: #09294A;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    border-bottom: none;
    border-right: none;
    height: 100%;
    margin-bottom: 0 !important;
    max-width: 200px;
    width: 100%;
}

.grecaptcha-badge {
    display: none;
}

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

/* privacy policy page start here */

.Privacy_policy_wrapper{
    margin-bottom: 100px;
}
.Privacy_policy_wrapper h2 strong{
    font-family: 'Public Sans';
    margin: 15px 0;
    line-height: normal;
    letter-spacing: normal;
    display: block;
    font-size: 30px;
}
.Privacy_policy_wrapper h2{
    font-family: 'Public Sans';
    margin: 15px 0;
    line-height: normal;
    letter-spacing: normal;
    font-size: 20px;
}
.Privacy_policy_wrapper ul{
    padding-left: 0;
}
.Privacy_policy_wrapper ul li{
    list-style-type: none;
}
.dynamic-page{
    padding-top: 50px;
}
.form-lng{
    background-color: #CFE1F1;
    padding: 50px 0px;
}
@media (max-width: 1700px) {
    .details-right-container {
        padding: 0 110px;
    }
     .details-left-container {
        padding-left: 110px;
    }
}
@media(max-width: 1600px) {
    .desktopNavContainer {
        padding: 10px 40px;
    }
    .details-left-container {
        padding-left: 90px;
    }
    .details-right-container {
        padding: 0 90px;
    }
}

@media(max-width: 1440px) {
    .details-left-container {
        padding-left: 40px;
    }
    .details-right-container {
        padding: 0 60px;
    }
    .desktopNavContainer {
        padding: 10px 15px;
    }

    .desktopMenuList {
        gap: 40px;
    }

    .desktopNavContactContainer {
        gap: 60px;
    }

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

    .boatsVariantInnerWrap {
        width: 90%;
    }

    .boatVariantTitle {
        font-size: 24px;
    }

    .brandCardBtn {
        padding: 12px 20px;
    }

    .eventDetailHeroSection {
        margin: 80px 0;
    }

    .mainIventoryCardSpecs {
        gap: 40px;
    }

    .cardSpecsAfterLine::after {
        right: -20px;
    }
}

@media(max-width: 1320px) {
    .left_tabs {
        padding-left: 20px;
        padding-right: 20px;
    }
    .contactIconsBox {
        gap: 20px;
    }

    .siteLogoContainer {
        max-width: 180px;
    }

    .desktopMenuList {
        gap: 30px;
    }

    .desktopNavContactContainer {
        gap: 30px;
    }

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

    .inventoryMegaMenu {
        top: 90px;
    }
}

@media(max-width: 1200px) {
    .boatsHeading {
        margin-bottom: 15px;
    }
    .listing-header {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }
    .details-right-container {
        padding: 0 25px;
    }
    .details-left-container {
        padding-left: 25px;
    }
    .boatsVariantCard {
        margin-bottom: 5px;
    }

    .commonImageAndTextContainer {
        gap: 50px;
    }
}

@media(max-width: 1150px) {
    .siteLogoContainer {
        max-width: 160px;
    }

    .desktopMenu {
        font-weight: 700;
    }

    .navContactPhone {
        font-weight: 700;
    }

    .contactIconsBox {
        gap: 10px;
    }

    .desktopNavContactContainer {
        gap: 20px;
    }

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

    .inventoryMegaMenu {
        top: 83px;
    }
}

@media(max-width: 1100px) {
    .desktopMenuList {
        gap: 20px;
    }

    .siteLogoContainer {
        max-width: 140px;
    }

    .desktopMenuList {
        gap: 15px;
    }

    .inventoryMegaMenu {
        top: 75px;
    }
}

@media(max-width: 991px) {
    .dynamic-page{
        padding-top: 100px;
    }
    .listing-header {
        align-items: flex-start;
        padding-left: 7px;
    }
    .mobHide{
        display: none;
    }
    .slider-img {
    position: relative;
    padding-top: 65%;
}

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

.slider-nav-img {
    width: 100%;
    height: 160px;
    padding: 0 5px;
}

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

.slick-slider-box .slick-arrow {
    display: none !important;
}
    /* boats page css start here */
    Add commentMore actions .boats-container {
        padding-top: 0px;
    }


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

    .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;
        justify-content: space-between;
        flex-direction: column;
        padding: 0;
    }

    .details-right-container {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 0;
        position: relative;
    }
    .scroll-down{
        position: absolute;
        top: -100px;
        visibility: hidden;
    }
    .boatPricingDetail {
        border-top: 1px solid lightgray;
        padding-top: 15px;
    }
    .boat-details-title {
        font-size: 25px;
        margin-bottom: 15px;
        text-align: left;
    }

    .details-left-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 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-top: 0;
    }

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

    .card-content {
        display: none;
    }

    .desktopShareBtn {
        display: none;
    }

    .mobileShareBtn {
        display: block;
    }

    /* boats page css ends here */

    .desktopHeader {
        display: none;
    }

    .mobileHeader {
        display: block;
    }

    .commonImageAndTextContainer {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }

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

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

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

    .eventGallerySection {
        margin-bottom: 60px;
    }

    .contactAndFormSection {
        margin: 40px auto;
    }

    .addressContainer {
        justify-content: flex-start;
    }

    .contactFormWrap {
        padding: 0 30px;
    }

    .commonHeroSection {
        margin: 40px 0;
        padding: 0 30px;
    }

    .tackleStoreSection {
        margin: 40px 0;
    }
}

@media(max-width: 767px) {
    .Privacy_policy_wrapper{
        margin-bottom: 60px;
    }
    .Privacy_policy_wrapper h2 strong {
        font-size: 25px;
    }
    .listing-header-right-box {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .modal-white-sec {
        background: #FFF;
        padding: 50px 25px;
    }
    
    section.similar-seccc {
        padding: 20px 0 55px 0;
    }
    .similarListingHeadingWrap {
        margin-bottom: 60px;
    }
    .specsListContainer{
        max-width: 100%;
    }
    .specsList {
        margin-top: 0;
        padding: 0 0;
    }
    .simialtListinCarousel .owl-dots, .simialtListinCarousel .owl-nav{
        display: none;
    }
    .boatsVariantCardWrap {
        height: 300px;
    }

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

    .boatsVariantCard {
        padding: 0 0;
    }

    .joinNewsFormWrap {
        flex-direction: column;
    }

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

    .footerLogoWrap {
        margin: 0 auto;
    }

    .footerParaWrap {
        margin: 30px 0;
    }

    .siteMapLinksContainer {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: unset;
    }

    .charterSectionContainer {
        gap: 20px;
    }

    .charterSection {
        padding: 40px 15px;
    }

    .eventHeroCardMainHeadingWrap {
        margin: 20px 0 20px 0;
    }

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

    .evnetHeroCardWrap {
        min-height: unset;
        height: 300px;
    }

    .eventDetailHeroSection {
        margin: 40px 0;
    }

    .eventDetailInventorySection {
        margin: 40px 0;
    }

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

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

@media(max-width: 576px) {
    
    .modal-content-col {
        width: 100%;
        padding: 30px 25px;
    }

    .result_box h2{
        margin-bottom: 14px !important;
    }
    .close-btn-1 {
        background: #005278;
        padding: 5px 15px;
        border-radius: 20px;
        display: none;
    }
    .modal-white-sec .popup_label{
        margin-bottom: 0 !important;
    }
    .custom-modal-box{
        overflow-y: auto;
        max-width: 80%;
        width: 100%;
        border-radius: 10px;
    }
    .custom-modal-box .form-group{
        margin-bottom: 0 !important;
    }

    .calculate-box{
        position: unset;
    }
    .modal-content-box{
        position: relative;
    }
    .calculate-box{
        padding: 20px 25px 80px 25px;
    }
    .result_box h3{
        margin-bottom: 25px !important;
    }
    .calculate-box{
        background: #1B75BC;
    }
    .close-btn-2{
        bottom: 24px;
    }

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

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

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

    .otherLinkCardInnerWrap {
        flex-direction: column;
    }

    .otherLinkCard {
        flex: 0 0 150px;
        height: 150px;
    }

    .otherLinkText {
        font-size: 16px;
    }

    .otherLinkSection {
        margin: 60px 0;
    }

    .newsLetterHeading {
        font-size: 25px;
        line-height: 30px;
    }

    .joinNewsHeadingWrap {
        margin-bottom: 20px;
    }

    .siteTag {
        font-size: 25px;
    }

    .footerBottomOtherLinks {
        gap: 20px;
    }

    .footerAfterLine::after {
        right: -10px;
    }

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

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

    .charterImageContainer {
        height: 150px;
        flex: 0 0 150px;
    }

    .charterTextWrapper {
        max-width: 210px;
    }

    .joinNewsLetterSection {
        padding: 54px 15px 60px 15px;
    }

    .footerLogoWrap {
        max-width: 250px;
    }

    .blueBtn {
        padding: 14px 28px 15px 28px;
    }

    .newArrivalHeading {
        font-size: 25px;
    }

    

    .commonHeroHeading {
        font-size: 25px;
        line-height: 28px;
    }

    .blogTitle {
        font-size: 18px;
        line-height: 24px;
    }

    .eventDateText {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 25px;
    }

    .eventGallerySection {
        margin-bottom: 40px;
    }

    .eventDetailInventorySection {
        margin: 40px 0;
    }

    .serviceFormHeading {
        font-size: 25px;
    }

    .contactFormHeading {
        font-size: 25px;
        line-height: 28px;
    }

    .tackleHeadingWrap {
        margin-bottom: 10px;
    }

    .tackleHeading {
        font-size: 20px;
    }

    .tackleStoreImageWrap {
        height: 150px;
        flex: 0 0 150px;
    }

    .commonHeaderContainer .commonHeaderMedia {
        object-fit: cover;
    }

    .teamMemberSection {
        margin: 40px 0;
    }

    .statusPageSection {
        margin: 120px 0 80px 0;
    }
    .brand-logos{
        bottom: 40px;
    }
}

@media(max-width: 450px) {
    .footerBottomOtherLinks {
        flex-direction: column;
        gap: 5px;
    }

    .footerBottomOuterWrap {
        padding: 15px 15px 12px 15px;
    }

    .footerAfterLine::after {
        display: none;
    }

    .joinNewsFieldWrap {
        width: 100%;
    }

    .homePromotionTitle {
        font-size: 30px;
        line-height: 32px;
    }

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