@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mukta:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
    font-family: "acumin-bold";
    src: url("/assets/fonts/AcuminsPro/acumin_pro_bold.ttf");
}

@font-face {
    font-family: "acumin-ExtraLight";
    src: url("/assets/fonts/AcuminsPro/AcuminPro-ExtraLight.ttf");
}

@font-face {
    font-family: "acumin-light";
    src: url("/assets/fonts/AcuminsPro/aclight.ttf");
}

@font-face {
    font-family: "acumin-Medium";
    src: url("/assets/fonts/AcuminsPro/AcuminPro-Medium.ttf");
}

/* common css starts here */

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

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

.iti {
    width: 100%;
}


a:hover {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}



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

.error_field {
    border-color: red;
}

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

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

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

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

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

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

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


.regularWhitePara {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.regularBlackPara {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.secondaryRegularBlackPara {
    color: #373737;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.mainHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.mainHeadingLarge {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.mainWhiteHeading {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.blueBtn {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #6FADE0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: none;
    outline: none;
    transition: all 0.4s;
}

.blueBtn:hover {
    color: #FFF;
    background-color: #053B53;
}

.secondaryBlueBtn {
    color: #4A98D9;
    text-align: center;
    font-family: Montserrat;
    font-size: 12.898px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.secondaryBlueBtn:hover {
    color: #020202;
}

.blueBtnBold {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14.288px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    background-color: #6FADE0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: none;
    outline: none;
    transition: all 0.4s;
}

.blueBtnBold:hover {
    color: #FFF;
    background-color: #053B53;
}

.blackBtn {
    color: #2F2F2F;
    text-align: center;
    font-family: Montserrat;
    font-size: 14.288px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.blackBtn:hover {
    color: #053B53;
}

.blackBtnSecondary {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14.288px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    background-color: #000;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    outline: none;
    border: 1px solid #000;
}

.blackBtnSecondary:hover {
    color: #FFF;
}

.blackBtnWithoutBg {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    outline: none;
    border: 1px solid #000;
}

.blackBtnWithoutBg:hover {
    color: #000;
}


.whiteBtn {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #6FADE0;
    border: 1px solid #6FADE0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: none;
    outline: none;
    transition: all 0.4s;
    gap: 20px;
}

.whiteBtn:hover {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #fff;
}

.yellowBtn {
    color: #000;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.4s;
}

.yellowBtn:hover {
    color: #d3d307;
}

.dividerLineWrapper {
    max-width: 1140px;
    margin: 150px auto 150px auto;
    padding: 0 15px;
}

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

/* common css ends here */

/* top bar tag line css starts here */
.topTagLineBar {
    background-color: #2E2F2F;
    padding: 10px 15px;
    position: relative;
    z-index: 999;
}

.topBarInnerWrap {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.topBarContactInnerWrap {
    display: flex;
    gap: 8.5px;
    align-items: center;
}

.topBarContactInnerWrap img {
    flex: 0 0 14px;
    height: 14px;
}

.topBarContactItemAfterLine {
    position: relative;
}

.topBarContactItemAfterLine::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    height: 15px;
    width: 2px;
    background-color: #DDDDDD78;
}

.topBarContactItem p {
    transition: all 0.4s;
}

.topBarContactItem:hover p {
    color: #6FADE0;
}

#locations{
    scroll-margin-top: 130px;
}

/* top bar tag line css ends here */

/* dekstop header css starts here */
.desktopNavSection {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20;
    background-color: #FFFFFF;
}

.desktopHeader {
    padding: 15px;
}

.desktopHeaderInnerWrap {
    max-width: 1600px;
    margin: 0 auto;
}

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

.desktopLogoWrap {
    max-width: 180px;
}

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

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

.desktopPrimaryMenuInnerWrap {
    display: flex;
    align-items: center;
    gap: 13.5px;
}

.primaryMenuText {
    color: #1D1D1F;
    text-align: right;
    font-family: Montserrat;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.6px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.desktopPrimaryMenuInnerWrap img {
    flex: 0 0 22px;
    height: 22px;
}

.desktopPrimaryMenuInnerWrap p {
    transition: all 0.4s;
}

.desktopPrimaryMenuInnerWrap:hover p {
    color: #6FADE0;
}

.desktopPrimaryMenuItemAfterLine {
    position: relative;
}

.desktopPrimaryMenuItemAfterLine::after {
    content: '';
    position: absolute;
    right: -17.5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #DDDDDD;
    width: 2px;
    height: 22.5px;
}

.desktopHeaderSecondPartWrap {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
}

.desktopNavBar {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.desktopNavBarInnerWrap {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

.desktopNavBarLink {
    color: #000;
    text-align: center;
    font-family: "DM Sans";
    font-size: 11.2px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.desktopNavLinkList {
    list-style: none;
    display: flex;
    flex: 1 1 75%;
    flex-wrap: wrap;
}

.desktopNavLinkList li {
    padding: 15px 5px;
    transition: all 0.4s;
    flex-grow: 1;
    border: 1px solid #E9E9E9;
    text-align: center;
}

.desktopNavLinkList li:hover {
    background-color: #E4E4E4;
}

.desktopNavLinkList li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #000;
}

.desktopNavSearchBar {
    outline: none;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #CCC;
    background: #FAFAFA;
    padding: 11px 15px;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 300px;
    font-size: 12px;
    font-family: "DM Sans"
}

/* dekstop header css ends here */

/* mobile header css starts here */
.mobileHeader {
    display: none;
    background-color: #fff;
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    padding: 15px;
    z-index: 999;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

.mobileLogoWrap {
    max-width: 150px;
}

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

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

.searchIcon {
    color: #000;
    font-size: 20px;
}

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

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

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

.cross .lineTwo {
    opacity: 0;
}

/* the cross effect  */

.mobile-search-suggestion{
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    background: white;
    padding: 15px;
    overflow: auto;
    max-height: 100vh;
    z-index: 1000;
}

.mobileSearchBar {
    background-color: #000;
    padding: 40px 30px 20px 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    transform: translateY(-100%);
    transition: all 0.4s;
    z-index: 999;
}

.toggleMobileSearcBar {
    transform: translateY(0);
}

.mobileSearchField {
    outline: none;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #CCC;
    background: #FAFAFA;
    padding: 11px 15px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 70vw;
    font-size: 12px;
    font-family: "DM Sans";
}

.mobileSearchCrossIcon {
    color: #fff;
    font-size: 30px;
}

.mobileSearchCrossIconWrap {
    cursor: pointer;
}

/* mobile header css ends here */

/* mobile mega menu css starts here */
.mobileMegaMenuContainer {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 95px;
    z-index: 300;
    width: 100%;
    padding: 20px 0px;
    display: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

}

.mobMegaMenu:hover {
    color: #333333;
}

.mobMegaMenuLink {
    color: #333333;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: left;
    text-decoration-skip-ink: none;
    padding: 10px 0;
}

.mobMegaMenuLink:hover {
    color: #333333;
}


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

.innerDropDown {
    margin: 5px 0;
}

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

/* mobile mega menu css ends here */

/* home page css starts here */
.homeHeaderMediaWrapper {
    position: relative;
    padding-top: 30%;
}

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

.homeCarousel .owl-prev {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.homeCarousel .owl-next {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.modelSearchSection {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 17px 0 20px 0;
    padding: 0 15px;
    gap: 10px;
}

.modelSearchFilterContainer {
    flex: 0 1 220px;
}

.modelSearchSelectField {
    border: 1px solid #AAA;
    outline: none;
    background: #FFF;
    padding: 13px;
    color: #444;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    position: relative;
    background-image: url('https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/home/drop-down-icon.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
    padding-right: 40px;
    cursor: pointer;
}

.modelFilterSearchBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 247.47px;
    min-width: 60px;
    min-height: 52px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    background: #6FADE0;
    border: none;
    outline: none;
    text-align: center;
    transition: all 0.4s;
}

.modelFilterSearchBtn img {
    margin: 0 auto;
}

.modelFilterSearchBtn:hover {
    background-color: #053B53;
}

.homeServicesSection {
    padding: 0 15px;
}

.homeServiceCardWrap {
    margin: 0 10px;
    position: relative;
    padding-top: 50%;
    pointer-events: auto;
    overflow: hidden;
}

.homeServiceCardWrap::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 80%);
    z-index: 1;
}

.homeServiceCardWrap:hover .homeServiceCardImage {
    transform: scale(1.1);
    transition: transform 0.4s all;
}

.homeServiceCardWrap .homeServiceCardImage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}

.homeServiceCardTextWrapper {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 2;
    width: 100%;
}

.homeServiceCardTitle {
    color: #FFF;
    text-align: center;
    font-family: "DM Sans";
    font-size: 22.4px;
    font-style: normal;
    font-weight: 600;
    line-height: 26.88px;
}

.homeServiceCardText {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 12.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.welcomeSection {
    margin: 80px 0;
}

.welcomSectionMediaWrap {
    position: relative;
    padding-top: 50%;
}

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

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

.welcomSectionTextInnerWrap {
    max-width: 90%;
}

.welcomeTag {
    color: #A5A5A5;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.welcomeTag::after {
    content: '';
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 1px;
    background-color: #A5A5A5;
}

.welcomeHeadingWrap {
    margin-top: 22px;
}

.welcomParaWrap {
    margin: 20px 0 44px 0;
}

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

.ourBrandsSection {
    background-color: #FAFAFA;
    padding: 60px 0;
}

.ourBrandsTagLine {
    position: relative;
}

.ourBrandsTagLine {
    color: #A5A5A5;
    text-align: center;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}

.ourBrandsTagLine::after {
    content: '';
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #A5A5A5;
}

.ourBrandsTagLine::before {
    content: '';
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #A5A5A5;
}

.ourBrandHeadingWrapper {
    text-align: center;
    margin-bottom: 21px;
}

.ourBrandCard {
    position: relative;
    padding-top: 50%;
    margin: 0 10px;
    overflow: hidden;
    pointer-events: auto;
}

.ourBrandCard .ourBrandMedia {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s;
}

.brandCardInnerWrap {
    pointer-events: auto;
}

.brandCardInnerWrap:hover .ourBrandMedia {
    transform: scale(1.1);
    transition: transform 0.4s all;
}

.brandCardInnerWrap::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.23);
    position: absolute;
    left: 0;
    bottom: 0;
}

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

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

.newArrivalTag {
    color: #A5A5A5;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.newArrivalTag::after {
    content: '';
    position: absolute;
    right: -80%;
    top: 50%;
    width: 200px;
    height: 1px;
    transform: translateY(-50%);
    background-color: #A5A5A5;
}

.newArrivalHedingWrap {
    margin: 22px 0 35px 0;
}

.titleAndLengthWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 13px;
}

.newArrivalCardTitle {
    color: #252422;
    font-family: Montserrat;
    font-size: 19.2px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    text-transform: capitalize;
}

.newArrivalLength {
    color: #333;
    text-align: right;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.newArrivalPrice {
    color: #4E4E4E;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.newArrivalImageWrap {
    position: relative;
    padding-top: 50%;
    overflow: hidden;
    border-radius: 5px;
}

.newArrivalImageWrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.95s;
}

.newArrivalImageWrap:hover img {
    transform: scale(1.1);
    transition: all 0.4s;
}

.newArrivalContentWrapper {
    margin-top: 39px;
}

.newArrivalInfoPara {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-start;
    color: #333;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 8px;
}

.newArrivalParaAfterLine {
    position: relative;
}

.newArrivalParaAfterLine::before {
    content: '';
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #DDD;
    width: 1px;
    height: 15px;
}

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

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

.newArrivalIcons {
    color: #CECECE;
    transition: all 0.4s;
}

.newArrivalIcons:hover {
    color: #000;
}

.newArrivalSection {
    margin: 80px 0;
}

.favouriteIconWrap {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}

.favouriteIconWrap .favouriteIcon {
    color: #FFFFFF;
    font-size: 25px;
    transition: all 0.4s;
}

.favouriteIcon:hover {
    color: #ff0000;
}

.cutomerReviewSection {
    background-color: #FAFAFA;
    padding: 80px 15px;
}

.customReviewCarouselCard {
    border: 1px solid #A5A5A5;
    background: #FFF;
    padding: 28px 30px;
}

.cutomerReviewPara {
    color: #333;
    font-family: Montserrat;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
}

.cutomerReviewCasrousel {
    position: relative;
}

.cutomerReviewCasrousel .owl-prev {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.cutomerReviewCasrousel .owl-next {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.reviewerName {
    color: #333;
    font-family: "DM Sans";
    font-size: 17.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 17.6px;
    margin-top: 24px;
    position: relative;
}

.reviewerName::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #A5A5A5;
    height: 2px;
    width: 23%;
}

.customReviewCarouselCard {
    height: 300px;
    overflow: hidden;
}

.cutomerReviewCasrousel .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.qualityBoatSection {
    background-image: url("https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/home/home-bg-image.png");
    min-height: 450px;
    position: relative;
}

.qualityBoatSection::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.82;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.68) 0%, #000 100%);
}

.yellowText {
    color: #c5c508;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.qualityBoatText {
    color: #fff;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.qualityBoatContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    text-align: center;
}

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

/* home page css ends here */

/* mega menus css starts here */
.brandMenuToggle {
    position: relative;
}

.brandMenu {
    position: absolute;
    left: 0;
    top: 104%;
    background-color: #fff;
    width: 920px;
    display: none;
}

.megaMenuBrandLogoWrap {
    border: 1px solid #E9E9E9;
}

.megaMenuBrandLogoWrap img {
    max-width: 200px;
}

.serviceToggle {
    position: relative;
}

.serviceMenu {
    background-color: #fff;
    position: absolute;
    top: 104%;
    left: 0;
    width: 280px;
    display: none;
}

.knowledgeMenuToggle {
    position: relative;
}

.knowledgeMenu {
    background-color: #fff;
    position: absolute;
    top: 104%;
    left: 0;
    width: 280px;
    display: none;
}

.aboutMenuToggle {
    position: relative;
}

.aboutMenu {
    background-color: #fff;
    position: absolute;
    top: 104%;
    left: 0;
    width: 280px;
    display: none;
}

.megaMenuList {
    list-style: none;
}

.megaMenuList li {
    padding: 12px 15px 12px 30px;
    border-bottom: 1px solid #E9E9E9;
}

.megaMenuLink {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.megaMenuLink:hover {
    color: #333;
}

.megaMenuList li a {
    justify-content: flex-start;
}

/* mega menus css ends here */

/* footer css starts here */
.footerWrapper {
    background-color: #2E2F2F;
    padding: 60px 15px 35px 15px;
}

.siteMapHeading {
    color: #FFF;
    font-family: Montserrat;
    font-size: 17.6px;
    font-style: normal;
    font-weight: 700;
    line-height: 17.6px;
}

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

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

.siteMapLink {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14.175px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
}

.siteMapLink:hover {
    color: #FFF;
}

.socialMediaText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 14.175px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
    margin-left: 10px;
}

.footerText {
    color: rgba(255, 255, 255, 0.68);
    font-family: Montserrat;
    font-size: 11.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
}

.leftFooterTextWrap {
    max-width: 954px;
}

.footerBottom {
    background-color: #000000;
    padding: 10px 15px;
    text-align: center;
}

.footerBottomText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 9.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 9.6px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.poweredByLink{
    color: #4A98D9;
    font-size: 14px;
}

.poweredByLink:hover{
    color: #4A98D9;
}

/* footer css ends here */

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

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

.commonHeaderSection::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: linear-gradient(180deg, #000 0%, #313131 100%);
}

.commonHeaderContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 2;
}

.commonHeaderTag {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.commonHeaderTag::after {
    content: '';
    position: absolute;
    right: 20vw;
    top: 50%;
    transform: translateY(-50%);
    width: 10vw;
    height: 2px;
    background-color: #fff;
}

.commonHeaderTag::before {
    content: '';
    position: absolute;
    left: 20vw;
    top: 50%;
    transform: translateY(-50%);
    width: 10vw;
    height: 2px;
    background-color: #fff;
}

.commonHeaderHeadingWrap {
    margin: 17px 0 20px 0;
}

.commonHeaderItalicText {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
}

.commonHeaderBtnWrap {
    margin-top: 34px;
}

.miniHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.paraLinkText {
    color: #6FADE0;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.paraLinkText:hover {
    color: #6FADE0;
}

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

.serviceLogoWrap {
    max-width: 156px;
}

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

.availableServiceSectionInnerWrap {
    max-width: 1140px;
    background: rgba(192, 192, 192, 0.66);
    padding: 15px 40px 100px 40px;
    margin: 0 auto;
}

.availableServiceHeading {
    color: #020202;
    text-align: center;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.30);
    font-family: Urbanist;
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: 84px;
}

.availableServiceCardContainer {
    display: flex;
    align-items: center;
    gap: 56px;
    justify-content: center;
}

.switchTabContainer {
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 22px 23px 10px 0px rgba(0, 0, 0, 0.50);
    flex: 0 1 460px;
}

.tabSwitchCard {
    display: flex;
    align-items: center;
    gap: 23.64px;
    padding: 23px 0 26px 0;
    border-bottom: 1px solid #626262;
    cursor: pointer;
}

.tabSwitchCard.active .swithcTabIcon {
    color: #000;
}

.tabSwitchCard.active .swithcTabPara {
    color: #000;
}

.swithcTabIcon {
    color: #626262;
    font-size: 26px;
}

.swithcTabPara {
    color: #626262;
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.availableServiceContentCard {
    padding: 40px;
    background-color: #fff;
    flex: 0 1 582px;
    border-radius: 12px;
    overflow: hidden;
    display: none;
}

.availableServiceContentCard.active {
    display: block;
}


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

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

.availableServiceTextContainer {
    margin-top: 27px;
}

.availableServiceInnerWrap {
    max-width: 386px;
    margin: 0 auto;
}

.availaleServiceTitle {
    color: #000;
    font-family: Urbanist;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #626262;
}

.availabilityPara {
    color: #626262;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.availabilityParaBoldText {
    color: #626262;
    font-family: Urbanist;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.indoorList {
    margin-left: 40px;
}

.indoorShowroomMediaWrap {
    position: relative;
    padding-top: 75%;
    box-shadow: 20px 26px 28px -2px rgba(0, 0, 0, 0.50);
}

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

.serviceFormSection {
    background-color: #FAFAFA;
    padding: 60px 15px 100px 15px;
}

.formTextHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid #9EC0D8;
    ;
}

.formTextParaWrap {
    margin-top: 20px;
}

.regularBlackPara:hover {
    color: #333;
}

.formBoldText {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}


.serviceFormWrapper {
    border: 3px solid #9EC0D8;
    padding: 23px 15px 100px 15px;
}

.formSections {
    border-top: 2px solid #E8E8E8;
    margin: 0 5px;
}

.formInputFieldWrapper {
    margin-bottom: 20px;
}

.formInputField {
    color: #A1A1A1;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 7px 11px;
    border-radius: 3px;
    border: 1px solid #BFC3C8;
    background: #FFF;
    outline: none;
    width: 100%;
}

.formSectionHeading {
    color: #444;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.6px;
}

.formSeparator {
    background-color: #E8E8E8;
    margin: 15px 0;
}

.astericColor {
    color: #B94A48;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.5px;
}

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

.locationOptionWrapper label {
    color: #444;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.9px;
    margin-bottom: 0;
}

.formCheckBoxes {
    border-radius: 2px;
    border: 1px solid #BFC3C8;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(18, 18, 23, 0.05);
}

.formInfoPara {
    color: #666;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.radioCheckBoxes {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    width: 18px;
    height: 18px;
    border: 1px solid #BFC3C8;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(18, 18, 23, 0.05);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    transition: background 0.2s ease;
}

/* Show checkbox-style tick when selected */
.radioCheckBoxes:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 8px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* service page css ends here */

/* service gloucester page css starts here */
.regularWhiteParaBoldText {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.commonHeaderSectionSecondary {
    background-image: url("https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/service-gloucester/service-header-back.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    min-height: 400px;
}

.commonHeaderSectionSecondary::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.80) 100%);
    mix-blend-mode: multiply;
    z-index: 1;
}

.commonHeaderSecondary {
    position: relative;
    padding-top: 27%;
    max-width: 80vw;
    margin: 0 auto;
    z-index: 2;
    min-height: 400px;
}

.commonHeaderSecondary::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.50) 100%);
    mix-blend-mode: multiply;
    z-index: 1;
}

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

.haulOut {
    position: relative;
    padding-top: 75%;
}

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

.serviceVideoInnerWrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    padding-top: 30%;
    min-height: 300px;
}

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

.haulPricingCard {
    height: 100%;
}

.haulOutHeading {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.6px;
}

.haulOutPricingSection {
    padding: 100px 0;
}

.haultOutPricing {
    color: #AEBCB9;
    text-align: center;
    font-family: Montserrat;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.6px;
}

.haultOutPara {
    color: #324A6D;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.haulOutParaWrap {
    max-width: 267px;
    margin: 0 auto;
}

.pricingCardTopBanner {
    background-color: #555555;
    padding: 18px 5px 20px 5px;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pricingCardHeading {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 23.25px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}

.pricingCardBottomSection {
    background-color: #F9FAFA;
    padding: 40px 15px 60px 15px;
}

.dollarText {
    color: #555;
    text-align: center;
    font-family: Montserrat;
    font-size: 19.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.5px;
    margin-top: 10px;
}

.priceText {
    color: #555;
    text-align: center;
    font-family: Montserrat;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
}

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

.planDetailText {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}

.planDetailWrapper {
    margin-top: 44px;
}

.planDetailPara {
    border-bottom: 2px solid #DDDDDD;
    padding: 10px 0;
}

.pricingPlanBtnWrap {
    margin-top: 30px;
}

/* service gloucester page css ends here */

/* brokerage page css starts here */
.brokerageHeroSection {
    margin: 100px auto 120px auto;
    max-width: 1140px;
}

.brokerageTag {
    color: #777;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.brokerageHeading {
    color: #222;
    text-align: center;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-transform: capitalize;
}

.blueColorHeading {
    color: #4A98D9;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-transform: capitalize;
}

.paraAfterLine {
    position: relative;
}

.paraAfterLine::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    background-color: #4A98D9;
    width: 70px;
    height: 7px;
}

.brokerageSectionInnerWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

.brokerageMediaSectionWrap {
    position: relative;
}

.brokerageSectionTextWrap {
    max-width: 539px;
}

.brokerageMediaSectionWrap {
    max-width: 507px;
}

.brokeragePara {
    color: #696969;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px;
}

.brokerageDetailsWrap {
    margin-top: 50px;
}

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

.brokerageVideoWrapper {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    left: -7%;
    top: 30%;
    max-width: 327px;
    z-index: 3;
}

.brokerageBgImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    position: relative;
}

.videoThumbnail {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.playButtonOverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.playButtonOverlay .fa-solid {
    color: #fff;
    font-size: 60px;
}


.dotImageWrapper {
    max-width: 127px;
    height: 127px;
    position: absolute;
    right: 0;
    bottom: -40%;
    z-index: -1;
}

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

.dotImageWrapperTop {
    max-width: 127px;
    height: 127px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

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

.brokerageBtnWrap {
    margin-top: 30px;
    text-align: right;
}

.brokeageCardsContainer {
    padding-top: 40px;
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
}

.brokerageFeatureCard {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E7E7E7;
}

.brokerageFeatureCardInnerWrap {
    text-align: center;
    padding: 40px 15px;
    min-height: 350px;
    cursor: pointer;
    transition: all 0.4s;
    clip-path: polygon(0% 10%,
            10% 5%,
            20% 2%,
            30% 1%,
            40% 0%,
            50% 0%,
            60% 0%,
            70% 1%,
            80% 2%,
            90% 5%,
            100% 10%,
            100% 100%,
            0% 100%);
    overflow: hidden;
}

.brokerageFeatureCardInnerWrap:hover {
    background: linear-gradient(to right, #FA9D00, #FFB733);
}

.brokerageFeatureCardInnerWrap:hover .brokerageFeatureLogoWrap {
    background-color: #fff;
}

.brokerageFeatureCardInnerWrap:hover .featureLogo {
    color: #222;
}

.brokerageFeatureLogoWrap {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 35px;
    background: #4A98D9;
    margin: 0 auto;
}

.featureLogo {
    color: #fff;
    font-size: 30px;
}

.featuretitle {
    color: #222;
    text-align: center;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.2px;
}

.customBoxShadow {
    box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.5);
}

.featuredCardDivider {
    max-width: 1140px;
    margin: 100px auto 20px auto;
}

.borkerageFormSection {
    background-image: url("https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/brokerage/brokerage-form-bg-image.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    min-height: 451px;
    position: relative;
    padding-top: 105px;
    padding-bottom: 40px;
}

.borkerageFormSection::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
    background: #030F27;
}

.brokerageFormTag {
    color: #FFF;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.borkerageFormInnerWrap {
    position: relative;
    z-index: 2;
}

.brokerageFormHeading {
    color: #FFF;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
}

.borkergaeColorText {
    color: #4A98D9;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-transform: capitalize;
}

.brokerageParaAfterLine {
    position: relative;
    width: 100%;
}

.brokerageParaAfterLine {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 70px;
    height: 7px;
}

.bottomLineWrap {
    width: 70px;
    margin-top: 10px;
}

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

.brokerageFormTextContainer {
    max-width: 500px;
}

.brokerageFormContainer {
    max-width: 441px;
}

.brokerageField {
    outline: none;
    width: 100%;
    padding: 10px 17px;
    color: #1F2124;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 3px;
    border: 1px solid #69727D;
    background: #FFF;
}

/* brokerage page css ends here */

/* parts page css starts here */
.headerBannerSection {
    height: 180px;
    max-width: 1140px;
    margin: 26px auto;
    background: linear-gradient(180deg, #7A7A7A 0%, #9EC0D8 100%);
}

.headerBannerHeading {
    text-align: center;
    font-family: Mukta;
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 80px;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
}

.partsFormContainer {
    margin: 100px 15px 45px 15px;
}

.partsFormInnerWrapper {
    max-width: 1140px;
    margin: 0 auto;
}

.partsHeroSection {
    margin: 80px 0 150px 0;
}

.partsHeroInnerWrap {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.partsHeroHeading {
    color: #09316F;
    font-family: "DM Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.partsTextContainer {
    max-width: 552px;
    height: 100%;
    display: flex;
    align-items: center;
}

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

.partsMediaContainer {
    position: relative;
}

.partsHeroSecondaryImageWrap {
    max-width: 370px;
    position: absolute;
    left: -30%;
    top: 40%;
}

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

/* parts page css ends here */

/* contact page css starts here */
.bgImageHeaderSection {
    background-image: url("https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/contact/bg-image.webp");
    min-height: 254px;
    padding: 120px 0 60px 0;
}

.bgHeaderTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.bgHeaderTag::after {
    content: '';
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
    position: absolute;
    right: -220%;
    top: 50%;
    transform: translateY(-50%);
}

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

.contactFormTextInnerWrapper {
    max-width: 650px;
}

.contactFormTextHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.contactFormTextParaWrap {
    margin: 20px 0;
}

.contactFormContainer {
    border: 1px solid #868686;
    padding: 31px;
}

.contactFormSection {
    margin: 60px 0 90px 0;
}

.contactPageAddressSection {
    background-color: #FAFAFA;
    padding: 60px 15px;
}

.contactAddressCardWrapper {
    border: 1px solid #A5A5A5;
    background: #FFF;
    padding: 30px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contactAddressCardInnerWrap {
    max-width: 384px;
}

.contactAddressTitle {
    color: #333;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    position: relative;
}

.contactAddressTitle::after {
    content: '';
    width: 100px;
    height: 1px;
    background-color: #A5A5A5;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.contactCardSecondaryHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 19.531px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-top: 30px;
}

.contactCardpara {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.contactCardPhoneWrap {
    margin: 14px 0 24px 0;
}

.contactCardPhone {
    color: #4A98D9;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* contact page css ends here */

/* financing page css starts here */
.bgHeaderTagSecondary {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.bgHeaderTagSecondary::after {
    content: '';
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
    position: absolute;
    right: -80%;
    top: 50%;
    transform: translateY(-50%);
}

.fiananceCalculatorWrapper {
    background-color: #F1F1F1;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 41px;
}

.fiananceImageWrap {
    max-width: 44px;
    height: 50px;
}

.financeCalculatorHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 19.531px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

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

/* financing page css ends here */

/* join team page css starts here */
.joinTeamFormSection {
    margin: 60px 0 80px 0;
}

.areaOfInterestInputContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.joinTeamBtnWrap {
    margin-top: 30px;
    margin-left: -15px;
}

/* join team page css ends here */

/* about page css starts here */
.aboutBgHeaderTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.aboutBgHeaderTag::after {
    content: '';
    position: absolute;
    right: -300%;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
}

.aboutHeroSectionWrapper {
    margin: 60px 0 90px 0;
}

.aboutParaBoldText {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}


.aboutPageMediaContainer {
    position: relative;
    padding-top: 75%;
}

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

.aboutMediaOuterWrap {
    height: 100%;
}

/* about page css ends here */

/* team page css starts here */
.teamHeaderTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.teamHeaderTag::after {
    content: '';
    position: absolute;
    right: -90%;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
}

.ourTeamSection {
    margin: 60px 0;
}

.teamMemberCard {
    border: 1px solid #8A8A8A;
    margin-bottom: 32px;
}

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

.memberName {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 23.625px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: relative;
}


.memberName::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #4A98D9;
    width: 30px;
    height: 1px;
}

.memberPositon {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 30px 0 24px 0;
    height: 30px;
}

.teamMemberImageContainer {
    position: relative;
    padding-top: 100%;
}

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

.joinTeamBottomSection {
    text-align: center;
    margin: 30px 0 120px 0;
}

/* team page css ends here */

/* blog listing page css starts here */
.blogHeaderTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}


.blogHeaderTag::after {
    content: '';
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
}

.eventsfilterContainer {
    margin: 40px 0 46px 0;
}

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

.blogTab {
    border: none;
    outline: none;
    background-color: #fff;
    color: #231F20;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 5px;
    transition: all 0.2s;
    cursor: pointer;
}

.blogTab:hover {
    color: #4A98D9;
}

.activeBlogTab {
    border-bottom: 3px solid #4A98D9;
    color: #4A98D9;
}

.blogListingCardWrap {
    padding: 0 20px;
    margin-bottom: 40px;
}

.blogListingImageWrap {
    position: relative;
    padding-top: 50%;
}

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

.blogListingCardContent {
    margin-top: 8px;
}

.blogListingTag {
    color: #A5A5A5;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.blogListingCardTitle {
    color: #231F20;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* blog listing page css end here */

/* blog detail page css starts here */
.blogDetailPageWrapper {
    margin: 100px 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: #222;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.similarHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.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: #222;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.eventsCardContainer {
    margin-bottom: 90px;
}

.blogDate {
    color: #A5A5A5;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.blogParaText {
    color: #222;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* blog detail page css ends here */

/* event listing page css starts here */
.eventDate {
    color: #4A98D9;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 4px;
}

/* event listing page css ends here */

/* team profile page css starts here */
.teamProfileBanner {
    background-image: url("https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/contact/bg-image.webp");
    min-height: 254px;
}

.teamMemberDetailContainer {
    margin-top: -30%;
}

.teamMemberImageOuterWrap {
    background-color: #fff;
    padding: 40px;
}

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

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

.teamMemberContactDetailsWrapper {
    margin-top: 40px;
}

.teamMemberContactItem {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    flex-wrap: wrap;
}

.teamMemberPhone {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    word-break: break-all;
}

.teamMemberPhone:hover {
    color: #2E2F2F;
}

.teamMemberDetailName {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.teamMemberdetailPosition {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    position: absolute;
}

.teamMemberdetailPosition::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 120px;
    height: 1px;
    background-color: #CCCCCC;
}

.teamMemberDetailContentWrap {
    margin-top: 40px;
}

.teamMemberDetailParaWrap {
    margin-top: 80px;
}

.teamMemberDetailListingWrapper {
    margin-top: 80px;
}

.teamMemberHeaderHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

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

/* team profile page css ends here */

/* brand page css starts here */
.brandPageHeader {
    position: relative;
    padding-top: 35%;
    min-height: 300px;
}

.brandPageHeader::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}

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

.branPageHeaderContent {
    position: absolute;
    left: 10%;
    bottom: 40px;
    z-index: 1;
    max-width: 200px;
    width: 100%;
    height: 100%;
    max-height: 150px;
}
.branPageHeaderContent img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.brandPageLinkBar {
    background-color: #E4E4E4;
    padding: 10px 0;
}

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

.brandPageGeneralLink {
    color: #000;
    font-family: Inter;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    position: relative;
}

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

.brandPageGeneralLink:hover {
    color: #000;
}

.brandPageGeneralLinkContainer {
    display: flex;
    align-items: center;
    gap: 60px;
}

.brandPageTagAfter {
    color: #A5A5A5;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.brandPageTagAfter::after {
    content: '';
    position: absolute;
    right: -120%;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 1px;
    background-color: #A5A5A5;
}

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

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

.currentModelsSection {
    background-color: #FAFAFA;
    padding: 60px 0;
}

.currentModelCard {
    margin-bottom: 40px;
}

.currentModelHeadingWrap {
    text-align: center;
    margin-bottom: 50px;
}

.currentModelImageWrap {
    position: relative;
    padding-top: 63%;
}

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

.currentModelContent {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0;
}

.currentModelTitle {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.currenModelHeaderBarLineWrap {
    position: relative;
    margin-bottom: 30px;
}

.currentModelHeaderBarText {
    background-color: #FAFAFA;
    padding: 0 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(46, 47, 47, 0.56);
    font-family: Montserrat;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 2px;
}

.currentModelHeaderLine {
    background-color: #000;
}

.brandImageAndTextSection {
    margin: 60px 0;
}

.brandTextHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
    position: relative;
}

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

.brandPageTextInnerWrap {
    max-width: 640px;
}

.brandTextHeading::before {
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    width: 147px;
    height: 1px;
    background-color: #A5A5A5;
}

.brandPageParaWrap {
    margin-top: 16px;
}

.brandPageImageWrap {
    max-width: 700px;
}

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

.brandPageVideoSection {
    background-color: #FAFAFA;
    padding: 60px;
}

.brandPageVideoCard {
    padding: 0 10px;
}

.brandPageVideoWrap {
    position: relative;
    /* padding-top: 60%; */
}

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

.brandPageBottomBgSection {
    position: relative;
    padding-top: 35%;
    min-height: 400px;
}

.brandPageBottomBgSection::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #000000A3;
}

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

.brandPageBottomContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    width: 100%;
}

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

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

.brandPageBottomLine {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

/* brand page css ends here */

/* engine inventory page css starts here */
.engineInventoryHeaderTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.engineInventoryHeaderTag::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -80%;
    transform: translateY(-50%);
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
}

.engineCardsContainer {
    margin: 60px 0 90px 0;
}

.engineCardWrap {
    border: 1px solid #ccc;
    height: 100%;
    padding-top: 10px;
}

.enginecardImageWrap {
    position: relative;
    padding-top: 100%;
}

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

.engineCardContenWrap {
    margin-top: 40px;
    padding: 0 20px 40px 20px;
}

.engineTagText {
    color: rgba(46, 47, 47, 0.61);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.5px;
}

.engineTitle {
    color: #333;
    font-family: Montserrat;
    font-size: 23.25px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.engineMsrp {
    color: rgba(46, 47, 47, 0.61);
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 1.5px;
}

.enginePrice {
    color: #B63939;
    font-family: Montserrat;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

/* engine inventory page css ends here */

/* paint and gel coat page css starts here */
.painBoldText {
    color: #565872;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.painAndGelCoatGallery {
    margin-bottom: 150px;
}

.paintGalleryCard {
    position: relative;
    padding-top: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0px 10px 50px 0px rgba(111, 20, 241, 0.05);
    overflow: hidden;
    pointer-events: auto;
}

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

.paintGalleryCard:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.80) 100%);
    mix-blend-mode: multiply;
}

.painGalleryContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
    text-align: center;
    opacity: 0;
    transition: all 0.3s;
}

.paintGalleryCard:hover .painGalleryContent {
    opacity: 1;
}

.paintGalleryCardTitle {
    color: #fff;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.painAndGelCoatGallery {
    position: relative;
}

.painAndGelCoatGallery::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 100%;
    height: 236px;
    background-color: #F2F3F5;
    z-index: -1;
}

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

/* paint and gel coat page css ends here */

/* model detail page css starts here */
.modelDetailHeaderContent {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1400px;
    z-index: 2;
}

#videosSection {
    scroll-margin-top: 180px;
}

#sepcsSection {
    scroll-margin-top: 180px;
}

#distinctionSection {
    scroll-margin-top: 180px;
}

#gallerySection {
    scroll-margin-top: 180px;
}

#aboutSection {
    scroll-margin-top: 180px;
}


.modelDetailHeading {
    color: #FFF;
    text-shadow: 0px 0px 37px rgba(0, 0, 0, 0.81);
    font-family: Montserrat;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 64px;
}

.modelImageAndTextSection {
    margin: 80px 0;
}

.modelPageVideoSection {
    margin: 60px 0;
}

.modelDetailGalleryImagesWrap {
    position: relative;
    padding-top: 64%;
    pointer-events: auto;
}

.modelDetailGalleryImagesWrap:hover::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.80) 100%);
    pointer-events: none;
}

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

.modelDistinctionsSection {
    margin: 60px 0;
}

/* .distinctionsCard {
    max-width: 620px;
} */

.distinctionsHeading {
    color: #333;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
}


.distinctionsPara {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.modelSpecificationSection {
    background-color: #FAFAFA;
    padding: 60px 0;
}

.modelSpecsListWrapper {
    background-color: #000;
    height: 100%;
}

.modelSpecsItemList {
    list-style: none;
}

.modelSpecsItem {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 21px 26px;
    cursor: pointer;
}

.activeSpecsListItem {
    background-color: #fff;
    color: #000;
}

.specsSectionBorder {
    border: 1px solid #D5D8DC;
}

.specsDataHeading {
    color: #000;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 33.6px;
}

.specsDataContainer {
    padding: 27px 0;
    display: none;
}

.specsDataContainer.activeSpecsData {
    display: block;
}

.specsTable th {
    color: #000;
    font-family: Montserrat;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.6px;
}

.specsTable td {
    color: #000;
    font-family: Montserrat;
    font-size: 14.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 21.6px;
}


.specsTable tr:hover {
    background-color: rgba(128, 128, 128, 0.07);
}

.modelUpdatesSection {
    background-color: #383838;
    padding: 148px 15px;
}

.modelUpdateHeading {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.modelUpdateTag {
    position: relative;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-family: Montserrat;
    font-size: 18.9px;
    font-style: italic;
    font-weight: 700;
    line-height: 19.2px;
    letter-spacing: 1.8px;
    margin-top: 19px;
}

.modelUpdateTag::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    background-color: #A5A5A5;
    width: 140px;
    height: 1px;
}

.findModelCard {
    display: flex;
    gap: 15px;
}

.findModelHeading {
    color: #FFF;
    font-family: Montserrat;
    font-size: 22.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.88px;
}

.findModelText {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.findModelIconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    height: 50px;
    border: 3px solid #A3B8D2;
    border-radius: 50%;
    transition: all 0.4s;
}

.findModelIconWrap:hover {
    border: 3px solid #fff;
    background-color: #A3B8D2;
}

.finadModelIcon {
    color: #A3B8D2;
    font-size: 20px;
}

.findModelIconWrap:hover .finadModelIcon {
    color: #fff;
}

.distinctionsList {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #333;
}

.distinctionsList h3 {
    color: #333;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 20px;
}

.distinctionsList ul {
    margin-left: 30px;
    margin-bottom: 20px;
}

.distinctionsList li {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
}

/* model detail page css ends here */

/* video library page css starts here */
.videoLibraryTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.videoLibraryTag::after {
    content: '';
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 240px;
    height: 1px;
    background-color: #2E2F2F;
}

.videoLibrarySection {
    margin: 60px 0;
}

.videoLibraryCard {
    padding: 0 5px;
}

.videoPageMediaWrap {
    position: relative;
    padding-top: 15%;
}

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

.videoTitle {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20.28px;
}

.videoPara {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.videoLibraryBtnWrap {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.videoLoadMoreBtn {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.5px;
    border-radius: 4px;
    background: #333;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none;
    outline: none;
    padding: 10px 24px;
}

/* video library page css ends here */

/* repower page css starts here */
.repowerPageHeaderSection {
    max-width: 1140px;
    margin: 0 auto;
}

.repowerPageHeaderContent {
    padding: 0 30px;
}

.repowerHeaderTag {
    color: #2E2F2F;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.repowerHeaderTag::after {
    content: '';
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 1px;
    background-color: #2E2F2F;
}

.repowerBoldText {
    color: #333;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.repowerListPara {
    color: #333;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
}

.repowerList {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 24px;
    padding: 0;
    margin: 0;
}

.repowerListItem {
    display: flex;
    align-items: center;
    gap: 15px;
}

.repowerLogoWrap {
    max-width: 300px;
    margin-top: -50px;
}

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

.rewpowerVideoWrap {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    padding-top: 60%;
}

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

/* repower page css ends here */

/* marine insurance page css stare here */
.marine-insurance-list ul{
    padding-left: 0
}
.marine-insurance-list ul li{
    list-style-type: none;
}
.marine-insurance-list ul li i{
    margin-right: 10px;
    color: #a3b8d2;
    font-size: 20px;
    margin-bottom: 10px;

}

/* engine inventory detail page css starts here */
.engineInventoryDetailPageWrap{
    background-image: url("https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/mean-north-point-yacht-sales/assets/contact/bg-image.webp");
    padding: 80px 0;
}

.eventDetailImageContainer{
    border: 1px solid #2E2F2F;
    padding: 20px 30px;
}

.eventDetailImageInnerWrap{
    position: relative;
    padding-top: 100%;
}

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

.engineDetailInfoContainer{
    padding: 30px 20px;
    border: 1px solid #2E2F2F;
    background-color: #fff;
}

.backToEnginesLink{
    color: #2E2F2F5C;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 18px;
    font-family: Montserrat;
    font-weight: 600;
}

.backToEnginesLink:hover{
    color: #2E2F2F5C;
}

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

.enginePriceWrapper::before{
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    width: 112px;
    height: 1px;
    background-color: #000;
}

.enginePriceText{
    color: #2E2F2F9C;
    font-weight: 700;
    letter-spacing: 1.5px;
    font-size: 16px;
    font-family: Montserrat;
}

.enginActualPrice{
    font-family: Montserrat;
    font-weight: 700;
    color: rgb(168, 13, 13);
    font-size: 32px;
    line-height: 32px;
}

.engineHeading{
    color: #333;
    font-weight: 800;
    letter-spacing: 0.1px;
    font-size: 16px;
    font-family: Montserrat;
}

.engineIntrologo{
    max-width: 156px;
    float: left;
    padding: 10px;
}

.engineDetailTable th{
    font-size: 15px;
    color: #333;
    font-family: Montserrat;
    font-weight: 700;
}

/* engine inventory detail page css ends here */

/* media queries starts here */
@media(max-width: 1700px) {
    .commonHeaderTag::after {
        right: -10%;
        width: 20px;
    }

    .commonHeaderTag::before {
        left: 10%;
        width: 20px;
    }
}

@media(max-width: 1600px) {
    .brandPageGeneralLinkContainer {
        gap: 20px;
    }

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

    .brandPageLinkBarWrapper {
        flex-wrap: wrap;
    }

    .brandViewInventoryBtnWrap {
        flex-wrap: wrap;
    }
}

@media(max-width: 1440px) {
    .brandPageLinkBarWrapper {
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .teamMemberImageOuterWrap {
        padding: 15px;
    }

    .similarPostsContainer {
        padding-left: 0;
    }
}


@media(max-width: 1300px) {
    .topBarContactContainer {
        flex-wrap: wrap;
        gap: 15px;
    }

    .topBarContactItemAfterLine::after {
        right: -7.5px;
    }

    .desktopNavBarInnerWrap {
        padding: 0;
    }

    .partsHeroSecondaryImageWrap {
        left: -20%;
    }

}

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

    .brokerageSectionInnerWrapper {
        gap: 30px;
    }

    .brokerageVideoWrapper {
        left: -2%;
    }

    .brandPageTagAfter::after {
        right: -55px;
        width: 50px;
    }

    .modelDetailHeading {
        font-size: 40px;
        line-height: 40px;
    }

    .partsHeroInnerWrap {
        flex-direction: column;
    }

    .partsTextContainer {
        max-width: 700px;
        margin: 200px auto auto auto;
        text-align: center;
    }

    .partsHeroSection {
        margin: 80px 15px 50px 15px;
    }

}

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

    .topBarInnerWrap {
        justify-content: center;
    }

    .desktopNavSection {
        display: none;
    }

    .mobileHeader {
        display: block;
    }

    .modelSearchSection {
        flex-direction: column;
    }

    .modelSearchFilterContainer {
        flex: 1 1 100%;
        width: 100%;
    }

    .welcomeSectionTextWrapper {
        justify-content: center;
        text-align: center;
    }

    .welcomeBtnWrap {
        justify-content: center;
    }

    .welcomeSection {
        margin: 40px 0;
    }

    .ourBrandsSection {
        padding: 40px 0;
    }

    .newArrivalSection {
        margin: 40px 0;
    }

    .cutomerReviewSection {
        padding: 60px 0;
    }

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

    .serviceLogoSectionContainer {
        flex-wrap: wrap;
    }

    .availableServiceCardContainer {
        gap: 30px;
    }

    .formTextWrapper {
        text-align: center;
    }

    .formSections {
        text-align: center;
    }

    .serviceFormBtnWrap {
        text-align: center;
    }

    .serviceFormSection {
        padding: 40px 15px 60px 15px
    }

    .haulOutPricingSection {
        padding: 40px 0;
    }

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

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

    .brokerageHeroSection {
        margin: 60px auto 100px auto;
        padding: 0 15px;
    }

    .brokerageSectionInnerWrapper {
        flex-direction: column;
    }

    .brokerageSectionTextWrap {
        max-width: 767px;
        margin-top: 100px;
    }

    .brokerageBgImage {
        width: 80%;
        margin-left: auto;
        text-align: right;
        display: flex;
        justify-content: end;
    }

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

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

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

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

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

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

    .modelUpdatesSection {
        padding: 40px 15px;
    }

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

    .brandTextHeading::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .brandPageImageWrap {
        margin: 0 auto;
    }

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

    .painAndGelCoatGallery {
        margin-bottom: 30px;
    }

    .partsFormContainer {
        margin: 60px 15px 45px 15px;
    }

    .partsFormBtnWrraper {
        text-align: center;
    }

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

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

    .contactAddressCardWrapper {
        text-align: center;
    }

    .contactAddressTitle::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .teamMemberDetailContainer {
        margin-top: -15%;
    }

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

    .similarPostHeaderWrapper {
        text-align: center;
    }

    .similarPostTitleWrapper {
        text-align: center;
    }

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

@media (max-width: 767px) {
    .newArrivalTag::after {
        content: '';
        position: absolute;
        right: -30px;
        top: 50%;
        width: 25px;
        height: 1px;
        transform: translateY(-50%);
        background-color: #A5A5A5;
    }

    .availableServiceCardContainer {
        flex-direction: column;
    }

    .switchTabContainer {
        flex: 1 1 100%;
        width: 100%;
    }

    .availableServiceContentCard {
        flex: 1 1 100%;
        width: 100%;
    }

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

    .brokerageSectionTextWrap {
        margin-top: 120px;
    }

    .dividerLineWrapper {
        margin: 40px auto
    }

    .brokerageFormContainer {
        margin: 0 auto;
    }

    .borkerageFormSection {
        padding-bottom: 40px;
    }

    .brokerageFormTextContainer {
        margin: 0 auto 30px auto;
        text-align: center;
    }

    .bottomLineWrap {
        margin: 10px auto;
    }

    .brandPageVideoSection {
        padding: 40px 0;
    }

    .brandPageBottomLine {
        font-size: 24px;
        line-height: 24px;
        font-weight: 500px;
    }

    .brandPageVideoWrap {
        min-height: 300px;
    }

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

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

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

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

    .ourBrandsTagLine::before {
        left: -20px;
        width: 16px;
    }

    .ourBrandsTagLine::after {
        right: -20px;
        width: 16px;
    }

    .footerWrapper {
        padding: 40px 15px 35px 15px;
    }

    .leftFooterTextWrap {
        text-align: center;
    }

    .footerText {
        text-align: center;
    }

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

    .availableServiceContentCard {
        padding: 15px;
    }

    .availableServiceSectionInnerWrap {
        padding: 40px 15px;
    }

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

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

    .commonHeaderHeadingWrap {
        margin: 10px 0;
    }

    .commonHeaderTag {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .commonHeaderTag::before {
        display: none;
    }

    .commonHeaderTag::after {
        display: none;
    }

    .commonHeaderSecondary {
        max-width: 95vw;
    }

    .commonHeaderBtnWrap {
        margin-top: 20px;
    }

    .welcomeTag {
        font-size: 8px;
        letter-spacing: 1px;
    }

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

    .brokerageTag {
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 1px;
    }

    .currentModelHeaderBarText {
        padding: 0 5px;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 0.5px;
    }

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

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

    .brandPageGeneralLink::after {
        display: none;
    }

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

    .modelUpdateHeading {
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
    }

    .blogListingCardContent{
        text-align: center;
    }

    .repowerHeaderTag::after {
        right: -30%;
        width: 50px;
        height: 1px;
    }

    .headerBannerHeading {
        font-size: 40px;
        line-height: 40px;
    }

    .headerBannerSection {
        height: 80px;
    }

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

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

    .bgImageHeaderSection {
        min-height: 100px;
        padding: 60px 0 60px 0;
    }

    .partsHeroSecondaryImageWrap {
        left: -5%;
    }

    .engineInventoryHeaderTag::after {
        width: 50px;
        right: -20%;
    }

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

    .bgHeaderTag::after {
        width: 50px;
        height: 1px;
        right: -60%;
    }

    .bgImageHeaderSection {
        min-height: 100px;
        padding: 60px 0 60px 0;
    }

    .bgHeaderTagSecondary::after {
        width: 50px;
        right: -20%;
    }

    .fiananceCalculatorWrapper {
        gap: 25px;
        flex-direction: column;
    }

    .teamHeaderTag::after {
        right: -25%;
        width: 50px;
    }

    .videoLibraryTag::after {
        right: -20%;
        width: 50px;
    }

    .aboutBgHeaderTag::after {
        right: -80%;
        width: 50px;
    }

    .blogHeaderTag::after {
        width: 50px;
        right: -30%;
    }
}

@media (max-width: 450px) {
    .brokerageVideoWrapper {
        max-width: 80vw;
    }

    .brandPageTagAfter::after {
        display: none;
    }

    .blogHeaderTag::after {
        display: none;
    }

    .repowerHeaderTag::after {
        display: none;
    }

    .engineInventoryHeaderTag::after {
        display: none;
    }

    .bgHeaderTag::after {
        display: none;
    }

    .aboutBgHeaderTag::after {
        display: none;
    }

    .videoLibraryTag::after {
        display: none;
    }

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

    .bgHeaderTagSecondary::after {
        display: none;
    }

    .teamHeaderTag::after {
        display: none;
    }
}

/* media queries ends here */