@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..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;
}

body {
    width: 100%;
    height: 100%;
}

a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.mainHeading {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
}

.mainHeadingBlue {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
}

.secondaryHeading {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.redBtn {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    border-radius: 20px;
    background: #D3665B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    padding: 7px 34px;
}

.redBtn:hover {
    background-color: #FFCA62;
    color: #1F2154;
}

.yellowBtn {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    padding: 7px 34px;
    border-radius: 20px;
    border: 1px solid #FFCA62;
    background-color: transparent;
}

.yellowBtn:hover {
    color: #1F2154;
    background-color: #FFCA62;
}

.blueBtn {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    padding: 7px 34px;
    border-radius: 20px;
    border: 1px solid #1F2154;
    background-color: transparent;
}

.blueBtn:hover {
    color: #fff;
    background-color: #1F2154;
}

.blueBtnWithBg {
    color: #fff;
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    padding: 7px 34px;
    border-radius: 20px;
    background-color: #1F2154;
    border: none;
    outline: none;
}

.blueBtnWithBg:hover {
    color: #fff;
}

.orangeBtn {
    color: #D3665B;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    display: inline-flex;
    align-items: center;
}

.orangeBtn:hover {
    color: #D3665B;
}

.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;
    display: none;
}

/* common css ends here */

/* desktop header css starts here */
.desktopHeader {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}

.topTagLineContainer {
    background-color: #D3665B;
    padding: 5px;
    text-align: center;
}

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

.underLinedLink {
    color: #FFF;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    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;
}

.underLinedLink:hover {
    color: #FFF;
}

.desktopNavContainer {
    background-color: #1F2154;
    padding: 15px 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.desktopNavLogoWrap {
    max-width: 300px;
    height: 50px;
}

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

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

.desktopNavLink {
    color: #FFF;
    font-family: Oswald;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.desktopNavLink:hover {
    color: #FFF;
}

.navPhoneText {
    color: #FFF;
    text-align: right;
    font-family: Oswald;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.navPhoneBoldText {
    color: #FFF;
    font-family: Oswald;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.navPhoneBoldText:hover {
    color: #FFF;
}

/* desktop header css ends here */

/* desktop mega menu code starts here */
.inventoryMegaMenu {
    background-color: #fff;
    padding: 40px 0 53px 0;
    position: fixed;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 15;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.4);
    display: none;
}

.megaMenuLinkHeadingWrap {
    margin-bottom: 27px;
}

.megaMenuLinkHeading {
    color: #1F2154;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.megaMenuLinksList {
    list-style: none;
}

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

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

.megaMenuLink:hover {
    color: #232323;
}

.secondMegaMenuLinkBlock {
    margin-top: 60px;
}

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

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

.megaMenuClassTextWrap {
    margin-top: 10px;
}

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

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

.classSectionHeading {
    padding-left: 10px;
}

.toggleServiceMenu {
    position: relative;
}

.serviceMegaMenu {
    background-color: #fff;
    padding: 30px 20px 33px 30px;
    min-width: 250px;
    position: absolute;
    top: 199%;
    left: -50%;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.4);
    display: none;
}

.toggleAboutMegaMenu {
    position: relative;
}

.aboutMegaMenu {
    background-color: #fff;
    padding: 30px 20px 33px 30px;
    min-width: 250px;
    position: absolute;
    top: 199%;
    left: -50%;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.4);
    display: none;
}

/* desktop mega menu code ends here */

/* mobile nav css starts here */
.mobileHeader {
    display: none;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #1F2154;
    z-index: 15;
}

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

.mobileNavLogoWrapper {
    max-width: 200px;
}

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

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

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

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

.cross .lineTwo {
    opacity: 0;
}

/* the cross effect  */

.mobileNavPhoneBarWrap {
    background-color: #1F2154;
    padding: 11px 30px 11px 30px;
    border-top: 0.1px solid #9e9a9a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.4s;
}

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

.mobileNavPara {
    color: #FFF;
    text-align: right;
    font-family: Oswald;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.mobileNavPhoneText {
    color: #FFF;
    font-family: Oswald;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

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

.navBarSearchInput {
    color: rgba(35, 31, 32, 0.60);
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    border: none;
    border-radius: 4px;
    padding: 5px;
    display: none;
}

.mobileNavSearchIcon {
    cursor: pointer;
}

.searchIcon {
    color: #fff;
}

/* mobile nav css ends here */

/* mobile mega menu css starts here */
.mobileMegaMenuContainer {
    background-color: #1F2154;
    position: absolute;
    left: 0;
    top: 129px;
    z-index: 300;
    width: 100%;
    padding: 20px 0px;
    display: none;
}
.search-bar span{
    display: none;
}
.mobMegaMenu {
    color: #fff;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.5px;
    text-align: left;
    text-decoration-skip-ink: none;

}

.mobMegaMenu:hover {
    color: #fff;
}

.mobMegaMenuLink {
    color: #fff;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: left;
    text-decoration-skip-ink: none;
}

.mobMegaMenuLink:hover {
    color: #fff;
}


.mobileMegaMenuContainer ul {
    list-style: none;
}

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

.mobMenuBreakLine {
    background-color: #fff;
}

.innerDropDown {
    margin: 5px 0;
}

.innerMenuList {
    padding: 0 15px;
    margin: 10px 0;
    display: none;
}
.mobileMegaMenuContainer .innerMenuList li{
    padding: 10px 0;
}
/* mobile mega menu css ends here */


/* footer starts here */
.joinNewLetterSection {
    background-color: #1F2154;
    padding: 59px 15px 65px 15px;
}

.joinNewHeading {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}

.joinNewsFormWrapper {
    margin-top: 30px;
}

.joinNewsFormContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.joinNewsInputWrap {
    min-width: 403px;
}

.joinNewsInput {
    color: rgba(35, 31, 32, 0.60);
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-color: #fff;
    outline: none;
    border: none;
    border-radius: 20px;
    padding: 12px 5px 11px 25px;
    width: 100%;
}

.mainFooterContainer {
    background-color: #fff;
}

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

.socailSectionOuterWrap {
    background-color: #FAFAFA;
    padding: 53px 15px 67px 15px;
}

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

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

.socailHashTag {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

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

.socailIcon {
    background-color: #1F2154;
    color: #fff;
    padding: 15px 20px;
    font-size: 18px;
}

.siteMapLinksContainer {
    padding: 100px 0 150px 0;
}

.siteMapLinkHeadingWrap {
    margin-bottom: 24px;
}

.siteMapLinkHeading {
    color: #1F2154;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.siteMapLinkList {
    list-style: none;
}

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

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

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

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

.footerRightSectionInnerWrap {
    max-width: 300px;
}

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

.footerPhoneWrap {
    text-align: right;
    margin: 30px 0;
}

.footerPhone {
    color: #1F2154;
    text-align: right;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}

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

.footerLocationLinkWrap {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    gap: 10px;
}

.footerLocationLink {
    color: #231F20;
    text-align: right;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

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

.footerBottom {
    background-color: #fff;
    border-top: 1px solid #EEEEEE;
    padding: 20px 0 17px 0;
}

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

.footerBottomLink {
    color: #231F20;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

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

.footerBottomLinkAfter {
    position: relative;
}

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

/* footer ends here */

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

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

.homeHeaderContent {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    max-width: 474px;
    text-align: center;
}

.homeHeaderLinkWrap {
    margin-top: 40px;
}

.boatLinksCardSection {
    margin: 20px 10px;
}

.boatsLinkCard {
    padding: 0 10px;
}

.boatLinkCardInnerWrap {
    position: relative;
    padding-top: 54%;
}

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

.boatLinkCardContent {
    position: absolute;
    bottom: 40px;
    left: 40px;
}

.servicesSection {
    margin: 0 10px;
}

.secondCardsContainer {
    padding: 0 10px;
}

.servicesLinkCardWrap {
    padding: 0 10px;
    position: relative;
    height: 100%;
    max-height: 600px;
}

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

.servicesLinkSecondCardWrap {
    padding: 0 10px 0 0;
    position: relative;
    height: 100%;
    max-height: 600px;
}

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

.servicesLinkthirdCardWrap {
    padding: 0 0 0 10px;
    position: relative;
    height: 100%;
    max-height: 600px;
}

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

.familySection {
    margin: 100px 0 85px 0;
}

.familImageContainer {
    height: 100%;
}

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

.familyTextContainer {
    background-color: #1F2154;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
}

.familyInnerWrapper {
    max-width: 600px;
}

.familyParaWrapper {
    margin: 30px 0;
}

.whitePara {
    color: #FFF;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

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

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

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

.familyTagLine {
    color: #FFF;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 30px;
}

.ourBrandsHeadingWrap {
    margin-bottom: 85px;
}

.brandImageContainer {
    height: 130px;
}

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

.brandCardWrap {
    margin-bottom: 30px;
    border: 1px solid #1F2154;
}

.brandLogoContainer {
    padding: 3% 3%;
}

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

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

.promotionAndPartsSection {
    margin: 100px 0;
}

.promotionsCardWrap {
    position: relative;
    height: 100%;
    padding: 0 10px;
}

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

.promoCardContent {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

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

.locationCardWrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex: 1 0 calc((100% / 3) - 60px);
}

.locationImageContainer {
    width: 40%;
}

.locationTextContainer {
    width: 60%;
}

.locationImageContainer {
    height: 100%;
    min-height: 155px;
}

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

.locationTextContainer {
    height: 100%;
}

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

.locationParaWrap {
    margin-top: 20px;
}

.chesterSection {
    margin: 100px 0 150px 0;
}

.chesterTextContainer {
    padding: 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #fff;
    border-top: 1px solid #1F2154;
    border-bottom: 1px solid #1F2154;
    border-left: 1px solid #1F2154;
}

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

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

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

.otherLinksIconWrapper {
    border: 1px solid #FFCA62;
    border-radius: 50%;
    flex: 0 0 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.otherLinkPara {
    margin-top: 10px;
}

.otherLinkSection {
    margin-bottom: 150px;
}

/* home page css ends here */

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

.blogHeadingWrapper {
    margin-bottom: 40px;
}

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

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

.blogTab {
    border: none;
    outline: none;
    background-color: #fff;
    color: #1F2154;
    font-family: "Source Sans 3";
    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: #1F2154;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

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

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

.readMore {
    font-family: "Source Sans 3";
    color: #D3665B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

/* blogs page css ends here */

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

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

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

.blogDetailTextContainer {
    margin-top: 30px;
}

.blogHeading {
    color: #1F2154;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}


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

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

.similarPostsContainer {
    padding-left: 50px;
}

.similarPostHeaderWrapper {
    margin-bottom: 30px;
}

.similarPostTitleWrapper {
    margin-top: 10px;
}

.similarPostCard {
    margin-bottom: 40px;
}

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

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

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

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

.eventsCardContainer {
    margin-bottom: 90px;
}

/* blog detail page css ends here */

/* contact page css starts here */
.commonHeaderSection {
    position: relative;
    padding-top: 37%;
    min-height: 500px;
}

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

.contactFormSection {
    position: absolute;
    right: 10%;
    bottom: -150px;
    background-color: #fff;
    border: 1px solid #1F2154;
    padding: 50px 76px 62px 76px;
    z-index: 10;
}

.contactParaWrappper {
    margin-top: 30px;
    margin-bottom: 50px;
}

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

.contactLoctionHeadingWrap {
    margin-top: 40px;
    margin-bottom: 80px;
}

.contactLocationBox {
    margin: 40px 0;
}

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

.contactLoctionMapwrap {
    height: 100%;
}

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

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

.contactLocationInnerWrap {
    max-width: 620px;
    text-align: center;
}

.contactTextHeading {
    color: #222;
    text-align: center;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #222;
    font-family: "Source Sans 3";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.contactLoctionAddressWrap {
    margin: 30px 0;
}

.contactLoctionPhone {
    color: #222;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.contactLoctionPhone:hover {
    color: #222;
}

.contacthoursDetail {
    margin-top: 30px;
}

.hoursHeading {
    color: #222;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.hoursDetailPara {
    margin-top: 10px;
}

.contactLocationBtnWrap {
    margin-top: 60px;
}

.contactAddressAndMapSection {
    margin: 60px auto;
}

.lastContactLocationSection {
    margin-bottom: 120px;
}

.contactHeaderSection {
    min-height: 700px;
}

.formFieldWrapper {
    margin-bottom: 30px;
}

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

.contactLocationSection {
    margin: 125px 0 85px 0;
}

.contactLocationHeadingWrap {
    margin-bottom: 85px;
}

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

.contactLocationTextWrap {
    margin-top: 30px;
    text-align: center;
}

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

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

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

.contactLocationPhone {
    color: #1F2154;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.contactLocationPhone:hover {
    color: #1F2154;
}

.contactMapSection {
    margin-bottom: 120px;
}

.contactMapWrapper {
    min-height: 500px;
}

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

/* contact page css ends here */


#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: #001a38;
    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: #001a38;
}

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

.desktopShareBtn{
    display: block;
}

.mobileShareBtn{
    display: none;
}


/* status pages css starts here */
.commonSection {
    margin-bottom: 120px;
}

.commonSectionInnerWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 120px;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 15px;
}

.commonSectionTextWrapper {
    width: 50%;
    max-width: 700px;
}

.commonSectionImageWrapper {
    width: 50%;
    max-width: 700px;
}

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


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


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

.firstSectionTopMargin {
    margin-top: 170px;
}


.statusPagesTextWrapper {
    max-width: 700px;
}

/* stats pages css starts here */

/* trade page css starts here */
.consigmentCardContainer {
    margin-bottom: 30px;
}

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

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

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

.consigmentCardTitle {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
}

.consginmentCardPrice {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.consigmentCardInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    color: rgba(35, 31, 32, 0.60);
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.cardInfoAfterLine {
    position: relative;
}

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

.consigmentInfoCardSection {
    margin-top: 100px;
}

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

.consigmentInfoCard {
    background-color: #fff;
    padding: 31px 35px 28px 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    min-height: 200px;
    flex: 0 1 420px;
    border: 1px solid #1F2154;
}

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

.consitmentInfoContentWrap {
    max-width: 280px;
}

.consginmentInfoCardHeading {
    color: #FFF;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    letter-spacing: -0.5px;
}

.consigmentInfoCardNumberWrap {
    margin-top: -8px;
}

.consigmentInfoCardNumber {
    color: #FFCA62;
    text-align: right;
    font-family: Oswald;
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    letter-spacing: -1px;
}

.outboardListingSection {
    margin-top: 80px;
    margin-bottom: 70px;
}

.outBoardEngineSectionHeadingWrap {
    text-align: center;
    margin-bottom: 60px;
}

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

.topCommonTextInnerWrap {
    padding: 0 15px;
}

.topCommonImageWrap {
    max-width: 900px;
    margin-left: auto;
}

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

.topCommonImageWrap .topCommonMedia {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 400px;
}

.otherCommonImageWrap {
    max-width: 900px;
    margin-right: auto;
}

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


.topCommonSection {
    margin: 180px 0 100px 0;
}

.topCommonTextInnerWrap {
    max-width: 600px;
}

.topCommonParaWrap {
    margin: 40px 0;
}

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

.textImageSection {
    margin: 100px 0;
}

.sectionImageContainer {
    height: 100%;
}

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

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

.sectionTextInnerWrap {
    max-width: 600px;
}

.sectionTextPara {
    margin: 30px 0;
}

.formSection {
    padding: 100px 0 120px 0;
}

.fomrHeadingWrapper {
    margin-bottom: 60px;
}

.formSectionWrap {
    padding: 0 30px;
}

.formFieldWrapper {
    margin-bottom: 25px;
}

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

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

.formBtnWrapper {
    margin-top: 25px;
}

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

.formLeftBorder {
    border-left: 1px solid #EEEEEE;
}

/* trade page css ends here */

/* financing page css starts here */
.commonHeaderSection {
    position: relative;
    padding-top: 31%;
}

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

.commonHeroSection {
    margin: 85px 0;
}

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

.commonHeroHeader {
    max-width: 400px;
}

.commonHeroParaWrap {
    max-width: 1000px;
}

.financeFrameHeadingWrap {
    margin-bottom: 30px;
}

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

.financeFrameSection {
    margin-bottom: 150px;
}

/* financing page css ends here */

/* slips page css starts here */
.commonHeaderContent {
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
}

.serviceGallerySection {
    margin-bottom: 100px;
}

.seviceGalleryHeadingWrap {
    margin-bottom: 40px;
}

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

/* slips page css ends here */

/* event page css starts here */
.eventDateContent {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #1F2154;
    padding: 12px 20px 13px 65px;
}

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

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

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

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

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

.eventHeroDetailPara {
    color: #232323;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

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

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

.eventGallerySection {
    margin-bottom: 100px;
}

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

.eventFormHeadingWrap {
    margin-bottom: 60px;
}

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

.eventInputContainer {
    margin-bottom: 25px;
}

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

.formBtnContainer {
    margin-top: 5px;
}

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

/* event detail page css ends here */

/* staff page csss starts here */
.staffHeroSection {
    margin: 180px 0 85px 0;
}

.secondStaffCardsSection {
    margin-bottom: 60px;
}

.secondStaffCardsWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 60px;
    row-gap: 30px;
    flex-wrap: wrap;
}

.secondStaffCard {
    flex-basis: 250px;
    flex-grow: 0;
    flex-shrink: 0;
}

.secondStaffImageContainer{
    position: relative;
    padding-top: 130%;
}

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

}

.memberName {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    text-transform: uppercase;
}

.memberPosition {
    color: rgba(31, 33, 84, 0.60);
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}

.memberPhoneWrap {
    text-align: center;
}

.memberPhone {
    color: #D3665B;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
}

.memberPhone:hover {
    color: #D3665B;
}

.secondStaffTitleInfo {
    margin-top: 10px;
}

.joinStaffSection {
    margin: 100px 0 120px 0;
}

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

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

.applyModalWrapper {
    max-width: 560px;
}

.applyModalTitle {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.8px;
    text-transform: uppercase;
}

.modalTitleWrap {
    margin-bottom: 60px;
}

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

#uploadButton {
    width: 50%;
}

.inputWrapper {
    margin-bottom: 30px;
}

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

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

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

.resumeBtn {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    padding: 7px 26px;
    border-radius: 20px;
    border: 1px solid #1F2154;
    background-color: #fff;
}

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

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

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

.certifiedLinkWrapper {
    margin-bottom: 20px;
}

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

/* staff page css ends here */

/* about page css starts here */
.aboutHistoryBtnWrap {
    margin-top: 100px;
}

.aboutHistoryBtn {
    background-color: #1F2154;
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    text-transform: uppercase;
    padding: 15px 20px;
    width: 100%;
    display: block;
}

.aboutHistoryBtn:hover {
    color: #FFF;
}

.commonHeroBtnWrap {
    margin-top: 40px;
}

.aboutSectionCardWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 0 45px;
}

.aboutSectionCardTextWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: calc(100% - 490px);
}

.aboutCardHeading {
    color: #D3665B;
    font-family: Oswald;
    font-size: 100px;
    font-style: normal;
    font-weight: 300;
    line-height: 100px;
}

.aboutCardInnerTextWrap {
    max-width: 650px;
}

.aboutInfoTitle {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
}

.aboutInfoList {
    padding-left: 30px;
}

.aboutCardImageWrap {
    max-width: 400px;
    height: 267px;
}


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

.aboutCardSeparator {
    margin: 60px 0;
    background-color: #000000;
}

.aboutInfoList li {
    color: #232323;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
}

.lastaboutSeparator {
    margin-top: 60px;
    margin-bottom: 200px;
    background-color: #000000;
}

/* about page css ends here */

/* warranty service page css starts here */
.emailToPara {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}

.topServiceParaWrap {
    margin-top: 40px;
    margin-bottom: 10px;
}

.emailTopStyle {
    color: #D3665B;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    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;
}

.emailTopStyle:hover {
    color: #D3665B;
}

/* warranty sevice page css ends here */

/* ships stroe page css starts here */
.brandlinks {
    color: #232323;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    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;
}

.brandlinks:hover {
    color: #232323;
}

.otherCommonSection {
    margin: 100px 0;
}

.returnPolicySection {
    max-width: 700px;
    margin: 100px auto;
    background-color: #1F2154;
    padding: 60px 100px;
}

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

.returnPolicyList {
    margin-top: 30px;
}

.returnPolicyList li {
    margin-bottom: 5px;
    color: #FFF;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* ships store page css ends here */

/* storage page css starts here */
.customMarginForFirstHeader {
    /* margin-top: 110px; */
     margin-top: 80px;
}

.storageParaWrapper {
    margin-top: 20px;
}

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

.securityAndConvinienceSection {
    margin: 100px 0;
}

.whyChooseStorageSection {
    margin: 100px 0;
}

.whyChooseParaWrap {
    max-width: 700px;
    margin: 30px auto 60px auto;
}

.storageFeatureSection {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
    padding: 0 15px;
}

.storageFeatureItem {
    flex: 0 1 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.storageNumberCirle {
    background-color: #1F2154;
    border-radius: 50%;
    height: 100px;
    flex: 0 0 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.featureNumber {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
}

.storageFeatureHeading {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}

.serviceLinkWrap {
    margin-top: 20px;
}

.servicesCardsMargin {
    margin-bottom: 85px;
}

.certifiedLogoOuterWrap {
    padding: 0 10px;
    margin-bottom: 20px;
}

.certifiedLogosWrap {
    border: 1px solid #1F2154;
    background-color: #fff;
    padding: 20px 19px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.maintenanceList {
    margin: 20px 0 30px 0;
    padding-left: 40px;
}

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

.storageFaqContainer {
    border: 1px solid #1F2154;
    background-color: #1F2154;
    padding: 60px 195px;
}

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

.faqHeadingWrap {
    margin-bottom: 60px;
}

.questionColorText {
    color: #FFCA62;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.questionText {
    color: #FFF;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.answerText {
    color: #FFF;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.answerColorText {
    color: #FFCA62;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.faqSeparator {
    margin: 40px 0;
    background-color: #D9D9D9;
}

.storageFaqSection {
    margin: 0 0 120px 0;
}

.faqLinkText {
    color: #FFF;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.faqLinkText:hover {
    color: #FFF;
}

/* storage page css ends here */

/* location page css starts here */
.locationPhoneWrapper {
    margin: 30px 0;
}

.locationPhone {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

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

.locationAddressTextWrap {
    border: 1px solid #E6E6E6;
    background-color: #FAFAFA;
}

.locationAddressTextWrap {
    padding: 89px 15px;
}

.locationAddressInnerWrap {
    text-align: center;
}

.locationHours {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.locationHoursInfoPara {
    color: #222;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.loactionPageLinkWrap {
    margin-top: 50px;
}

.locationAddressMapSection {
    margin-bottom: 120px;
}

.locationMapContainer {
    height: 100%;
}

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

.locationAddressPara {
    color: #222;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 20px;
}

.locationTagLine {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
}

.galleryHeadingWrap {
    margin-bottom: 40px;
}

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

.mainGalleryWrap {
    padding: 0 15px;
}

.locationGallerySection {
    margin: 100px 0;
}

/* location page css ends here */

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

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

.brandPageLogoContainer {
    max-width: 400px;
}

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

.brandParawrapper {
    max-width: 1000px;
}

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

.promotionTextWrapper {
    margin-bottom: 85px;
}

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

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

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

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

.modelContentWrap {
    margin-top: 20px;
}

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

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

.modelsCard {
    margin-bottom: 40px;
}

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

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

/* brands pages css ends here */

/* boats page css start hree */

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

.inventory-heading {
    color: #777;
    font-family: "AnekOdia-Bold";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 3px;
  
  }
  
  .boat-card-image {
    position: relative;
    padding-top: 66.3%;
  }
  
  .vacation-rentals-image {
    position: relative;
    padding-top: 57%;
  }
  
  .vacation-rentals-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .vacation-card-title {
    color: #000;
    text-align: center;
  font-family: "DMSans-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 35px;
    letter-spacing: 1px;
  }
  
  .boat-card-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .boat-title h5 a {
    color: #000;
  font-family: "DMSans-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    letter-spacing: 1px;
  }
  
  .boat-title h5 a {
    text-decoration: none;
    color: #000;
  }
  
  .payment-sec p {
    color: #001067;
  font-family: "DMSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.9px;
    margin-bottom: 0;
  }
  
  .custom-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    border-bottom: 1px solid #EEEEEE;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
  }
  
  .custom-card-header i.fa {
    display: none;
  }
  
  .custom-card-header span.fa {
    display: block;
    color: #00202C;
    font-weight: bold;
    font-size: 20px;
  }
  
  .card-content {
    display: none;
    padding: 15px 0;
  }
  
  .custom-card-header h2 {
    color: #1F2154;
    font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
  
  }
  
  .filter-search-box {
    border: none !important;
  }
  
  .filter-search-box:focus {
    box-shadow: none;
    outline: none;
  }
  
  .custom-search-view ul {
    padding-left: 0;
  }
  
  .custom-search-view ul li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
    background-color: #FAFAFA;
    border-radius: 2px;
  }
  
  .custom-card-header .fa {
    color: #1C4D78;
    font-size: 20px;
  }
  
  .custom-search-view ul .closX {
    cursor: pointer;
  }
  
  .rotate180deg {
    transform: rotate(180deg);
  }
  
  .no-border {
    border: none;
  }
  
  .custom-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .content-show {
    display: block !important;
  }
  
  .boat-inventory-cond-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
  }
  
  .boat-inventory-cond-list .cond-list-item {
    list-style: none;
    position: relative;
    padding-right: 30px;
    color: #696969;
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.8px;
    text-transform: capitalize;
  }
  
  .cond-list-item+.cond-list-item::after {
    position: absolute;
    content: "";
    background-color: #696969;
    top: 50%;
    left: -15px;
    transform: translateY(-47%);
    width: 2px;
    height: 14px;
  }
  
  
  .boat-seprator {
    padding-top: 140px;
  }
  
  /* filter  */
  .youSearchList li span strong {
    color: #1F2154 !important;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    
  }
  
  .youSearchList li span {
    color: #231F20;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    
  }
  .youSearchList{
    margin-top: 40px;
  }
  
  .left_tabs {
    padding-top: 140px;
    padding-left: 40px;
    padding-right: 41px;
  }
  
  .inner_wrap_filter {
    display: flex;
    align-items: center;
    margin-top: 50px;
  }
  
  .inner_wrap_filter a {
    text-transform: uppercase;
    color: #fff;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.9px;
    display: flex;
  }
  
  .filter_btn .fa {
    color: #fff;
  }
  
  
  .inner_wrap_filter a:focus {
    outline: none;
    box-shadow: none;
  }
  
  .inner_wrap_filter a span {
    padding-left: 10px;
  }
  
  .inner_wrap_filter .left_btn {
    border-right: 1px solid #D3D3D3;
    padding: 11px 8px;
    background-color: #1F2154;
    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;
  }
  h3.boat-location {
    text-align: center;
    margin: 10px 0px;
 }
  
  .top_new_filter .inner_wrap_bt {
    border: 1px solid #003560;
    border-radius: 30px;
  }
  
  .top_new_filter .inner_wrap_bt a {
    padding: 7px 10px;
    display: inline-block;
    min-width: 150px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 0.9px;
    border: 1px solid #1F2154;
    border-radius: 30px;
  }
  
  .top_des_fil .close_btn {
    display: none;
  
  }
  
  .new_768 .close_btn {
    display: block;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #dfdfdf;
    padding-right: 20px;
    padding-bottom: 10px;
  }
  
  .sqr-checkBox label input {
    margin-right: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  
  .sqr-checkBox label span {
    font-family: "Source Sans 3";
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.8px;
  }
  
  .new_768 .close_btn a {
    color: #003560;
    font-size: 20px;
  }
  
  .new_768 {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    background-color: #fff;
    max-width: 550px;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    display: none !important;
  }
  
  
  .card-header span {
    display: none !important;
  }
  
  .card-header .fa-angle-down {
    display: none !important;
  }
  
  .card-header .fa-angle-up {
    display: none !important;
  }
  
  .new_one {
    display: block !important;
  }
  
  .filterHeading {
    color: #171717;
  font-family: "DMSans-Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
  
  .boatOption {
    color: #171717;
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    width: 100%;
    padding: 5px 10px;
    outline: none;
  }
  
  .brandInventoryImageContainer {
    position: relative;
    padding-top: 65%;
  }
  
  .brandInventoryImageContainer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .brandInventoryCard {
    margin-bottom: 40px;
  }
  
  .brandCardContent {
    margin-top: 12px;
  }
  
  .branContactLine {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.32px;
  }
  
  .colorText {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.32px;
  }
  
  .brandContactLineWrapper {
    margin: 50px 0 100px 0;
  }
  .blueMainHeading{
    color: #1F2154;
    font-family: Oswald;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
  }
  .filters-header h2{
    color: #1F2154;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 1.25px;
    text-transform: uppercase;
  }
  .featuredCardHeading {
    color: #1F2154;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
  }
  .featuredCardPrice{
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
  .boatDetailsss span{
    color: rgba(35, 31, 32, 0.60);
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
  
  .promotionText {
    color: #FFF;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    background-color: #D3665B;
    padding: 5px 81px;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  }
  
  .call-now-btn {
    color: #FFF;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: block;
    padding: 15px;
    background: #D3665B;
  }
  
  .similar-seccc{
    margin-top: 70px;
  }
  
  /* boat listing page css end here */

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

  .tt-suggestion {
    position: absolute;
    left: 50%;
    top: 177px;
    width: 100%;
    max-width: 300px;
    transform: translateX(-50%);
    /* padding: 10px; */
    background-color: #fff;
    max-height: 300px;
    overflow-y: auto;
    z-index: 400;
}

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

.tt-suggestion-mobile.hidden {
    display: none;
}
  .boatDetailCarouselImageContainer{
    position: relative;
    padding-top: 65%;
  }
  .inventorySearchResult {
    flex-direction: column;
    align-items: center;
    text-align:center;
    margin-bottom: 20px;
    background: #f9f9f9;
    border: 1px solid #A74B44;
}
.inventorySearchResult .invTitle {
    font-size: 18px;
    color: #000;
}
.invPrice {
    color: #1f2154;
}
.invMiles {
    color: #1f2154;
}
  .imgContainer img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
  
  .boatDetailCarouselImageContainer img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .boat-inventory-cond-list .cond-list-item {
    list-style: none;
    position: relative;
    padding-right: 30px;
    color: rgba(0, 0, 0, 0.60);
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
  
  .cond-list-item+.cond-list-item::after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.60);
    top: 50%;
    left: -15px;
    transform: translateY(-47%);
    width: 1px;
    height: 14px;
  }
  
  .details-main-row {
    margin-top: 40px;
    display: flex;
  }
  
  .details-left-container {
    position: relative;
    margin-top: 100px;
    width: 65%;
    padding-left: 150px;
  }
    
    .breadcrumb-item a {
        color: rgba(0, 0, 0, 0.60);
        font-family: 'acumin-light';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .breadcrumb {
        background-color: unset;
    }
  
  .mobileBoatInfo {
    max-width: 500px;
    margin: 0 auto;
  }
  
  .details-right-container {
    position: sticky;
    top: 0;
    left: 0;
    width: 35%;
    padding: 0 150px;
  }
  
  .gallery-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
  
  .gallery-cols {
    flex-basis: calc(33.33% - 10px);
    flex-grow: 0;
  }
  
  .gallery-box-img {
    position: relative;
    padding-top: 67%;
  }
  
  .gallery-box-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .gallery-box-img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .more-img-btn {
    margin: 15px 0 40px 0;
  }
  
  .more-img-btn button {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    width: 100%;
    height: 45px;
    border: none;
    background: #1F2154;
  }
  
  .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    cursor: pointer;
    margin-top: 15px;
  }
  
  .accordion-header h3 {
    color: #1F2154;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 1.25px;
    text-transform: uppercase;
  }
  
  .accordion-header span.fa {
    font-size: 20px;
    color: #1C4D78;
  }
  
  .accordion-content {
    padding-bottom: 45px;
  }
  
  .list-cntnt {
    position: relative;
    margin-bottom: 60px;
  }
  .list-cntnt p{
    color: #231F20 !important;
    font-family: "Source Sans 3" !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
  
  .specsListContainer {
    max-width: 445px;
    margin-bottom: 50px;
  }
  
  .specsList {
    margin-top: 20px;
    list-style: none;
    padding: 0 15px
  }
  
  .specsList hr {
    margin: 8px 0;
  }
  
  .specsList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  
  .specsList li p {
    width: 50%;
  }
  
  .specsName {
    color: #231F20;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
  
  .specsDetail {
    color: #1F2154;
    text-align: right;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
  }
  
  .boatDetailSpecsHeading {
    color: #1C4D78;
    font-family: "DMSans-Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
  }
  
  
  .contact-details {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
  
  .boat-details-location {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  
  .boat-details-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  
  .boat-details-contact a:hover {
    text-decoration: none;
  }
  
  .boat-details-location a:hover {
    text-decoration: none;
  }
  
  .boat-details-location h1,
  .boat-details-contact h1 {
    font-size: 20px;
  }
  
  .boat-details-location p {
    margin-bottom: 15px;
  }
  
  .boat-details-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  
  .boat-details-contact h1 {
    margin-bottom: 15px;
  }
  
  .boat-details-contact p {
    margin-bottom: 15px;
  }
  
  
  .right-sidebar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 100px;
  }
  
  
  .right-sidebar-top-btn {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
  }
  
  .sidebar-bottom-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  .item-price {
    color: #004A87;
    font-weight: 600;
  }
  
  .right-sidebar-red-btn {
    background: #D8231C;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0;
  }
  
  .right-sidebar-sec-btn {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  .inq-form-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .details-lg-btn-box {
    margin-top: 60px;
  }
  
  .similar-box-row {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    padding: 0 70px;
  }
  
  .boatPricingList {
    list-style: none;
  }
  
  .boatPricingList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5px;
  }
  
  .boatPricingList li .pricingTitle {
    width: 30%;
    color: #231F20;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.4px;
  }
  
  .boatPricingList li .pricingDetail {
    width: 70%;
    text-align: right;
    color: #00202C;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.4px;
    text-decoration: line-through;
  }
  
  .pricingTitleSharp {
    color: rgba(27, 29, 54, 0.80);
  font-family: "DMSans-Regular";
    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: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
  }
  
  .pricingTitleRed {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.4px;
  }
  
  .border_bottom {
    border-bottom: 2px solid lightgray !important;
    border-radius: 0px !important;
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 25px;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .pricingTitlePayment {
    color: #1B1D36;
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
  }
  
  .pricingDetailPayment {
    color: #1B1D36;
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
  }
  
  .downPayment {
    color: #1B1D36;
  font-family: "DMSans-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.42px;
    text-align: right;
  }
  
  .viewDisclaimerBtn {
    color: #1C4D78;
  font-family: "DMSans-Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.42px;
  }
  
  .viewDisclaimerBtn:hover {
    color: #1C4D78;
  }
  
  .boatDetailBtn {
    color: #FFF;
    text-align: center;
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    background: #1B1D36;
    padding: 10px 0 11px 0;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1B1D36;
    transition: all 0.4s;
  }
  
  .boatDetailBtn:hover {
    color: #FFD203;
    padding: 10px 55px 11px 60px;
  }
  
  .preOwnedDealerContactWrapper {
    border: 1px solid #1F2154;
    background: #FFF;
    padding: 20px 57px 25px 59px;
  }
  
  .preOwnedDealerContactHeading {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  .dealerMainContent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
  }
  
  .dealerImageContainer {
    width: 60px;
    height: 60px;
  }
  
  .dealerImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .dealerContactHeading {
    color: #231F20;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
  
  .dealerPhoneNumber {
    color: #1F2154;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
  }
  
  .dealerPhoneNumber:hover {
    color: #D3665B;
  }
  
  .custom-textareat {
    border-bottom: 2px solid lightgray !important;
    border-radius: 0px !important;
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 25px;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .end-content {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .boatDetailPageSeparator {
    margin-top: 99px;
  }
  
  .end-content a {
    padding: 0px 25px;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
  }
  
  .end-content a:hover {
    color: black;
    text-decoration: none;
  }
  
  .right-border {
    border-right: 1px solid black;
  }
  
  .boat-details-call-sec {
    background-color: var(--red-color);
    padding: 5px 0px;
  font-family: "DMSans-Regular";
  }
  
  .boat-details-call-sec p {
    text-align: center;
    color: white;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 2px;
  font-family: "Source Sans 3";
    line-height: 30px;
  }
  
  .boat-details-call-sec p a {
    color: white;
    text-decoration: none;
  }
  
  .boat-details-form {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #D9D9D9;
    color: #000;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
  }
  
  .boat-details-form::placeholder {
    color: rgba(35, 31, 32, 0.60);
    font-family: "Source Sans 3";
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
  }
  
  .boat-details-form:focus {
    outline: none;
    box-shadow: none;
  }
  
  .form-lable {
    color: #112342;
  font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
  }
  
  .modal-title {
    color: #004A87;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 20px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  
  .boat-details-sm-btn:hover {
    color: #FFF;
  }
  
  .call-now-btn:hover {
    color: #FFF;
  }
  
  /* boat detail carousel */
  
  .boat-detail-carosuel .item {
    width: 100%;
    height: auto;
  }
  
  .boat-detail-carosuel .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* boat gallery pop up */
  
  .owl-carousel-parent {
    position: relative;
  }
  
  .boat-details-title {
    color: #1F2154;
    text-align: center;
    font-family: Oswald;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
  
  }
  .dealerContactTextWrapper{
    text-align: center;
  }
  
  .similar-bts {
    padding-top: 60px;
    padding-bottom: 120px;
  
  }
  
  .similar-heading {
    color: #171717;
    text-align: center;
  font-family: "DMSans-Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
  }
  
  .boat-card {
    background-color: transparent;
    width: 100%;
  }
  
  .similar-boat-img {
    position: relative;
    padding-top: 65.5%;
  }
  
  .similar-boat-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .spec-mn-head {
    color: rgba(23, 23, 23, 0.50);
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
  }
  
  .spec-cntnt {
    color: #171717;
  font-family: "DMSans-Regular";
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
  }
  
  .boat-title-mn {
    color: #000;
  font-family: "DMSans-Regular";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 2px;
  }
  
  .boatLocation {
    color: rgba(27, 29, 54, 0.60);
  font-family: "DMSans-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.48px;
    text-align: center;
    margin: 10px 0 20px 0;
  }
  
  .mn-similar-sec {
    padding-top: 60px;
  }
  
  .hr-line {
    margin-top: 100px;
  }
  
  .formBtnWrapper {
    margin-top: 30px;
  }
  
  
  /* +++++++++++++++++++++++++++ */
  .similarInventorySection {
    margin-top: 100px;
    margin-bottom: 180px;
  }
  
  .similarListingCarousel {
    position: relative;
    margin-top: 40px
  }
  
  .similarListingCarousel .owl-nav {
    position: absolute;
    bottom: -25%;
    right: 8%;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    display: flex !important;
  }
  
  .similarListingCarousel .owl-nav .owl-prev span {
    background-color: #1C4D78;
    color: #fff;
    font-size: 40px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px 25px 20px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 100% 100%, 0% 100%);
    transition: all 0.3s;
  }
  
  .similarListingCarousel .owl-nav .owl-prev span:hover {
    background-color: #C8192A;
    margin-bottom: 10px;
  }
  
  .similarListingCarousel .owl-nav .owl-next span {
    background-color: #1C4D78;
    color: #fff;
    font-size: 40px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 13px 20px 25px 20px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 100% 100%, 0% 100%);
    transition: all 0.3s;
  }
  
  .similarListingCarousel .owl-nav .owl-next span:hover {
    background-color: #C8192A;
    margin-bottom: 10px;
  }
  
  
  /* boat detail page css ends here */



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

.grecaptcha-badge {
    display: none;
}

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



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

    .evnetHeroCardWrap {
        padding-left: 15px;
    }

    .similarPostsContainer {
        padding-left: 30px;
    }
}

@media (max-width: 1600px) {
    .desktopNavContainer {
        padding: 15px 30px;
    }
    .details-left-container{
        padding-left: 80px;
    }
    .details-right-container{
        padding: 0px 80px;
    }
}

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

    .desktopNavLogoWrap {
        max-width: 250px;
    }

    .desktopNavLink {
        font-size: 16px;
    }

    .navPhoneText {
        font-size: 16px;
    }

    .navPhoneBoldText {
        font-size: 16px;
    }

    .locationOuterContainer {
        gap: 20px;
    }

    .similarPostsContainer {
        padding-left: 0;
    }

    .aboutCardImageWrap {
        max-width: 350px;
    }

    .aboutSectionCardTextWrap {
        width: calc(100% - 440px);
    }
}

@media (max-width: 1350px) {
    .desktopNavLinksList {
        gap: 20px;
    }

    .locationOuterContainer {
        flex-wrap: wrap;
    }

    .locationCardWrap {
        flex: 0 1 540px;
    }
}

@media (max-width: 1200px) {
    .desktopNavLogoWrap {
        max-width: 200px;
    }

    .desktopNavContainer {
        padding: 15px 15px;
    }

    .chesterSection {
        padding: 0 15px;
    }

    .eventDetailHeroSection {
        margin: 80px 0;
    }

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

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

    .servicesCardsMargin {
        margin-bottom: 40px;
    }

    .storageFaqContainer {
        padding: 60px 100px;
    }
    .left_tabs{
        padding-left: 20px;
        padding-right: 20px;
    }
    .details-right-container{
        padding: 0px 50px;
    }
    .details-left-container{
        padding-left: 50px;
    }

}

@media (max-width: 1150px) {
    .desktopNavLogoWrap {
        max-width: 197px;
    }

    .desktopNavLinksList {
        gap: 15px;
    }

    .desktopNavLink {
        font-size: 14px;
    }

    .navPhoneText {
        font-size: 14px;
    }

    .navPhoneBoldText {
        font-size: 14px;
    }

    .aboutSectionCardWrapper {
        flex-direction: column;
    }

    .aboutSectionCardTextWrap {
        width: 100%;
    }

    .aboutCardImageWrap {
        max-width: 400px;
    }
}

@media (max-width: 1050px) {
    .desktopNavLink {
        font-size: 13px;
    }

    .navPhoneText {
        font-size: 13px;
    }

    .navPhoneBoldText {
        font-size: 13px;
    }
}


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

    .mobileHeader {
        display: block;
    }

    .familySection {
        margin: 60px 0 60px 0;
    }

    .ourBrandsHeadingWrap {
        margin-bottom: 60px;
    }

    .promotionAndPartsSection {
        margin: 60px 0;
    }

    .chesterSection {
        margin: 60px 0 60px 0;
    }

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

    .otherLinkSection {
        margin-bottom: 60px;
    }

    .footerRightSection {
        justify-content: center;
        align-items: center;
    }

    .footerPhoneWrap {
        text-align: center;
    }

    .footerLocationLinkWrap {
        justify-content: center;
        align-items: center;
    }

    .siteMapLinksContainer {
        padding: 40px 0 40px 0;
    }

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

    .commomHeroContainer {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .commonHeroSection {
        margin: 40px 0;
    }

    .financeFrameHeadingWrap {
        text-align: center;
        margin-bottom: 20px;
    }

    .commonHeroParaWrap {
        text-align: center;
    }

    .financeFrameSection {
        margin-bottom: 60px;
    }

    .blogPageWrap {
        margin-top: 180px;
    }

    .blogHeadingWrapper {
        margin-bottom: 30px;
    }

    .blogCardWrapper {
        margin-bottom: 20px;
    }

    .eventDateText {
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .eventsCardContainer {
        margin-bottom: 60px;
    }

    .eventDetailHeroSection {
        margin: 40px 0;
    }

    .blogTabsList {
        gap: 40px;
    }

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

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

    .blogParaTextWrapper {
        text-align: center;
    }

    .similarPostHeaderWrapper {
        margin-bottom: 20px;
        text-align: center;
    }

    .similarPostTitleWrapper {
        text-align: center;
    }

    .similarPostCard {
        margin-bottom: 30px;
    }

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

    .contactFormSection {
        right: 50%;
        transform: translateX(50%);
        bottom: -180px;
        padding: 50px 30px 60px 30px;
    }

    .contactLocationSection {
        margin: 225px 0 40px 0;
    }

    .contactLocationHeadingWrap {
        margin-bottom: 30px;
        text-align: center;
    }

    .contactParaWrappper {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .firstSectionTopMargin {
        margin-top: 190px;
    }

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

    .commonSection {
        margin-bottom: 60px;
    }

    .commonSectionTextWrapper {
        width: 100%;
        text-align: center;
    }

    .commonSectionImageWrapper {
        width: 100%;
    }

    .commonSectionLinkWrap {
        justify-content: center;
        flex-wrap: wrap;
    }

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

    .brandIntroContainer {
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    .brandParaContainer {
        text-align: center;
    }

    .brandPageLogoContainer {
        max-width: 300px;
    }

    .brandIntroSection {
        margin: 40px 0;
    }

    .promotionText {
        font-size: 18px;
        letter-spacing: 0.5px;
    }

    .promotionTextWrapper {
        margin-bottom: 40px;
    }

    .outboardListingSection {
        margin-bottom: 40px;
    }

    .staffHeroSection {
        margin: 180px 0 40px 0;
    }

    .topCommonTextInnerWrap {
        max-width: unset;
        text-align: center;
    }

    .topCommonImageWrap {
        max-width: unset;
    }

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

    .consigmentInfoCardSection {
        margin-top: 40px;
    }

    .textImageSection {
        margin: 60px 0;
    }

    .formLeftBorder {
        border-left: 0;
    }

    .formSection {
        padding: 40px 15px 60px 15px;
    }

    .fomrHeadingWrapper {
        margin-bottom: 40px;
    }

    .formBtnWrapper {
        margin-top: 20px;
    }

    .aboutCardSeparator {
        margin: 40px 0;
    }

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

    .aboutHistoryBtnWrap {
        margin-top: 40px;
    }

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

    .lastaboutSeparator {
        margin-bottom: 80px;
    }

    .securityAndConvinienceSection {
        margin: 40px 0;
    }

    .locationAddressMapSection {
        margin-bottom: 60px;
    }

    .locationGallerySection {
        margin: 40px 0;
    }

    .whyChooseStorageSection {
        margin: 60px 0;
    }

    .storageFaqSection {
        margin: 0 0 60px 0;
    }

    .storageFaqContainer {
        padding: 40px 40px;
    }

    .faqHeadingWrap {
        margin-bottom: 30px;
    }

    .serviceGallerySection {
        margin-bottom: 40px;
    }

    .returnPolicySection{
       padding: 40px 40px;
       margin: 60px auto;
    }


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


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

    .left_sidebar {
        padding: 15px 25px;
    }

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

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

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

    .right-sidebar {
        padding-top: 50px;
    }

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

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

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

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

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

    .boatDetailPageSeparator {
        margin-top: 50px;
    }

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

    .left_tabs {
        padding-top: 20px;
    }

    .eventGallerySection {
        margin-bottom: 40px;
    }

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

    .outBoardEngineSectionHeadingWrap {
        margin-bottom: 40px;
    }

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

    .eventFormHeadingWrap {
        margin-bottom: 30px;
    }


    .desktopShareBtn{
        display: none;
    }
    
    .mobileShareBtn{
        display: block;
        width: 100%;
    }
    .customMarginForFirstHeader{
        margin-top: 0px;
    }


    /* boats page css ends here */
}

@media (max-width: 767px) {
    .boatLinkCardContent {
        bottom: 20px;
        left: 20px;
    }

    .specsListContainer{
        max-width: unset;
    }

    .mainHeading {
        font-size: 36px;
        line-height: 36px;
    }
    .specsListContainer{
    margin-bottom: unset;
    }


    .joinNewsFormContainer {
        flex-direction: column;
    }

    .blogTextWrapper {
        margin-top: 5px;
        text-align: center;
    }

    .evnetHeroCardWrap {
        text-align: center;
    }

    .blogTabContainer {
        margin-bottom: 40px;
    }

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

    .contactLocationTextWrap {
        margin-top: 20px;
    }

    .formSectionWrap {
        padding: 0;
    }

    .contactFormSection {
        width: 90vw;
    }

    .modelContentWrap {
        margin-top: 10px;
    }

    .aboutSectionCardTextWrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .aboutInfoTitle {
        text-align: center;
    }

    .aboutCardHeading {
        font-size: 80px;
        line-height: 80px;
    }

    .aboutSectionCardWrapper {
        padding: 0;
        gap: 30px;
    }

    .storageTextContainer {
        text-align: center;
    }

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

    .locationAddressTextWrap {
        padding: 60px 15px;
    }

    .locationMapContainer {
        min-height: 400px;
    }

    .loactionPageLinkWrap {
        margin-top: 30px;
    }

    .serviceLinkWrap {
        text-align: center;
        margin-top: 15px;
    }

}

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

    .locationOuterContainer {
        gap: 30px;
    }

    .locationCardWrap {
        flex-direction: column;
    }

    .locationImageContainer {
        width: 100%;
    }

    .locationTextContainer {
        width: 100%;
    }

    .locationParaWrap {
        margin-top: 10px;
    }

    .locationCardWrap {
        gap: 10px;
    }

    .ourBrandsHeadingWrap {
        margin-bottom: 39px;
    }

    .socailSectionOuterWrap {
        padding: 40px 15px 40px 15px;
    }

    .footerPhoneWrap {
        margin: 20px 0;
    }

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

    .locationHeading {
        font-size: 22px;
        line-height: 25px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    .commomHeroContainer {
        gap: 20px;
    }

    .eventDateText {
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .eventDateContent {
        padding: 12px 20px 13px 45px;
    }

    .eventHeroCardMainHeading {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0.5px;
    }

    .evnetHeroCardWrap {
        padding: 30px 15px 30px 15px;
        min-height: 250px;
    }

    .blogHeadingWrapper {
        margin-bottom: 20px;
    }

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

    .modelTitle {
        font-size: 22px;
        line-height: 24px;
    }

    .modelsCard {
        margin-bottom: 30px;
    }

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

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

    .aboutCardHeading {
        font-size: 60px;
        line-height: 60px;
    }

    .storageFeatureSection {
        gap: 30px;
    }

    .storageFaqContainer {
        padding: 40px 15px;
    }

}

@media (max-width: 500px) {
    .footerBottomLinksWrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .footerBottomLinkAfter::after {
        display: none;
    }

    .joinNewsInputWrap {
        min-width: unset;
        width: 100%;
    }

    .consigmentInfoCard {
        padding: 31px 15px 28px 20px;
    }

    .consigmentInfoCardSection {
        padding: 0 15px;
    }
}

@media (max-width: 450px) {
    .mainHeading {
        font-size: 24px;
        line-height: 26px;
    }

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

@media (max-width: 400px) {
    .homeHeaderLinkWrap {
        margin-top: 17px;
    }
    .socialLinksWrap {
        flex-direction: column;
    }

    .socailIconsContainer {
        flex-wrap: wrap;
    }

    .footerLocationLink {
        font-size: 16px;
    }

    .mobileNavContainer {
        padding: 14px 15px 13px 15px;
    }
}