a {
    text-decoration: none
}

.fs__btn {
    display: inline-block;
    font-family: "BasisGrotesquePro-Bold";
    font-size: 18px;
    color: #fff;
    background: #fb5100;
    border: 2px solid #fb5100;
    padding: 11px 40px 15px 25px;
    font-weight: 500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-width: 227px;
    text-align: center;
    position: relative;
    letter-spacing: 0
}

.border_width {
    width: 100% !important
}

.v_width {
    width: 29% !important
}

.mb_stock {
    width: 16%
}

.fs__btn .icon__arrow {
    width: 23px;
    height: 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 23px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fs__btn .icon__arrow img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.fs__btn:hover {
    color: #fff;
    background: #3f2355;
    border: 2px solid #3f2355;
    text-decoration: none !important
}

.fs__heroBannerWrapper {
    padding: 53px 160px 68px;
    position: relative
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper {
        padding: 40px 75px 50px
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper {
        padding: 30px 30px 20px
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper {
        padding: 50px 30px
    }
}

.fs__heroBannerWrapper .banner__topLeftShapeWrap {
    position: absolute;
    width: 518px;
    top: 0;
    left: 0;
    z-index: -1
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper .banner__topLeftShapeWrap {
        width: 418px
    }
}

@media screen and (max-width: 1170px) {
    .fs__heroBannerWrapper .banner__topLeftShapeWrap {
        width: 318px
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .banner__topLeftShapeWrap {
        width: 218px
    }
}

.fs__heroBannerWrapper .banner__topLeftShapeWrap img {
    width: 100%;
    height: auto
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper {
    position: relative;
    z-index: 2
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper h1 {
    font-size: 47px;
    line-height: 54px;
    letter-spacing: -2px;
    color: #53356f;
    margin-bottom: 25px;
    font-family: "basis_grotesque_probold"
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper h1 {
        font-size: 43px;
        line-height: 50px
    }
}

@media screen and (max-width: 1170px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper h1 {
        font-size: 40px;
        line-height: 47px
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper h1 {
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper h1 {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 20px
    }
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper p {
    font-size: 20px;
    line-height: 25px;
    color: #1b2d49;
    padding: 0 170px 0 4px;
    letter-spacing: -0.6px;
    margin-bottom: 36px;
    font-family: "basis_grotesque_proregular"
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper p {
        padding: 0 80px 0 4px;
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1170px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper p {
        padding: 0 50px 0 4px;
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper p {
        padding: 0;
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper p {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 20px
    }
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper {
    padding-right: 72px;
    margin-bottom: 28px
}

@media screen and (max-width: 1600px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper {
        padding-right: 15px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper {
        margin-bottom: 30px
    }
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li {
    width: 100%;
    max-width: 50%;
    font-size: 19px;
    line-height: 25px;
    color: #1b2d49;
    margin-bottom: 25px;
    position: relative;
    padding: 0 10px 0 28px;
    letter-spacing: -0.1px;
    font-family: "BasisGrotesquePro-Medium"
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li {
        padding: 0 15px 0 24px;
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 18px
    }
}

@media screen and (max-width: 1170px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li {
        padding: 0 15px 0 24px;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
        max-width: 100%
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li {
        padding: 0 15px 0 18px;
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li {
        padding: 0 15px 0 24px;
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 10px
    }
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li .icon__wrapper {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -4px;
    left: -2px
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li .icon__wrapper {
        width: 15px;
        height: 15px
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li .icon__wrapper {
        width: 13px;
        height: 13px;
        top: -3px;
        left: -1px
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li .icon__wrapper {
        width: 17px;
        height: 17px;
        top: -4px;
        left: -4px
    }
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .header__benefitsWrapper ul li .icon__wrapper img {
    width: 100%;
    height: auto
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .fs__btnWrapper {
    margin-bottom: 22px
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .fs__btnWrapper .fs__btn {
    margin-bottom: 5px;
    font-family: "BasisGrotesquePro-Medium";
    text-decoration: none !important
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .fs__btnWrapper .fs__btn {
        width: 100%;
        padding: 8px 40px 10px 25px
    }
}

.fs__heroBannerWrapper .fs__bannerDescriptionWrapper .fs__btnWrapper small {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #5a687c;
    letter-spacing: .16px
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .fs__bannerDescriptionWrapper .fs__btnWrapper small {
        text-align: center
    }
}

.fs__heroBannerWrapper .banner__videoWrapper {
    position: relative;
    z-index: 3;
    padding: 52px 82px 0 35px
}

@media screen and (max-width: 1600px) {
    .fs__heroBannerWrapper .banner__videoWrapper {
        padding: 52px 0 0 15px
    }
}

@media screen and (max-width: 1440px) {
    .fs__heroBannerWrapper .banner__videoWrapper {
        padding: 52px 15px 0
    }
}

@media screen and (max-width: 1170px) {
    .fs__heroBannerWrapper .banner__videoWrapper {
        padding: 122px 15px 0
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .banner__videoWrapper {
        padding: 20px 0 0
    }
}

.fs__heroBannerWrapper .banner__videoWrapper .banner__video {
    width: 100%;
    padding-top: 58%;
    position: relative
}

.fs__heroBannerWrapper .banner__videoWrapper .banner__video iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.fs__heroBannerWrapper .banner__toprightImageWrap {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 80%;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .banner__toprightImageWrap {
        width: 60%
    }
}

@media screen and (max-width: 767px) {
    .fs__heroBannerWrapper .banner__toprightImageWrap {
        display: none
    }
}

.fs__heroBannerWrapper .banner__toprightImageWrap img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto
}

@media screen and (max-width: 1390px) {
    .fs__heroBannerWrapper .banner__toprightImageWrap img {
        right: -10%;
        right: -20%
    }
}

@media screen and (max-width: 991px) {
    .fs__heroBannerWrapper .banner__toprightImageWrap img {
        right: unset;
        left: 0
    }
}

.section__getApprovedToday {
    position: relative;
    padding: 66px 0 91px;
    background: #fff3ee
}

@media screen and (max-width: 1220px) {
    .section__getApprovedToday {
        padding: 50px 75px 80px
    }
}

@media screen and (max-width: 991px) {
    .section__getApprovedToday {
        padding: 40px 50px 60px
    }
}

@media screen and (max-width: 991px) {
    .section__getApprovedToday {
        padding: 40px 30px 60px
    }
}

.section__getApprovedToday .section__container {
    width: 100%;
    position: relative;
    z-index: 2
}

.section__getApprovedToday .section__container .section__header {
    margin-bottom: 58px
}

@media screen and (max-width: 991px) {
    .section__getApprovedToday .section__container .section__header {
        margin-bottom: 40px
    }
}

.section__getApprovedToday .section__container .section__header h2 {
    text-align: center;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: -2px;
    color: #53356f;
    margin: 0;
    font-family: "basis_grotesque_probold"
}

@media screen and (max-width: 991px) {
    .section__getApprovedToday .section__container .section__header h2 {
        font-size: 28px;
        line-height: 38px
    }
}

.section__getApprovedToday .section__container .module__getApprovedTodayWrap {
    background: #fff;
    border-radius: 6px;
    width: 1440px;
    height: 690px;
    box-shadow: 0 8px 64px rgba(108, 126, 147, 0.09);
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .section__getApprovedToday .section__container .module__getApprovedTodayWrap {
        width: 1220px
    }
}

@media screen and (max-width: 1220px) {
    .section__getApprovedToday .section__container .module__getApprovedTodayWrap {
        width: 100%;
        height: unset
    }
}

.section__getApprovedToday .section__container .module__getApprovedTodayWrap .content__image {
    width: 100%;
    height: auto
}

.section__getApprovedToday .section__bottomRightShapeWrap {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 518px
}

@media screen and (max-width: 1440px) {
    .section__getApprovedToday .section__bottomRightShapeWrap {
        width: 418px
    }
}

@media screen and (max-width: 1220px) {
    .section__getApprovedToday .section__bottomRightShapeWrap {
        width: 318px
    }
}

@media screen and (max-width: 991px) {
    .section__getApprovedToday .section__bottomRightShapeWrap {
        width: 218px
    }
}

@media screen and (max-width: 767px) {
    .section__getApprovedToday .section__bottomRightShapeWrap {
        width: 150px
    }
}

.section__getApprovedToday .section__bottomRightShapeWrap img {
    width: 100%;
    height: auto
}

.fs__whyChooseUsWrapper {
    background: #fff
}

.fs__whyChooseUsWrapper .fs__whyChooseUsRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid {
    width: 100%
}

.fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
    max-width: calc(100% - 690px);
    padding: 125px 90px 41px 197px
}

.fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
    max-width: 690px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap h2 {
    color: #53356f;
    letter-spacing: -1px;
    margin-bottom: 43px;
    font-family: "basis_grotesque_probold"
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap {
    list-style: none;
    margin: 0 0 65px;
    padding: 0;
    counter-reset: css-counter
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li {
    position: relative;
    padding-left: 63px;
    margin-bottom: 37px;
    min-height: 108px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:last-child {
    margin-bottom: 0
}

input[type=radio] {
    accent-color: #fb5100
}

.fg_p {
    font-family: "basis_grotesque_proregular"
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:before {
    counter-increment: css-counter;
    content: counter(css-counter);
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 25px;
    line-height: 32px;
    letter-spacing: -3%;
    text-align: center;
    background: #ffe4d8;
    color: #fb5100;
    font-family: "BasisGrotesquePro-Black";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 10px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li h3 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.7px;
    color: #3f2355;
    margin-bottom: 5px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #1b2d49;
    padding-right: 68px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper {
    padding-left: 56px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper .fs__btn {
    margin-bottom: 5px;
    font-family: "BasisGrotesquePro-Black";
    text-decoration: none !important
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper small {
    display: block;
    font-size: 14px;
    letter-spacing: .2px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt {
    padding: 0 0 0 35px
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt .fs__loanIntakeStepsWrap {
    margin-bottom: 0
}

.fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt .fs__loanIntakeStepsWrap li p {
    padding-right: 33px
}

.fs__whyChooseUsWrapper .fs__whyChooseUsImageWrap img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 1600px) {
    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
        max-width: calc(100% - 540px);
        padding: 100px 50px 98px 100px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
        max-width: 540px
    }
}

@media screen and (max-width: 1440px) {
    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
        max-width: calc(100% - 500px);
        padding: 60px 40px 60px 50px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
        max-width: 500px
    }
}

@media screen and (max-width: 1280px) {
    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt {
        padding: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap h2 {
        letter-spacing: -1px;
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 40px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 22px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li h3 {
        font-size: 20px;
        line-height: 26px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
        max-width: calc(100% - 450px);
        padding: 60px 40px 60px 50px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
        max-width: 450px
    }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
    .fs__whyChooseUsWrapper {
        position: relative;
        overflow: hidden
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid {
        width: 100%
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
        max-width: 100%;
        padding: 55px 40px;
        position: relative;
        background: rgba(245, 245, 245, 0.9);
        z-index: 999
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
        max-width: 100%;
        height: 100%;
        position: absolute;
        background-position: top center
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap h2 {
        font-size: 28px;
        line-height: 31px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap {
        margin: 0 0 35px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li {
        position: relative;
        padding-left: 55px;
        margin-bottom: 25px;
        min-height: 108px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:last-child {
        margin-bottom: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 20px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li h3 {
        font-size: 22px;
        line-height: 28px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li p {
        font-size: 16px;
        line-height: 24px;
        padding-right: 10px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper {
        padding-left: 55px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt {
        padding: 0 0 0 20px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt .fs__loanIntakeStepsWrap {
        margin-bottom: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt .fs__loanIntakeStepsWrap li p {
        padding-right: 10px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsImageWrap img {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap {
        margin-bottom: 50px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap h2 {
        letter-spacing: -1px;
        margin-bottom: 30px;
        font-size: 33px;
        line-height: 36px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li {
        padding-left: 53px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 22px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li h3 {
        font-size: 20px;
        line-height: 26px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li p {
        padding-right: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper {
        padding-left: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper .fs__btn {
        width: 100%
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt {
        padding: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt .fs__loanIntakeStepsWrap li p {
        padding-right: 0
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
        max-width: 100%;
        padding: 50px 30px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
        display: none
    }
}

@media screen and (max-width: 427px) {
    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap h2 br {
        content: ""
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap h2 br:after {
        content: " "
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li {
        padding-left: 53px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li:before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 22px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li h3 {
        font-size: 20px;
        line-height: 26px
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__loanIntakeStepsWrap li p {
        padding-right: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper {
        padding-left: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap .fs__btnWrapper .fs__btn {
        width: 100%
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt {
        padding: 0
    }

    .fs__whyChooseUsWrapper .fs__loanIntakeStepsMainWrap.fs__loanIntakeStepsMainWrapAlt .fs__loanIntakeStepsWrap li p {
        padding-right: 0
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridLarge {
        max-width: 100%;
        padding: 50px 30px
    }

    .fs__whyChooseUsWrapper .fs__whyChooseUsRow .fs__whyChooseUsMainGrid.fs__whyChooseUsMainGridSmall {
        display: none
    }
}

.section__googleReviewWrapper {
    background: #fff3ee;
    padding: 85px 0 79px
}

@media screen and (max-width: 830px) {
    .section__googleReviewWrapper {
        padding: 50px 0
    }
}

.section__googleReviewWrapper .section__container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto
}

@media screen and (max-width: 830px) {
    .section__googleReviewWrapper .section__container {
        max-width: 100%;
        padding: 0 50px
    }
}

@media screen and (max-width: 767px) {
    .section__googleReviewWrapper .section__container {
        padding: 0 30px
    }
}

.section__googleReviewWrapper .section__container .section__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

.section__googleReviewWrapper .section__container .section__row .section__grid {
    width: 100%
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo {
    max-width: 332px
}

@media screen and (max-width: 830px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo {
        max-width: 45%
    }
}

@media screen and (max-width: 600px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo {
        max-width: 100%;
        text-align: center
    }
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo .google__reviewLogoWrap {
    padding: 20px 59px
}

@media screen and (max-width: 767px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo .google__reviewLogoWrap {
        padding: 20px 40px
    }
}

@media screen and (max-width: 580px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo .google__reviewLogoWrap {
        padding: 50px 40px
    }

    .mbl_view {
        width: 20% !important
    }

    .ContainerBuyerIcon {
        padding-right: 30px !important
    }

    .swich__title2 {
        text-align: left !important;
        width: 70% !important
    }

    .DealerForm .btnbg {
        width: 128px !important
    }

    .containerr {
        font-size: 10px
    }

    .custom_phone {
        width: 100%
    }

    .dealer-listing-banner .dealer-logo-holder .dealer-list-avatar {
        line-height: 1px !important;
        font-size: 25px !important
    }

    .react-tel-input .form-control {
        width: 96% !important
    }

    .btn_padiing {
        padding-left: 0 !important
    }

    .VerifyBtn {
        width: 96%;
        float: none !important
    }

    .not_pd {
        padding-left: 0 !important
    }

    .Verification-Head p {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 15px !important;
        line-height: 21px !important
    }

    .section__getApprovedToday .section__container .module__getApprovedTodayWrap {
        height: 970px !important
    }
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridLogo .google__reviewLogoWrap img {
    width: 205px;
    max-width: 100%;
    height: auto
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc {
    background: #fb5100;
    max-width: calc(100% - 332px)
}

@media screen and (max-width: 830px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc {
        max-width: 55%
    }
}

@media screen and (max-width: 600px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc {
        max-width: 100%;
        text-align: center
    }
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper {
    padding: 33px 57px 28px
}

@media screen and (max-width: 991px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper {
        padding: 28px 40px 25px
    }
}

@media screen and (max-width: 580px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper {
        padding: 28px 15px 25px
    }
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper h3 {
    font-family: "BasisGrotesquePro-Bold";
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    letter-spacing: -0.4px
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper p {
    font-family: "BasisGrotesquePro-Regular";
    color: #fff;
    font-size: 10px;
    letter-spacing: .3px;
    padding-right: 20px;
    margin: 0 0 25px
}

@media screen and (max-width: 580px) {
    .section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper p {
        padding: 0 10px
    }

    .select_items_flex {
        flex-direction: column
    }

    .item_data {
        width: 100% !important;
        padding-left: 0 !important;
        margin-top: 15px;
        margin-bottom: -34px
    }

    .item_data_heading {
        margin-bottom: 10px !important
    }

    .item_img {
        margin-top: -20px;
        width: 100% !important
    }

    .widh_d {
        font-size: 9px !important
    }

    .item_img img {
        height: 155px !important
    }

    .data_field {
        padding-left: 10px !important;
        height: 33px !important
    }

    .mb_stock {
        width: 30% !important
    }

    .stock {
        width: 28% !important
    }
}

.section__googleReviewWrapper .section__container .section__row .section__grid.section__gridDesc .google__reviewDescWrapper .review__btn {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 11px;
    line-height: 14px;
    color: #fff;
    background: #3f2355;
    display: inline-block;
    padding: 12px 19px;
    text-decoration: none
}

.section__clientTestimonialsWrapper {
    padding: 75px 0
}

@media screen and (max-width: 767px) {
    .section__clientTestimonialsWrapper {
        padding: 40px 0
    }
}

.section__clientTestimonialsWrapper .section__container {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto
}

@media screen and (max-width: 1520px) {
    .section__clientTestimonialsWrapper .section__container {
        max-width: 1440px
    }
}

@media screen and (max-width: 1440px) {
    .section__clientTestimonialsWrapper .section__container {
        max-width: 1220px
    }
}

@media screen and (max-width: 1220px) {
    .section__clientTestimonialsWrapper .section__container {
        max-width: 100%;
        padding: 0 75px
    }
}

@media screen and (max-width: 1085px) {
    .section__clientTestimonialsWrapper .section__container {
        padding: 0 50px
    }
}

@media screen and (max-width: 767px) {
    .section__clientTestimonialsWrapper .section__container {
        padding: 0 30px
    }
}

.section__clientTestimonialsWrapper .section__container .section__header {
    margin-bottom: 54px
}

@media screen and (max-width: 767px) {
    .section__clientTestimonialsWrapper .section__container .section__header {
        margin-bottom: 30px
    }
}

.section__clientTestimonialsWrapper .section__container .section__header h2 {
    text-align: center;
    font-size: 33px;
    line-height: 43px;
    letter-spacing: -1.4px;
    margin: 0
}

@media screen and (max-width: 767px) {
    .section__clientTestimonialsWrapper .section__container .section__header h2 {
        font-size: 30px;
        line-height: 35px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -23px;
    margin-right: -23px
}

@media screen and (max-width: 1440px) {
    .section__clientTestimonialsWrapper .section__container .section__row {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media screen and (max-width: 1220px) {
    .section__clientTestimonialsWrapper .section__container .section__row {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media screen and (max-width: 991px) {
    .section__clientTestimonialsWrapper .section__container .section__row {
        margin-left: -20px;
        margin-right: -20px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid {
    width: 100%;
    max-width: 25%;
    padding: 0 23px
}

@media screen and (max-width: 1440px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid {
        padding: 0 20px
    }
}

@media screen and (max-width: 1220px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid {
        padding: 0 15px
    }
}

@media screen and (max-width: 991px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid {
        max-width: 50%;
        padding: 0 20px;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid {
        max-width: 100%;
        padding: 0 20px;
        margin-bottom: 30px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap {
    background: #fff6f1;
    overflow: hidden;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap {
    padding: 18px 26px;
    min-height: 377px
}

@media screen and (max-width: 1440px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap {
        padding: 15px 20px
    }
}

@media screen and (max-width: 991px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap {
        min-height: 290px
    }
}

@media screen and (max-width: 767px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap {
        min-height: 250px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .star__ratingWrap {
    margin-bottom: 26px
}

@media screen and (max-width: 1220px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .star__ratingWrap {
        margin-bottom: 15px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .star__ratingWrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .star__ratingWrap ul li {
    width: 15px;
    margin-right: 4px
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .star__ratingWrap ul li:last-child {
    margin-right: 0
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .star__ratingWrap ul li img {
    width: 100%;
    height: auto
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .review__descWrap {
    padding-right: 20px
}

@media screen and (max-width: 1220px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .review__descWrap {
        padding-right: 0
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .review__descWrap p {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .2px
}

@media screen and (max-width: 1440px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .client__descWrap .review__descWrap p {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.5px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap {
    background: #fb5100;
    padding: 18px 36px
}

@media screen and (max-width: 1440px) {
    .section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap {
        padding: 15px 25px
    }
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap .user__wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap .user__wrap .user__icon {
    width: 100%;
    max-width: 30px
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap .user__wrap .user__icon img {
    width: 100%;
    height: auto
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap .user__wrap .user__desc {
    padding: 0 12px;
    max-width: calc(100% - 30px)
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap .user__wrap .user__desc h3 {
    font-family: "BasisGrotesquePro-Black";
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -0.1px;
    color: #000;
    margin: 0
}

.section__clientTestimonialsWrapper .section__container .section__row .section__Grid .client__testimonialWrap .review__userWrap .user__wrap .user__desc span {
    font-family: "BasisGrotesquePro-Regular";
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    display: block;
    letter-spacing: .9px
}

.message__wrapper {
    background: #fff2f2;
    border: 2px solid #c37077;
    padding: 30px;
    border-radius: 5px;
    width: 784px;
    margin: 0 auto;
    max-width: 100%
}

.message__wrapper .message__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.message__wrapper .message__inner .icon__wrapper {
    width: 90px
}

.message__wrapper .message__inner .icon__wrapper img {
    width: 100%;
    height: auto
}

.message__wrapper .message__inner .message__wrap {
    width: calc(100% - 90px);
    padding-left: 15px
}

.message__wrapper .message__inner .message__wrap p {
    margin: 0;
    font-size: 22px;
    color: #c37077
}

.item_img {
    width: 30%
}

.item_data {
    width: 50%;
    height: 249px;
    padding-left: 30px
}

.stock {
    color: #3f2355;
    font-weight: 500;
    width: 16%;
    font-family: "basis_grotesque_proregular"
}

.stocknumber {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    color: #fb5100;
    font-size: 16px;
    white-space: nowrap
}

.item_data_heading {
    font-weight: 600 !important;
    color: #3f2355;
    font-family: "basis_grotesque_proregular" !important;
    text-align: start !important;
    font-size: 20px !important;
    margin-bottom: 20px !important
}

.widh_d {
    width: 100% !important;
    max-width: 100% !important;
    color: #828385 !important
}

.mask__input_zip {
    height: 48px !important;
    border-radius: 10px !important
}

.credit_labels {
    color: #3f2355;
    padding-left: 28px !important
}

.data_field {
    display: flex;
    background: #f5f7fa;
    justify-content: flex-start;
    align-items: center;
    border-radius: 5px;
    padding-left: 20px;
    height: 40px;
    width: 100%
}

.bac_n0n {
    background: transparent
}

.address__fld {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    color: #3f2355;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #f3f3f3;
    font: 20px basis_grotesque_probold
}

.select_items_flex {
    display: flex;
    justify-content: center;
    width: 100%
}

.formWrapper_heading {
    margin-bottom: 65px !important
}

@font-face {
    font-family: "basis_grotesque_proregular";
    src: url(../fonts/basisgrotesquepro-regular-webfont.woff2) format("woff2"), url(../fonts/basisgrotesquepro-regular-webfont.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "basis_grotesque_prolight";
    src: url(../fonts/basisgrotesquepro-light-webfont.woff2) format("woff2"), url(../fonts/basisgrotesquepro-light-webfont.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "basis_grotesque_probold";
    src: url(../fonts/basisgrotesquepro-bold-webfont.woff2) format("woff2"), url(../fonts/basisgrotesquepro-bold-webfont.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "freightdispproblauploadedfile";
    src: url(../fonts/freightdisp_pro_black-webfont.woff2) format("woff2"), url(../fonts/freightdisp_pro_black-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "BasisGrotesquePro-Medium";
    src: url(../fonts/BasisGrotesquePro-Medium.woff) format("woff"), url(../fonts/BasisGrotesquePro-Medium.woff2) format("woff2"), url(../fonts/BasisGrotesquePro-Medium.svg#BasisGrotesquePro-Medium) format("svg"), url(../fonts/BasisGrotesquePro-Medium.eot), url(../fonts/BasisGrotesquePro-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/BasisGrotesquePro-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "BasisGrotesquePro-Black";
    src: url(../fonts/BasisGrotesquePro-Black.woff) format("woff"), url(../fonts/BasisGrotesquePro-Black.woff2) format("woff2"), url(../fonts/BasisGrotesquePro-Black.svg#BasisGrotesquePro-Black) format("svg"), url(../fonts/BasisGrotesquePro-Black.eot), url(../fonts/BasisGrotesquePro-Black.eot?#iefix) format("embedded-opentype"), url(../fonts/BasisGrotesquePro-Black.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

body {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: overlay
}

.hide {
    display: none
}

._loading_overlay_wrapper ._loading_overlay_overlay {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.vehicle-budget {
    background-color: #fdfdfe;
    padding: 165px 160px 100px
}

.vehicle-budget-main {
    display: flex
}

.vehicle-budget-outer {
    margin: 0 auto;
    background: #fff;
    box-shadow: 16px 60px 120px rgba(19, 27, 38, 0.06);
    border-radius: 20px;
    padding: 39px 80px 58px;
    border: #eeeef0 solid 1px;
    max-width: 1600px
}

.landing-row-wrapper {
    width: fit-content;
    max-width: 1600px;
    margin: 0 auto
}

.payment-breakdown.rhs {
    display: none
}

.hm-select-vehicle-type-main {
    margin: 0 -8px 24px
}

.vehicle-budget h2 {
    margin: 0 0 41px;
    font-family: "basis_grotesque_probold";
    font-size: 36px;
    line-height: 56px;
    color: #3f2355
}

.vehicle-budget-main .vehicle-budget-left-col {
    width: 52.8%;
    float: left
}

.label__radio {
    position: relative;
    cursor: pointer;
    font-weight: 700;
    padding-right: 32px
}

.containerr a {
    text-decoration: none
}

.containerr {
    display: block;
    position: relative;
    padding-left: 12px;
    margin-bottom: 12px;
    font-family: "BasisGrotesquePro-Medium";
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.containerr input {
    position: absolute;
    cursor: pointer;
    height: 33px;
    width: 45px
}

.containerr:hover input~.checkmarkk {
    background-color: #ccc
}

.containerr input:checked~.checkmarkk {
    background-color: #fb5100 !important
}

input[type=radio]:checked:after {
    background-color: #fb5100 !important
}

.checkmarkk:after {
    content: "";
    position: absolute;
    display: none
}

.containerr input:checked~.checkmarkk:after {
    display: block
}

.containerr .checkmarkk:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%
}

.label__radio::before {
    content: "";
    border: 4px solid gray;
    border-radius: 8px;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: -2px 20px;
    margin-left: 0
}

.label__radio::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    background: #fff;
    left: 7px;
    top: 13px;
    margin: -8px 20px;
    margin-left: 0;
    transition: all .4s
}

.dealer___btn {
    margin-top: 0 !important
}

input[type=radio]:checked+label::after {
    background: #fb5100
}

.vehicle-budget-main .vehicle-budget-right-col {
    width: 47.2%;
    float: left
}

.vehicle-budget-main .select-vehicle-box {
    text-align: center;
    background: #fff;
    border: 1px solid #eeeef0;
    border-radius: 16px;
    cursor: pointer;
    padding: 17px 0 25px;
    position: relative
}

.dealer__title {
    color: #3f2355;
    font-weight: 400;
    font-size: 16px;
    margin-top: 60px;
    font-family: "basis_grotesque_proregular"
}

.radio___content {
    align-items: center
}

.content___flex {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 25px;
    width: 90%
}

.flex__b {
    margin-bottom: 25px;
    width: auto !important
}

.billing__clm1 {
    margin-bottom: 20px
}

.billing__appilication {
    font-weight: 500;
    font-size: 18px;
    font-family: "BasisGrotesquePro-Medium";
    color: #111827
}

.veh__title {
    color: #3f2355;
    font-weight: 500;
    font-size: 28px;
    font-family: "BasisGrotesquePro-Medium"
}

.dealer__titlee {
    color: #364052;
    font-weight: 500;
    font-size: 16px;
    font-family: "basis_grotesque_proregular"
}

.swich__title {
    width: 50% !important
}

.border___box {
    background: #fff;
    border-radius: 4px;
    width: 50%
}

.mask__input_zip {
    height: 48px !important;
    border-radius: 10px !important
}

.d__play {
    display: none
}

.border__less {
    border: none !important
}

.label__w {
    width: 70% !important
}

.swich__ww {
    width: 25% !important
}

.veh__content3 {
    color: #667085;
    font-weight: 400;
    font-size: 16px;
    font-family: "basis_grotesque_proregular"
}

.dealer__div {
    border: none !important;
    margin-top: 55px
}

.billing__content3 {
    color: #8c94a3;
    font-weight: 400;
    font-size: 14px;
    font-family: "basis_grotesque_proregular"
}

.billing__clm {
    flex-direction: column !important
}

.dealer__billing {
    margin-top: 60px !important;
    border: none !important
}

.billing___applicat_back {
    background: #fff;
    border: 1px solid #d9d9d9 !important;
    border-radius: 6px !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important
}

.prefrance__content {
    color: #5b5b5c;
    font-style: normal;
    font-family: "basis_grotesque_proregular" !important;
    font-size: 14px;
    letter-spacing: .0035em;
    margin-top: 10px;
    width: 80%
}

.prefrance___title {
    color: #3f2355;
    font-weight: 500;
    font-size: 20px
}

.vehicle-budget-main .select-vehicle-box:after {
    content: "";
    clear: both;
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #81db0f;
    border-radius: 50%;
    top: 12px;
    right: 12px;
    background-image: url(../image/homepage-budget-tick.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0;
    visibility: hidden
}

.vehicle-budget-main .select-vehicle-box:hover {
    border-color: #81db0f
}

.vehicle-budget-main .select-vehicle-box.active {
    border-color: #81db0f
}

.vehicle-budget-main .select-vehicle-box.active.active:after {
    opacity: 1;
    visibility: visible
}

.ActiveList-Left {
    display: block !important
}

.vehicle-budget-main .icon-holder {
    display: block;
    height: 90px;
    overflow: hidden;
    position: relative
}

.vehicle-budget-main .icon-holder img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.vehicle-budget-main .select-vehicle-box p {
    margin: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 25.6px
}

.hp-three-col-grid {
    margin: 0 -10px
}

.hp-three-col-grid .breakdown-col {
    width: 33.3%;
    float: left;
    padding: 0 10px;
    position: relative
}

.vehicle-budget-main label {
    display: block;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    margin: 0 0 16px
}

.vehicle-budget-main .form-control {
    background-color: #f5f7fa !important;
    border: 1px solid #e6e6e6;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 10px;
    height: 56px;
    padding: 0 15px
}

.hp-three-col-grid .breakdown-col.downpayment button {
    background: none;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    bottom: 16px;
    z-index: 999
}

.vehicle-budget-main .budget-content {
    display: table;
    width: 100%;
    height: 100%
}

.vehicle-budget-main .budget-content-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.vehicle-budget-main .budget-content-inner span {
    display: block;
    font-family: "basis_grotesque_probold";
    font-size: 66px;
    line-height: 85px;
    color: #3f2355;
    margin: 16px 0 30px
}

.vehicle-budget-main .budget-content-inner .budget-content-c {
    float: right;
    padding: 0 80px 0 0
}

.vehicle-budget-main .budget-content-inner p {
    font-size: 32px;
    line-height: 51px;
    color: #3f2355;
    margin: 0
}

.vehicle-budget-main .budget-content-inner p button {
    background: none;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    margin: 0 0 0 -8px;
    padding: 0
}

.vehicle-budget-main .budget-content-inner p img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 6px;
    cursor: pointer
}

.vehicle-budget-main .budget-content-inner .btn-primary {
    background: #fb5100;
    font-family: "BasisGrotesquePro-Medium";
    padding: 0 23px 0 30px;
    font-size: 20px;
    border-radius: 16px;
    border: none;
    line-height: 70px
}

.vehicle-budget-main .budget-content-inner .btn-primary:hover {
    background-color: #3f2355
}

.hm-react-select-main .hm-react-select__control {
    background-color: #f5f7fa !important;
    border: 1px solid #e6e6e6;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 10px;
    height: 56px;
    padding: 0 15px
}

.hm-react-select__control .hm-react-select__indicators .hm-react-select__indicator {
    padding: 15px 5px !important
}

.hm-react-select-main .hm-react-select__control .hm-react-select__value-container {
    padding: 0
}

.hm-react-select-main .hm-react-select__control.hm-react-select__control--is-focused,
.hm-react-select-main .hm-react-select__control:hover {
    border-color: #3f2355
}

.hm-react-select__indicator-separator {
    display: none
}

.hm-react-select__indicator {
    color: #000 !important
}

.breakdown-single-col {
    margin: 40px 0 0
}

.hm-react-select-main .hm-react-select__control {
    box-shadow: none
}

.hm-react-select-main .hm-react-select__placeholder {
    margin: 0;
    color: #3f2355
}

.react-select-Filter {
    background-color: transparent !important;
    border: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    box-sizing: border-box;
    border-radius: 0;
    height: 20px;
    padding: 0 10px
}

.banner-react-select-main .banner-react-select__control {
    background-color: transparent !important;
    border: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    box-sizing: border-box;
    border-radius: 0;
    height: 60px;
    padding: 0 30px
}

.ListSearch-Form .banner-react-select-main .banner-react-select__control {
    height: 100%;
    cursor: pointer
}

.LeftMenu-Container .banner-react-select-main .banner-react-select__control {
    height: 34.94px;
    background: #eeeef0 !important;
    border: .727907px solid #d1d3d6;
    border-radius: 7.27907px;
    line-height: auto;
    font-size: 13.1023px;
    color: #3f2355;
    padding: 0 8px
}

.LeftMenu-Container .banner-react-select__indicators .banner-react-select__indicator {
    padding: 0 !important
}

.banner-react-select-main .banner-react-select__control .banner-react-select__value-container {
    padding: 0;
    height: 100%
}

.banner-react-select-main .banner-react-select__control.banner-react-select__control--is-focused,
.banner-react-select-main .banner-react-select__control:hover {
    border-color: #3f2355
}

.banner-react-select__indicator-separator {
    display: none
}

.banner-react-select__indicators .banner-react-select__indicator {
    color: #a3a3a3 !important;
    padding: 8px !important
}

.breakdown-single-col {
    margin: 40px 0 0
}

.banner-react-select-main .banner-react-select__control {
    box-shadow: none;
    cursor: pointer
}

.banner-react-select-main .banner-react-select__placeholder {
    margin: 0;
    color: #3f2355
}

.vehicle-budget-main .form-control:focus {
    background-color: #f5f7fa !important;
    border-color: #3f2355
}

.breakdown-col ::-webkit-input-placeholder {
    color: #3f2355
}

.breakdown-col ::-moz-placeholder {
    color: #3f2355
}

.breakdown-col :-ms-input-placeholder {
    color: #3f2355
}

.breakdown-col :-moz-placeholder {
    color: #3f2355
}

.way-it-should {
    background: #f7f7f7;
    padding: 131px 178px 138px;
    overflow: hidden
}

.way-it-should-wrapper {
    display: flex
}

.way-it-should .image-holder {
    width: 66%;
    float: left
}

.way-it-should .image-holder video {
    height: 579px !important
}

.way-it-should .image-holder img {
    width: 100%
}

.way-it-should .way-it-should-content {
    width: 36%;
    float: left;
    padding: 0 0 0 44px
}

.way-it-should .way-it-should-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.way-it-should .way-it-should-content ul li {
    margin: 0
}

.why-it-should-content-inner {
    display: table;
    width: 100%;
    height: 100%
}

.why-it-should-content-main {
    display: table-cell;
    vertical-align: middle
}

.way-it-should .way-it-should-content h2 {
    font-family: "basis_grotesque_probold";
    font-size: 36px;
    line-height: 56px;
    color: #3f2355;
    margin: 0 0 31px;
    display: none
}

.way-it-should .title {
    font-family: "basis_grotesque_probold";
    font-size: 36px;
    line-height: 56px;
    color: #3f2355;
    margin: 0 0 31px;
    text-align: center
}

.way-it-should-content-box {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    padding: 12px 10px 20px 87px;
    border: 1px solid #eeeef0;
    margin: 11px 0 0;
    position: relative
}

.way-it-should-content-box:hover {
    box-shadow: 7px 49px 70px rgba(83, 117, 134, 0.08);
    border-color: transparent
}

.way-it-should-content-box .icon-holder {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    background-color: #ffece4;
    background-image: url(../image/why-financethat-icon.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    margin: 0
}

.way-it-should-content-box .text-box {
    overflow: hidden;
    padding: 5px 0 0
}

.way-it-should-content-box h3 {
    font-family: "basis_grotesque_probold";
    font-size: 22px;
    line-height: 35px;
    color: #3f2355;
    margin: 0 0 8px
}

.way-it-should-content-box p {
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    line-height: 20px;
    color: #828385;
    margin: 0
}

.way-it-should .way-it-should-content .btn-primary {
    font-family: "BasisGrotesquePro-Medium";
    background: #fb5100;
    font-size: 20px;
    line-height: 70px;
    padding: 0 86px;
    border-radius: 16px;
    border: none;
    margin: 60px 0 0;
    display: none
}

.hp-featured-vehicle .btn-primary.see-all {
    font-family: "BasisGrotesquePro-Medium";
    background: #fb5100;
    border-radius: 5px;
    font-size: 16px;
    border: none;
    line-height: 48px;
    text-align: center;
    margin: 40px 0 0;
    padding: 0;
    width: 320px;
    margin: 0 auto 20px;
    display: none
}

.hp-featured-vehicle {
    padding: 100px 0 24px
}

.hp-featured-vehicle h2 {
    font-family: "basis_grotesque_probold";
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin: 0 0 48px;
    color: #3f2355
}

.hp-vehicle-in-area h2 {
    font-family: "basis_grotesque_probold";
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    margin: 0 0 48px;
    color: #3f2355
}

.feature-list-tabs .nav-tabs {
    border: none;
    text-align: center;
    display: block;
    margin: 0 0 33px
}

.feature-list-tabs .nav-item {
    display: inline-block;
    margin: 12px
}

.feature-list-tabs .nav-item .check-mark {
    display: none;
    width: 21px;
    height: 21px;
    background-color: #fff;
    line-height: 15px;
    border-radius: 50%;
    margin: -7px 0 0 9px;
    text-align: center;
    position: relative;
    top: -4px
}

.feature-list-tabs .nav-item .tab-text {
    display: inline-block;
    position: relative
}

.feature-list-tabs .nav-item .tab-text:after {
    content: "";
    clear: both;
    position: absolute;
    right: 0;
    top: 50%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fff;
    background-image: url(../image/check-mark.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: -10px;
    display: none
}

.feature-list-tabs .nav-tabs .nav-link {
    background: #fdf6f3;
    color: #fa9566;
    border: .5px solid #f5dfd5;
    box-sizing: border-box;
    border-radius: 72.4286px;
    font-size: 21.7286px !important;
    line-height: 60px;
    padding: 0 50px;
    font-family: "basis_grotesque_proregular" !important
}

.feature-list-tabs .nav-tabs .nav-link.active {
    background: #fb7333;
    border: .905357px solid rgba(63, 35, 85, 0.1);
    box-sizing: border-box;
    box-shadow: 5.43214px 9.05357px 63.375px rgba(41, 14, 63, 0.06);
    font-family: "basis_grotesque_proregular" !important;
    color: #fff
}

.feature-list-tabs .nav-tabs .nav-link.active .tab-text {
    padding: 0 28px 0 0
}

.feature-list-tabs .nav-tabs .nav-link.active .tab-text:after {
    display: block
}

.feature-list-tabs .nav-item .nav-link.active .check-mark {
    display: inline-block
}

@media(min-width: 768px) {
    .feature-slider-main {
        max-width: 1500px;
        margin: 0 auto;
        position: relative;
        min-height: 400px
    }
}

.feature-slider-main .feature-custom-nav {
    background-color: #fb5100;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    backdrop-filter: blur(4px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    padding: 0;
    border: none;
    text-indent: -9999px;
    outline: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.feature-slider-main .feature-custom-nav.prev {
    padding: 0;
    background-image: url(../image/prev-long-arrow2.svg);
    left: -104px
}

.feature-slider-main .feature-custom-nav.prev.disbaled {
    background-image: url(../image/prev-long-arrow1.svg);
    background-color: #f9d9cc
}

.feature-slider-main .feature-custom-nav.next {
    padding: 0;
    background-image: url(../image/next-long-arrow2.svg);
    right: -104px
}

.feature-slider-main .feature-custom-nav.next.disbaled {
    background-image: url(../image/long-next1.svg);
    background-color: #f9d9cc
}

.hp-featured-vehicle .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background-color: #d4d0dd
}

.hp-featured-vehicle .owl-theme .owl-dots {
    margin-top: 48px !important
}

.hp-featured-vehicle .owl-theme .owl-dots .owl-dot.active span {
    background-color: #3f2355
}

.feature-slider-content {
    background: #fff;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px
}

.empty-content {
    background: #fff;
    text-align: center;
    padding: 80px 0
}

.empty-content h2 {
    font-family: "basis_grotesque_probold";
    font-size: 40px;
    line-height: 56px;
    color: #3f2355;
    margin: 0
}

.empty-content .btn-primary {
    background: #fb5100;
    border-radius: 16px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 55px;
    padding: 0 40px;
    white-space: nowrap;
    margin: 10px 0 0;
    border: none
}

.empty-content img {
    max-width: 225px;
    display: inline-block
}

.feature-slider-content .image-holder {
    max-width: 282px;
    border-radius: 13.2158px;
    overflow: hidden;
    max-height: 220px;
    float: left;
    position: relative
}

.feature-slider-content .image-holder .owl-theme .owl-nav {
    padding: 0 20px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin: -29px 0 0;
    text-align: left
}

.feature-slider-content .image-holder .owl-theme .owl-dots {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.25);
    border: .419549px solid rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    backdrop-filter: blur(0.839098px);
    line-height: 20px;
    border-radius: 25.1729px;
    padding: 0 8px
}

.feature-slider-content .image-holder .owl-theme .owl-dots .owl-dot {
    vertical-align: middle;
    margin: -2px 0 0
}

.feature-slider-content .image-holder .owl-theme .owl-dots .owl-dot span {
    width: 4.2px;
    height: 4.2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    display: block;
    margin: 0;
    border: .839098px solid #fff;
    box-sizing: border-box;
    background-color: transparent
}

.feature-slider-content .image-holder .owl-theme .owl-dots .owl-dot.active {
    margin: -2px 2px 0
}

.feature-slider-content .image-holder .owl-theme .owl-dots .owl-dot.active span {
    box-sizing: border-box;
    background-color: #fff;
    position: relative
}

.feature-slider-content .image-holder .owl-theme .owl-dots .owl-dot.active span:after {
    content: "";
    clear: both;
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 50%;
    border: #fff solid 2px
}

.feature-slider-content .image-holder .owl-theme .owl-dot {
    padding: 0 2.1px;
    position: relative
}

.feature-slider-content .image-holder .owl-theme .owl-nav .owl-prev,
.feature-slider-content .image-holder .owl-theme .owl-nav .owl-next {
    margin: 0;
    background: rgba(102, 102, 102, 0.6);
    opacity: 1;
    backdrop-filter: blur(4px);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.feature-slider-content .image-holder .owl-theme .owl-nav .owl-prev {
    padding: 0 2px 0 0;
    background-image: url(../image/inner-car-left-icon.svg);
    position: absolute;
    left: 20px;
    top: 0
}

.feature-slider-content .image-holder .owl-theme .owl-nav .owl-next {
    float: right;
    padding: 0 0 0 2px;
    background-image: url(../image/inner-car-right-icon.svg);
    position: absolute;
    right: 20px;
    top: 0
}

.feature-slider-content .text-box {
    overflow: hidden;
    padding: 0 0 0 20px
}

.feature-slider-content .text-box a {
    text-decoration: none
}

.feature-slider-content .text-box .title {
    font-family: "basis_grotesque_probold";
    display: block;
    font-size: 18px;
    line-height: 25.2px;
    margin: 14px 0 16px;
    color: #3f2355
}

.feature-slider-content .text-box .price-year {
    overflow: hidden
}

.feature-slider-content .text-box .price-year .price {
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 0 32px;
    color: #3f2355;
    background-image: url(../image/price-tag.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    float: left
}

.feature-slider-content .text-box .price-year .year {
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #5b5b5c
}

.feature-slider-content .text-box .location {
    font-family: "BasisGrotesquePro-Medium";
    padding: 0 0 0 17px;
    display: block;
    background-image: url(../image/location-icon.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin: 18px 0 21px;
    font-size: 12px;
    line-height: 16px;
    color: #5b5b5c
}

.feature-detail-footer .finance-that-logo {
    float: left
}

.feature-detail-footer .finance-that-logo img {
    max-width: 124px
}

.feature-detail-footer .btn-primary {
    float: right;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px;
    line-height: 32px;
    color: #fb5100;
    background-color: transparent;
    border: 1px solid #fb7333;
    border-radius: 10px;
    padding: 0 22px
}

.feature-detail-footer .btn-primary:hover {
    background-color: #3f2355;
    border-color: #3f2355;
    color: #fff
}

.text-box .feature-detail-top-row .info-btns {
    float: left
}

.text-box .feature-detail-top-row .info-btn {
    float: left;
    background-color: rgba(251, 81, 0, 0.1);
    padding: 0 13px;
    font-family: "BasisGrotesquePro-Medium";
    color: #fb5100;
    font-size: 10.0692px;
    line-height: 23px;
    border-radius: 5.03459px
}

.text-box .feature-detail-top-row i {
    float: right;
    font-weight: 700;
    cursor: pointer;
    line-height: 23px;
    padding-right: 1px
}

.text-box .feature-detail-top-row i.active {
    color: #fb5100
}

.hp-vehicle-in-area {
    padding: 0 0 128px
}

.hp-vehicle-in-area .tab-content {
    width: 83%;
    margin: 0 auto
}

.hp-vehicle-in-area .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin: 0;
    text-align: left;
    transform: translateY(-50%);
    padding: 0 8px
}

.hp-vehicle-in-area .owl-theme .owl-nav i {
    display: none
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-prev {
    padding: 0;
    background-image: url(../image/prev-long-arrow2.svg)
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-prev.disabled {
    padding: 0;
    background-image: url(../image/prev-long-arrow1.svg)
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-next {
    padding: 0;
    background-image: url(../image/next-long-arrow2.svg)
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-next.disabled {
    padding: 0;
    background-image: url(../image/long-next1.svg)
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-prev,
.hp-vehicle-in-area .owl-theme .owl-nav .owl-next {
    margin: 0;
    background-color: #fb5100;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    backdrop-filter: blur(4px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    padding: 0
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-prev.disabled,
.hp-vehicle-in-area .owl-theme .owl-nav .owl-next.disabled {
    background-color: #f9d9cc;
    opacity: 1
}

.hp-vehicle-in-area .owl-theme .owl-nav .owl-next {
    float: right;
    padding: 0 0 0 2px
}

.hp-vehicle-in-area .owl-theme .owl-dots {
    margin-top: 48px
}

.hp-vehicle-in-area .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background-color: #d4d0dd
}

.hp-vehicle-in-area .owl-theme .owl-dots .owl-dot.active span {
    background-color: #3f2355
}

.hp-vehicle-in-area .image-holder {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
    border: .5px solid #e6e6e6;
    border-radius: 14.0659px;
    overflow: hidden;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    max-height: 351px
}

.hp-vehicle-in-area .image-holder .image-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180.21deg, rgba(134, 134, 134, 0) 45.54%, rgba(41, 23, 55, 0.49) 69.4%, rgba(0, 0, 0, 0.67) 86.52%);
    width: 100%;
    height: 100%;
    z-index: 100
}

.hp-vehicle-in-area .image-holder .favourite {
    margin: 0 auto;
    padding: 0;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 100;
    text-align: center;
    cursor: pointer;
    z-index: 1000
}

.hp-vehicle-in-area .image-holder .favourite i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 24px;
    text-align: center;
    line-height: 27px;
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../image/heart-icon.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%
}

.hp-vehicle-in-area .image-holder .favourite i.active {
    background-image: url(../image/heart-icon2.png)
}

.hp-vehicle-in-area .image-holder img {
    width: 100%;
    height: 100%
}

.hp-vehicle-in-area .image-holder .favourite i:before {
    display: none
}

.hp-vehicle-in-area .image-holder .bottom-info {
    margin: 0;
    padding: 0 14px 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 101
}

.hp-vehicle-in-area .image-holder .bottom-info .title {
    font-family: "BasisGrotesquePro-Medium";
    float: left;
    width: calc(100% - 70px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 21.0989px;
    line-height: 28px;
    color: #fff
}

.hp-vehicle-in-area .image-holder .bottom-info .year {
    font-family: "BasisGrotesquePro-Medium";
    float: right;
    font-size: 19.3407px;
    line-height: 28px;
    color: #fff
}

.hp-vehicle-in-area .image-holder .bottom-info .location {
    float: left;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 17.5824px;
    line-height: 28px;
    opacity: .8;
    color: #fff;
    width: calc(100% - 190px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 16px
}

.hp-vehicle-in-area .image-holder .bottom-info .price-tag {
    font-family: "basis_grotesque_probold";
    float: right;
    font-size: 26.3736px;
    line-height: 28px;
    color: #fb5100;
    margin-top: 16px
}

.hp-vehicle-in-area .image-holder .bottom-info i {
    padding: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    height: 28px;
    width: 28px;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-align: center;
    line-height: 28px
}

.hp-vehicle-in-area .item {
    width: 100%
}

.hp-featured-vehicle .owl-carousel.owl-drag .owl-item {
    width: 100%
}

.hp-vehicle-in-area .item a {
    text-decoration: none
}

.hp-vehicle-in-area .owl-carousel .owl-stage {
    display: flex
}

.hp-vehicle-in-area .view-all-vihicles-in-area {
    text-align: center;
    background: #fff;
    border: .879121px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 14.0659px;
    display: table;
    height: 100%;
    width: 100%;
    padding: 0
}

.hp-vehicle-in-area .view-all-vihicles-in-area .view-all-vihicles-in-area-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 20px 0
}

.hp-vehicle-in-area .view-all-vihicles-in-area span {
    display: block;
    font-family: "basis_grotesque_probold";
    font-size: 21.0989px;
    line-height: 33px;
    color: #3f2355;
    margin: 40px 0 8px
}

.hp-vehicle-in-area .view-all-vihicles-in-area p {
    font-family: "basis_grotesque_proregular";
    font-size: 17.5824px;
    line-height: 23px;
    text-align: center;
    color: #3f2355;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hp-vehicle-in-area .view-all-vihicles-in-area img {
    display: block;
    max-width: 223px;
    margin: 0 auto
}

.hp-vehicle-in-area .owl-carousel.owl-drag .owl-item {
    display: flex
}

.sell-vehicle {
    background-image: url(../image/sell-vehicle-main-image.svg);
    background-position: 100% 100%;
    background-size: 52%;
    background-repeat: no-repeat;
    position: relative
}

.sell-vehicle .sell-vehicle-boxes {
    max-width: 724px;
    width: 100%
}

.sell-vehicle-box {
    width: 50%;
    float: left;
    min-height: 365px;
    padding: 72px 50px 20px;
    cursor: pointer
}

.sell-vehicle-box .action {
    display: block;
    width: 29.7px;
    height: 29.7px;
    background-color: #f6f9fb;
    background-image: url(../image/action-arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50%;
    position: absolute;
    right: 33px;
    bottom: 25px;
    display: none
}

.sell-vehicle-box.devices {
    display: none
}

.sell-vehicle-box:hover {
    filter: drop-shadow(50px 60px 80px rgba(115, 137, 149, 0.12))
}

.sell-vehicle-box .icon-holder {
    display: block;
    min-height: 36px;
    margin: 0 0 18px
}

.sell-vehicle-box p {
    font-family: "basis_grotesque_proregular";
    font-size: 25px;
    line-height: 32px;
    color: #3f2355;
    margin: 0
}

.sell-vehicle-box p a {
    text-decoration: none;
    color: #3f2355
}

.sell-vehicle-box h2 {
    font-family: "basis_grotesque_probold";
    font-size: 46px;
    line-height: 56px;
    margin: 0 0 44px;
    white-space: nowrap;
    color: #3f2355;
    position: relative
}

.sell-vehicle .round {
    display: block;
    width: 119px;
    height: 119px;
    background: #f9d9cc;
    opacity: .2;
    position: absolute;
    left: 45%;
    top: 67px;
    border-radius: 50%
}

.sell-vehicle-box .btn-primary {
    background: #fb5100;
    border-radius: 16px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 70px;
    padding: 0 82px;
    white-space: nowrap;
    margin: 0;
    border: none
}

.sell-vehicle-box .btn-primary:hover {
    background-color: #3f2355
}

.sell-vehicle-box .btn-primary:active,
.SearchFilter-Container .btn-primary:active,
.vehicle-budget-main .budget-content-inner .btn-primary:active,
.feature-detail-footer .btn-primary:active,
.hp-featured-vehicle .btn-primary.see-all:active,
.way-it-should .way-it-should-content .btn-primary:active {
    background-color: #fb5100 !important;
    border-color: #fb5100 !important
}

.sell-vehicle-box.pre-approved-buyer {
    background-color: #ffece3
}

.sell-vehicle-box.get-paid {
    background-color: #f6f9fb
}

.sell-vehicle-box.advertising {
    background-color: #fff
}

.hp-testimonials {
    padding: 160px 192px 112px;
    overflow: hidden
}

.hp-testimonials h2 {
    font-family: "basis_grotesque_probold";
    font-size: 46px;
    line-height: 73px;
    color: #3f2355;
    margin: 0;
    float: left
}

.hp-testimonials h3 {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 42px;
    line-height: 57px;
    align-items: center;
    color: #3f2355
}

.hp-testimonials .main-heading {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    line-height: 28px;
    align-items: center;
    color: #3f2355;
    display: none
}

.hp-testimonials .top-head {
    margin-bottom: 50px;
    overflow: hidden;
    padding: 0 70px 0 0
}

.hp-testimonials .owl-nav {
    float: right
}

.hp-testimonials .owl-nav.devices {
    display: none
}

.hp-testimonials .owl-nav-btn {
    display: inline-block;
    background-color: #fb5100;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    backdrop-filter: blur(4px);
    width: 73px;
    height: 73px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    border: none;
    text-indent: -9999px;
    outline: 0;
    cursor: pointer
}

.hp-testimonials .owl-next {
    background-image: url(../image/next-long-arrow2.svg);
    margin: 0 0 0 30px
}

.hp-testimonials .devices {
    margin: 13px 0 0
}

.hp-testimonials .devices .owl-next {
    background-image: url(../image/small-devices-next-arrow.svg) !important;
    margin: 0 0 0 12px
}

.hp-testimonials .owl-next.disbaled {
    background-image: url(../image/long-next1.svg);
    background-color: #f9d9cc
}

.hp-testimonials .owl-prev {
    padding: 0;
    background-image: url(../image/prev-long-arrow2.svg)
}

.hp-testimonials .devices .owl-prev {
    padding: 0;
    background-image: url(../image/small-devices-prev-arrow.svg) !important
}

.hp-testimonials .owl-prev.disbaled {
    background-image: url(../image/prev-long-arrow1.svg);
    background-color: #f9d9cc
}

.hp-testimonials .item .top-head p {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-size: 28px;
    line-height: 38px;
    color: #644e77;
    position: relative
}

.hp-testimonials .item .top-head ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 42px
}

.hp-testimonials .item .top-head ul li {
    display: inline-block;
    margin: 0 12px
}

.hp-testimonials .item .top-head ul li i {
    cursor: pointer;
    color: rgba(112, 117, 143, 0.3);
    font-size: 29px
}

.hp-testimonials .item .top-head ul li.rated i {
    color: #faaf38
}

.hp-testimonials .item p {
    font-family: "basis_grotesque_proregular";
    font-style: italic;
    font-size: 20px;
    line-height: 32px;
    color: #828385
}

.hp-testimonials .image-holder {
    position: relative;
    width: 37%;
    float: left
}

.hp-testimonials .image-holder img {
    max-width: 100%
}

.hp-testimonials .image-holder:after {
    content: "";
    clear: both;
    background-color: #6259a3;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 90%;
    z-index: -1
}

.hp-testimonials .testimonials-icon {
    position: absolute;
    top: 0;
    right: 42px;
    display: block;
    width: 127px;
    height: 127px
}

.hp-testimonials .testimonials-icon img {
    width: 100%
}

.testimonials-box-main {
    width: 63%;
    float: right;
    padding: 214px 0 0 35px
}

.hp-testimonials .testimonials-box {
    background-color: #fff;
    background: #fff;
    border: 1.41605px solid rgba(118, 129, 146, 0.1);
    box-sizing: border-box;
    box-shadow: 5.66421px 28.321px 141.605px rgba(8, 21, 38, 0.06);
    position: relative;
    width: 100%;
    padding: 54px 70px 57px;
    margin: 0 0 0 -70px
}

.hp-testimonials .testimonials-box:after {
    content: "";
    clear: both;
    background-image: url(../image/testimonial-dots.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    bottom: -92px;
    left: -112px;
    display: block;
    width: 368px;
    height: 255px;
    z-index: -1
}

.hp-testimonials .testimonials-box::before {
    content: "";
    clear: both;
    background: #fb7333;
    box-shadow: 5.66421px 35.4013px 84.9632px rgba(30, 40, 52, 0.08);
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    display: block;
    width: 17px;
    z-index: 1
}

.hp-dowload-app {
    background-image: url(../image/hm-bars.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%
}

.download-app-main {
    display: flex
}

.download-app-image {
    width: 50%;
    overflow: hidden
}

.download-app-image img {
    float: right;
    max-width: 100%
}

.download-app-content {
    width: 50%
}

.download-app-content a {
    display: inline-block;
    margin: 0 0 0 -23px
}

.download-app-content p {
    font-family: "basis_grotesque_probold";
    margin: 0 0 60px;
    font-size: 56px;
    line-height: 72px;
    color: #3f2355
}

.download-app-content-inner {
    display: table;
    width: 100%;
    height: 100%
}

.download-app-content-inner-main {
    display: table-cell;
    vertical-align: middle
}

.main-Footer {
    display: flex
}

.main-Footer h2 {
    font-family: "basis_grotesque_probold";
    font-size: 42px;
    line-height: 54px;
    color: #3f2355;
    margin: 0
}

.main-Footer h3 {
    font-family: "basis_grotesque_probold";
    font-size: 24px;
    line-height: 31px;
    margin: 0 0 20px;
    color: #3f2355
}

.main-Footer h4 {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 24px;
    line-height: 30px;
    color: #3f2355
}

.main-Footer .footer-store {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-Footer .footer-store li {
    float: left;
    margin: 0 5px
}

.footer-bottom-links {
    margin: 32px 0 0
}

.footer-bottom-links ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-bottom-links ul li {
    display: inline-block;
    margin: 0 0 0 16px
}

.footer-bottom-links ul li:first-child {
    margin: 0
}

.main-Footer .footer-store li:first-child {
    margin-left: 0
}

.main-Footer h2 span {
    color: #fb5100
}

.main-Footer .footer-content-col p {
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    line-height: 32px;
    letter-spacing: .004em;
    color: #828385
}

.main-Footer .first-col .footer-content-col p {
    margin: 25px 0 68px
}

.main-Footer .second-col .footer-content-col p {
    margin: 20px 0 53px
}

.main-Footer .footer-col {
    width: 50%
}

.main-Footer .footer-col.first-col {
    background-color: rgba(212, 208, 221, 0.12);
    padding: 44px 60px 80px
}

.main-Footer .footer-content-col {
    display: table;
    width: 100%
}

.main-Footer .footer-content-col-inner {
    display: table-cell;
    vertical-align: middle
}

.main-Footer .footer-col.second-col {
    background-color: #fff;
    padding: 44px 50px 70px
}

.main-Footer .footer-routes {
    padding: 0;
    margin: 0;
    list-style: none
}

.main-Footer .footer-routes li {
    font-family: "basis_grotesque_proregular";
    font-size: 18px;
    line-height: 53px
}

.main-Footer .footer-routes li a {
    color: rgba(19, 19, 19, 0.6);
    text-decoration: none;
    display: inline-block;
    white-space: nowrap
}

.main-Footer .second-col .footer-content-col p.bottom-para {
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    line-height: 24px;
    margin: 57px 0 20px
}

.main-Footer .copyrights {
    font-family: "BasisGrotesquePro-Medium";
    display: block;
    font-size: 16px;
    line-height: 21px;
    color: #3f2355
}

.modalchat-container {
    margin: 0;
    padding: 0
}

.modalchat-container .modal-content {
    border: none;
    border-radius: 10px 10px 0 0;
    outline: 0
}

.modalchat-container .modal-dialog {
    max-width: 438px;
    margin: 0 auto;
    position: fixed;
    right: 30px;
    bottom: 0;
    width: 100%;
    box-shadow: 0 20px 60px #610000
}

.modalchat-container .modal-header {
    padding: 0;
    border-bottom: none;
    border-top-left-radius: calc(0rem - 0px);
    border-top-right-radius: calc(0rem - 0px)
}

.modalchat-container .modal-body {
    padding: 30px 30px 0;
    height: 400px
}

.ChatTop-Content {
    margin: 0;
    padding: 10px 20px 8px 11px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 20px 40px rgba(32, 17, 44, 0.06);
    width: 100%
}

.ChatTop-Content::after {
    clear: both;
    display: block;
    content: ""
}

.ChatTop-Content .ChatLeft,
.ChatTop-Content .ChatRight {
    margin: 0;
    padding: 0;
    float: left
}

.ChatTop-Content .ChatRight {
    float: right
}

.ChatTop-Content .ChatLeft img {
    margin: 0;
    padding: 0;
    border-radius: 50px;
    max-width: 100%;
    width: 52px;
    height: 52px
}

.ChatTop-Content .ChatLeft .HeadLeft {
    margin: 6px 0 0 11px;
    padding: 0;
    float: right
}

.ChatTop-Content .ChatLeft .HeadLeft h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 20.7px
}

.ChatTop-Content .ChatLeft .HeadLeft h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #fb5100;
    line-height: 23.76px
}

.ChatTop-Content .ChatRight .close {
    float: right;
    font-size: 45px;
    font-weight: 400;
    line-height: 40px;
    color: #3f2355;
    text-shadow: none;
    opacity: 1
}

.modalchat-container .modal-header .close {
    padding: 0;
    margin: 0;
    outline: none
}

.modalchat-container .close:not(:disabled):not(.disabled):focus,
.modalchat-container .close:not(:disabled):not(.disabled):hover {
    opacity: 1
}

.ChatInner-Sec {
    margin: 0;
    padding: 20px 0 0
}

.ChatInner-Sec::after {
    clear: both;
    display: block;
    content: ""
}

.ChatInner-Sec .ChatInner-Left {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    display: flex
}

.ChatInner-Sec .ChatInner-Left img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    float: left
}

.ChatInner-Sec .ChatInner-Left .ChatOnLeft {
    margin: 0;
    padding: 0;
    float: left
}

.ChatInner-Sec .ChatInner-Left .ChatOnLeft img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 65px
}

.ChatInner-Sec .ChatInner-Left .ChatOnLeft h1 {
    margin: 0 0 0 6px;
    padding: 8px 12px;
    background: #f5f7fa;
    border-radius: 10px;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: left;
    text-decoration: none;
    line-height: 16px
}

.ChatInner-Sec .ChatInner-Left .ChatOnLeft h2 {
    margin: 6px 0 0 6px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: left;
    text-decoration: none;
    color: #828385;
    line-height: 16px
}

.ChatInner-Sec .ChatInner-Right {
    margin: 0 0 16px;
    padding: 0;
    float: right;
    clear: both
}

.ChatInner-Sec .ChatInner-Right h3 {
    margin: 0;
    padding: 8px 12px;
    background: #fcece5;
    border-radius: 10px;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #3f2355;
    line-height: 16px;
    text-align: left;
    text-decoration: none
}

.ChatInner-Sec .ChatInner-Right img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 65px
}

.ChatInner-Sec .ChatInner-Right h4 {
    margin: 6px 0 0 6px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: right;
    text-decoration: none;
    color: #828385;
    line-height: 16px
}

.modalchat-container .modal-footer {
    padding: 0;
    border-top: none;
    border-bottom-right-radius: calc(0rem - 0px);
    border-bottom-left-radius: calc(0rem - 0px)
}

.ModalChat-Search {
    margin: 30px 0 16px;
    padding: 0;
    max-width: 420px;
    width: 100%
}

.ModalChat-Search::after {
    clear: both;
    display: table;
    content: ""
}

.ModalChat-Search .SearchLeft {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    max-width: 350px;
    width: 100%
}

.ModalChat-Search .SearchRight {
    float: right;
    margin: 0 11px 0 0;
    padding: 0
}

.ModalChat-Search .SearchLeft input {
    margin: 0;
    padding: 0 85px 0 16px;
    background: #fdfdfd;
    border: 1px solid #d1d3d6;
    border-radius: 6px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #828385;
    height: 52px;
    width: 100%
}

.ModalChat-Search .SearchLeft input::-webkit-input-placeholder {
    color: #828385
}

.ModalChat-Search .SearchLeft input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ModalChat-Search .SearchLeft input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ModalChat-Search .SearchLeft input:-ms-input-placeholder {
    color: #828385
}

.ModalChat-Search .SearchLeft input::-ms-input-placeholder {
    color: #828385
}

.ModalChat-Search .SearchLeft input::placeholder {
    color: #828385
}

.ModalChat-Search .SearchRight button {
    margin: 0;
    padding: 0;
    background: #3f2355;
    border-radius: 6px;
    border: none;
    outline: none;
    height: 52px;
    width: 49px
}

.ModalChat-Search .SearchRight button img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.ModalChat-Search .SearchLeft .Emojifile-List {
    margin: 10px 6px 0 0;
    padding: 0;
    width: auto;
    position: absolute;
    right: 0;
    z-index: 99
}

.ModalChat-Search .SearchLeft .Emojifile-List ul {
    margin: 0;
    padding: 0
}

.ModalChat-Search .SearchLeft .Emojifile-List ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.ModalChat-Search .SearchLeft .Emojifile-List ul li i {
    margin: 0;
    padding: 0;
    color: #2f80ed;
    font-size: 20px;
    text-align: left
}

.ModalChat-Search .SearchLeft .Emojifile-List ul li .image-upload>input {
    display: none
}

.ModalChat-Search .SearchLeft .Emojifile-List ul li .image-upload img {
    width: 80px;
    cursor: pointer
}

.ModalChat-Search .SearchLeft .Emojifile-List ul li .image-upload i {
    margin: 0;
    padding: 0;
    color: #a7a9ad;
    font-size: 20px;
    width: 70px;
    cursor: pointer
}

.Chat-dropdown-Right {
    margin: 6px 10px 0 0;
    padding: 0;
    float: right
}

.Chat-dropdown-Right button {
    margin: 0;
    padding: 0;
    background: url(../image/dropdown-btn.svg) no-repeat center center;
    background-size: 30px;
    border: none;
    border-radius: 0;
    outline: none;
    height: 40px;
    width: 40px
}

.Chat-dropdown-Right button:focus,
.Chat-dropdown-Right button:active {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    outline: none
}

.Chat-dropdown-Right .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none
}

.Chat-dropdown-Right .btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.Chat-dropdown-Right .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 10px 25px 49px #b30000;
    min-width: 120px;
    padding: 6px 0;
    margin: 0 0 0 -20px !important
}

.Chat-dropdown-Right .dropdown-item {
    display: block;
    width: 100%;
    padding: 6px 15px;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium"
}

.Chat-dropdown-Right .dropdown-item i {
    margin: 0;
    padding: 0;
    color: #897999;
    font-size: 18px;
    text-align: left;
    display: inline-block;
    position: relative;
    top: 3px
}

.Chat-dropdown-Right .btn-primary:hover {
    color: transparent;
    background-color: transparent;
    border-color: transparent
}

.Chat-dropdown-Right .btn-primary:not(:disabled):not(.disabled).active:focus,
.Chat-dropdown-Right .btn-primary:not(:disabled):not(.disabled):active:focus,
.Chat-dropdown-Right .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.Chat-dropdown-Right .btn-primary:not(:disabled):not(.disabled).active,
.Chat-dropdown-Right .btn-primary:not(:disabled):not(.disabled):active,
.Chat-dropdown-Right .show>.btn-primary.dropdown-toggle {
    color: transparent;
    background-color: transparent;
    border-color: transparent
}

.password-strenght {
    margin: 16px 0 0;
    padding: 0
}

.password-strenght div {
    flex-basis: 0;
    flex-grow: 0;
    position: relative;
    max-width: 100%;
    height: 4px !important;
    border-radius: 4px !important;
    background-color: #eaeaea;
    width: 78% !important
}

.password-strenght p {
    margin: 10px 0 0 !important;
    text-align: right !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    color: #3f2355 !important;
    font-family: "basis_grotesque_proregular";
    text-transform: capitalize;
    position: absolute;
    right: 0;
    top: -16px;
    z-index: 99
}

.Priced-2 {
    background: url(../image/dollar-sign.svg) no-repeat center left 20px !important;
    padding-left: 50px !important
}

.ModalChat-Search .Modalimg-Preview {
    background: #fff;
    border: 1px solid rgba(36, 44, 79, 0.05);
    box-shadow: 8px 26px 60px red;
    border-radius: 10px 10px 0 0;
    max-width: 350px;
    width: 100%;
    padding: 20px
}

.ModalChat-Search .Modalimg-Preview::after {
    clear: both;
    display: table;
    content: ""
}

.SmallChat-Preview {
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
    position: relative
}

.SmallChat-Preview .ChatPlaceholder {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 90px;
    height: 57px;
    border-radius: 10px
}

.SmallChat-Preview .ChatPlaceholder img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.SmallChat-Preview .ChatPlaceholder i {
    color: #fb5100;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 6px
}

.paypal-button-color-silver {
    display: none !important
}

.display-none {
    display: none
}

.Verification-Head {
    margin: 90px 0 0;
    padding: 0
}

.Verification-Head h1 {
    margin: 0 0 12px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 30px
}

.Verification-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 26px
}

.CodeSent-Con {
    margin: 30px 0;
    padding: 18px 0 0 20px;
    width: 450px;
    height: 80px;
    background: #f5f7fa;
    border-radius: 10px
}

.CodeSent-Con::after {
    clear: both;
    display: block;
    content: ""
}

.CodeSent-Con .CodeSent-Left,
.CodeSent-Con .CodeSent-Right {
    margin: 0 16px 0 0;
    padding: 0;
    float: left
}

.CodeSent-Con .CodeSent-Left img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.CodeSent-Con .CodeSent-Right h1,
.CodeSent-Con .CodeSent-Right h2 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 20.8px
}

.CodeSent-Con .CodeSent-Right h2 {
    font-weight: 700;
    font-family: "basis_grotesque_probold"
}

.VerifyCode-Form {
    margin: 0;
    padding: 0;
    max-width: 370px;
    width: 100%
}

.VerifyCode-Form label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px;
    width: 100%
}

.VerifyCode-Form input {
    margin: 0;
    padding: 0 16px;
    background: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #5b5b5c;
    width: 150px;
    text-align: center;
    height: 50px
}

.VerifyCode-Form input::-webkit-input-placeholder {
    color: #5b5b5c
}

.VerifyCode-Form input:-moz-placeholder {
    color: #5b5b5c;
    opacity: 1
}

.VerifyCode-Form input::-moz-placeholder {
    color: #5b5b5c;
    opacity: 1
}

.VerifyCode-Form input:-ms-input-placeholder {
    color: #5b5b5c
}

.VerifyCode-Form input::-ms-input-placeholder {
    color: #5b5b5c
}

.VerifyCode-Form input::placeholder {
    color: #5b5b5c
}

.CodeAgain-Head {
    margin: 16px 0 0;
    padding: 0
}

.CodeAgain-Head h4,
.CodeAgain-Head button {
    margin: 0;
    padding: 0;
    background: none;
    outline: none;
    border-radius: 0;
    border: none;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
    text-decoration: none;
    color: #5b5b5c
}

.CodeAgain-Head button {
    font-weight: 700;
    font-family: "basis_grotesque_probold";
    color: #fb5100;
    font-size: 14px;
    margin-left: 2px
}

.VerifyBtn {
    margin: 60px 0 0;
    padding: 0
}

.VerifyBtn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 140px;
    height: 48px;
    line-height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.VerifyBtn button:hover,
.VerifyBtn button:focus,
.VerifyBtn button:active {
    background: #3f2355
}

.New-ModalBtn {
    margin: 100px auto 0;
    padding: 0;
    text-align: center
}

.New-ModalBtn button {
    margin: 0 0 0 15px;
    padding: 0;
    background: #fb5100;
    border-radius: 10px;
    border: 2px solid #fb5100;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    width: 145px;
    height: 45px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ModalPopup-Container .modal {
    padding: 20px !important
}

.ModalPopup-Container .modal-dialog {
    max-width: 1600px;
    width: 100%;
    margin: 120px auto 0
}

.ModalPopup-Container .modal-body {
    padding: 0
}

.ModalPopup-Container .modal-content {
    border: none;
    border-radius: 20px
}

.ModalPopup-Container .Admin-SignInRight {
    margin: 0;
    padding: 0;
    float: right;
    max-width: 636px;
    width: 100%;
    position: relative
}

.ModalPopup-Container .Admin-SignInRight img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    border-radius: 0 20px 20px 0
}

.ModalPopup-Container .Admin-SignInRight h4 {
    margin: 0;
    padding: 0;
    font-family: "freightdispproblauploadedfile";
    font-style: normal;
    font-size: 42px;
    line-height: 54.6px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 30px;
    z-index: 99
}

.ModalPopup-Container .Admin-SignInLeft {
    margin: 0;
    padding: 0;
    float: left
}

.Admin-SignInLeft .Mdp-SignBtn {
    margin: 40px 0 0 40px;
    padding: 0
}

.Admin-SignInLeft .Mdp-SignBtn button {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 50px;
    background: #3f2355;
    height: 40px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    opacity: 1;
    line-height: 0
}

.Admin-SignInLeft .Mdp-SignBtn button:hover,
.Admin-SignInLeft .Mdp-SignBtn button:focus,
.Admin-SignInLeft .Mdp-SignBtn button:active {
    background: #3f2355;
    outline: none;
    border: none;
    opacity: 1
}

.Admin-SignInLeft .Mdp-SignBtn button img {
    margin: 0;
    padding: 0;
    height: 24px;
    width: 24px
}

.Modal-SignInHead {
    margin: 165px 0 0 40px;
    padding: 0
}

.Modal-SignInHead h1 {
    margin: 0 0 12px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 30px
}

.Modal-SignInHead p,
.Modal-SignInHead a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 19.2px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Modal-SignInHead a {
    font-family: "basis_grotesque_probold"
}

.Modal-SignInHead a:hover,
.Modal-SignInHead a:active,
.Modal-SignInHead a:focus {
    color: #fb5100
}

.Modal-SignInForm {
    margin: 0;
    padding: 0;
    max-width: 964px;
    width: 100%
}

.Modal-SignForm-Container {
    margin: 40px 0 0 40px;
    padding: 0
}

.Modal-SignForm-Container::after {
    clear: both;
    content: "";
    display: inline-block
}

.Modal-SignForm-Container .SignForm-Left,
.Modal-SignForm-Container .SignForm-Right {
    margin: 0 30px 0 0;
    padding: 0;
    float: left;
    width: 370px;
    position: relative
}

.Modal-SignForm-Container .SignForm-Right {
    float: left;
    margin: 0
}

.Modal-SignForm-Container .SignForm-Right a {
    margin: 10px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    text-decoration: none;
    line-height: 16.8px;
    outline: none;
    color: #2f80ed;
    float: right;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Modal-SignForm-Container .SignForm-Right a:hover,
.Modal-SignForm-Container .SignForm-Right a:focus,
.Modal-SignForm-Container .SignForm-Right a:active {
    color: #fb5100
}

.Modal-SignForm-Container .SignForm-Left label,
.Modal-SignForm-Container .SignForm-Right label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #3f2355;
    text-align: left;
    display: block;
    text-decoration: none;
    line-height: 22.4px
}

.Modal-SignForm-Container .SignForm-Left input,
.Modal-SignForm-Container .SignForm-Right input {
    margin: 0;
    padding: 0 10px 0 16px;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #565a75;
    width: 100%;
    height: 50px
}

.Application-Not-Found-SIN input {
    margin: 0;
    padding: 0 10px 0 16px;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    color: #565a75;
    width: 230px;
    height: 50px
}

.Application-Not-Found-SIN a {
    margin-left: 15px !important;
    max-width: 100px !important
}

.Modal-SignForm-Container .SignForm-Left input::-webkit-input-placeholder,
.Modal-SignForm-Container .SignForm-Right input::-webkit-input-placeholder {
    color: #565a75
}

.Modal-SignForm-Container .SignForm-Left input:-moz-placeholder,
.Modal-SignForm-Container .SignForm-Right input:-moz-placeholder {
    color: #565a75;
    opacity: 1
}

.Modal-SignForm-Container .SignForm-Left input::-moz-placeholder,
.Modal-SignForm-Container .SignForm-Right input::-moz-placeholder {
    color: #565a75;
    opacity: 1
}

.Modal-SignForm-Container .SignForm-Left input:-ms-input-placeholder,
.Modal-SignForm-Container .SignForm-Right input:-ms-input-placeholder {
    color: #565a75
}

.Modal-SignForm-Container .SignForm-Left input::-ms-input-placeholder,
.Modal-SignForm-Container .SignForm-Right input::-ms-input-placeholder {
    color: #565a75
}

.Modal-SignForm-Container .SignForm-Left input::placeholder,
.Modal-SignForm-Container .SignForm-Right input::placeholder {
    color: #565a75
}

.Modal-SignForm-Container .SignForm-Left i,
.Modal-SignForm-Container .SignForm-Right i {
    margin: 0;
    padding: 0;
    color: #d1d1d1;
    font-size: 17px;
    position: absolute;
    right: 17px;
    top: 51px;
    z-index: 99;
    cursor: pointer
}

.SignIn-Container {
    margin: 50px 0 0 40px;
    padding: 0
}

.SignIn-Container button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 186px;
    height: 48px;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SignIn-Container button:hover,
.SignIn-Container button:focus,
.SignIn-Container button:active {
    background: #3f2355
}

.SignIn-Container p {
    margin: 0 0 0 20px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 21.44px;
    display: inline-block
}

.SignIn-SocialMedia {
    margin: 30px 0 0 40px;
    padding: 0
}

.SignIn-SocialMedia .GooglePlus,
.SignIn-SocialMedia .Sign-Facebook,
.SignIn-SocialMedia .Sign-Linkedin {
    margin: 0 16px 0 0;
    padding: 0;
    background: #fff;
    border: .5px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 5px;
    width: 169px;
    height: 46px;
    text-align: center;
    line-height: 40px;
    float: left
}

.SignIn-SocialMedia .Sign-Facebook,
.SignIn-SocialMedia .Sign-Linkedin {
    width: 201px
}

.SignIn-SocialMedia .GooglePlus img,
.SignIn-SocialMedia .Sign-Facebook img,
.SignIn-SocialMedia .Sign-Linkedin img {
    margin: 0 6px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    display: inline-block
}

.SignIn-SocialMedia .GooglePlus h1,
.SignIn-SocialMedia .Sign-Facebook h1,
.SignIn-SocialMedia .Sign-Linkedin h1 {
    margin: 0 0 0 2px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    color: #3f2355
}

.Modal-RegisterHead {
    margin: 40px 0 0 40px;
    padding: 0
}

.Modal-RegisterHead h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 30px
}

.Modal-RegisterHead p {
    margin: 16px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px
}

.Modal-RegisterHead h3,
.Modal-RegisterHead h3 a {
    margin: 46px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 19.2px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Modal-RegisterHead h3 a {
    font-family: "basis_grotesque_probold";
    cursor: pointer
}

.Modal-RegisterHead h3 a:hover,
.Modal-RegisterHead h3 a:focus,
.Modal-RegisterHead h3 a:active {
    color: #fb5100
}

.Modal-ByClicked {
    margin: 60px 0 20px 40px;
    padding: 0
}

.Modal-ByClicked h1,
.Modal-ByClicked h1 a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 23.68px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Modal-ByClicked h1 a {
    font-family: "basis_grotesque_probold";
    cursor: pointer
}

.Modal-ByClicked h1 a:hover,
.Modal-ByClicked h1 a:focus,
.Modal-ByClicked h1 a:active {
    color: #fb5100
}

@media screen and (max-width: 1550px) {
    .ModalPopup-Container .modal-dialog {
        max-width: 1300px;
        margin: 30px auto 0
    }

    .Modal-SignInHead {
        margin: 50px 0 0 40px
    }

    .SignIn-Container {
        margin: 30px 0 0 40px
    }

    .Modal-SignInForm {
        max-width: 800px
    }

    .ModalPopup-Container .Admin-SignInRight {
        max-width: 500px
    }

    .Modal-SignForm-Container .SignForm-Left,
    .Modal-SignForm-Container .SignForm-Right {
        max-width: 290px
    }

    .ModalPopup-Container .Admin-SignInRight h4 {
        font-size: 40px;
        top: 30px;
        left: 30px;
        line-height: 50px
    }

    .Modal-RegisterHead h3,
    .Modal-RegisterHead h3 a {
        margin: 30px 0 0
    }

    .Modal-ByClicked {
        margin: 30px 0 20px 40px
    }
}

.Conditionapprov-Con {
    margin: 0 auto;
    padding: 0;
    max-width: 1760px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    text-align: center
}

.AppNotFound-Container,
.AppSubmit-Container,
.Page404-Container {
    padding: 0 80px
}

.Conditionapprov-Con-Head {
    margin: 0;
    padding: 88px 0 76px
}

.Conditionapprov-Con-Head h1 {
    margin: 0 0 8px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.Conditionapprov-Con-Head h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    color: #fb5100;
    margin-top: 20px
}

.Conditionapprov-Con-Head img {
    margin: 10px 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.Conditionapprov-Con-Head h3 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.Conditionapprov-Con-Head h5,
.Conditionapprov-Con-Head h4 {
    margin: 16px 0 12px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    color: #81db0f
}

.Conditionapprov-Con-Head h4 {
    color: #2f80ed
}

.Conditionapprov-Con-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #644e77;
    line-height: 23.36px
}

.Conditionapprov-Con-Head a {
    margin: 40px 0 16px;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    color: #fff;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 48px;
    width: 315px;
    height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Conditionapprov-Con-Head a:hover,
.Conditionapprov-Con-Head a:focus,
.Conditionapprov-Con-Head a:active {
    background: #3f2355
}

.Conditionapprov-Con-Head .mainTitle {
    font: 18px basis_grotesque_probold;
    margin-bottom: 20px
}

.Conditionapprov-Con-Head .subTitle {
    font-size: 15px
}

.Conditionapprov-Con-Head .subTitle .pre-approve {
    color: #81db0f;
    font-family: "basis_grotesque_probold"
}

.Conditionapprov-Con-Head .subTitle .conditional-approve {
    color: #2f80ed;
    font-family: "basis_grotesque_probold"
}

.Conditionapprov-Con-Head .text {
    color: #644e77;
    font-size: 16px;
    font-family: "basis_grotesque_probold";
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .Conditionapprov-Con-Head .mainTitle {
        font: 36px basis_grotesque_probold
    }

    .Conditionapprov-Con-Head .subTitle {
        font-size: 24px
    }

    .Conditionapprov-Con-Head .text {
        color: #644e77;
        font-size: 24px
    }
}

.AppSubmit-Head {
    margin: 0;
    padding: 50px 0 79px
}

.AppSubmit-Head img {
    margin: 0 0 20px;
    padding: 0;
    max-width: 100%;
    height: auto
}

.AppSubmit-Head h1 {
    margin: 0 0 16px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.AppSubmit-Head p {
    margin: 0 0 20px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 26.28px;
    color: #644e77
}

.AppSubmit-Head h2 {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium"
}

.AppSubmit-Head a {
    margin: 40px 0 0;
    padding: 0;
    background: #fff;
    border: 1px solid #eaeaeb;
    border-radius: 6px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 48px;
    display: inline-block;
    width: 202px;
    height: 48px;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.AppSubmit-Head a:hover,
.AppSubmit-Head a:focus,
.AppSubmit-Head a:active {
    border: 1px solid #3f2355;
    background: #3f2355;
    color: #fff
}

.AppNotFound-Head {
    margin: 0;
    padding: 185px 0 70px
}

.AppNotFound-Head img {
    margin: 0 0 63px;
    padding: 0;
    max-width: 100%;
    height: auto
}

.AppNotFound-Head h1 {
    margin: 0 0 26px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #644e77;
    line-height: 24px
}

.AppNotFound-Head a {
    margin: 0 0 26px;
    padding: 0;
    width: 235px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    background: #fb5100;
    border-radius: 6px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.AppNotFound-Head a:hover,
.AppNotFound-Head a:focus,
.AppNotFound-Head a:active {
    background: #3f2355
}

.AppNotFound-Head h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.Page404-Head {
    margin: 0;
    padding: 80px 0 153px
}

.Page404-Head img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.Page404-Head h3 {
    margin: 10px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.Page404-Head a {
    margin: 30px 0 0;
    padding: 0;
    width: 275px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    background: #fb5100;
    border-radius: 5px;
    outline: none;
    border: none;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Page404-Head a:hover,
.Page404-Head a:focus,
.Page404-Head a:active {
    background: #3f2355
}

.Page404-pb {
    padding-bottom: 80px
}

.Page404-Head h1 {
    margin: 44px 0 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    color: #644e77;
    line-height: 36px
}

.Page404-Head h2 {
    margin: 16px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    color: #644e77
}

.SectionHeader {
    margin: 0 auto;
    display: flex;
    background: #fff;
    box-shadow: 0 20px 60px rgba(38, 47, 86, 0.04);
    padding: 0 20px 0 10px
}

.WebLogo {
    margin: 0;
    padding: 0;
    width: 200px
}

.WebLogo svg {
    transform: none !important
}

@media screen and (min-width: 1920px) {
    .WebLogo {
        width: 206px
    }

    .SectionHeader {
        padding: 0 30px 0 20px
    }
}

.WebLogo a {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 200px;
    height: auto
}

.UserDropdown {
    margin: 10px 0 0;
    padding: 0;
    float: right
}

.profile-dropdown {
    display: inline-block;
    position: relative;
    background: none;
    margin: auto;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.profile-dropdown * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.profile-dropdown input[type=checkbox] {
    display: none
}

.profile-dropdown input[type=checkbox]:checked~ul {
    display: block;
    animation: pulse .5s
}

.profile-dropdown input[type=checkbox]:checked~img {
    background: none
}

.profile-dropdown input[type=checkbox]:checked~label {
    background: none
}

.profile-dropdown input[type=checkbox]:checked~label i {
    color: #fb5100
}

.profile-dropdown input[type=checkbox]:checked~label:after {
    content: "";
    position: absolute;
    top: 30%;
    right: calc(50% - 55px);
    display: block;
    border-style: solid;
    border-width: 0 24px 25px 10px;
    border-color: transparent transparent #fff;
    width: 0;
    height: 0;
    border-radius: 0;
    box-shadow: 5px 35px 100px red
}

.profile-dropdown img {
    display: inline-block;
    background: #d9d9d9;
    height: 2.5rem;
    vertical-align: middle;
    margin: .5rem .75rem .5rem .5rem;
    border-radius: 50%
}

.profile-dropdown span {
    display: inline-block;
    vertical-align: sub;
    width: 125px;
    margin-right: 2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.profile-dropdown ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    background: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    width: 160px;
    border-radius: 0;
    box-shadow: 5px 35px 100px red;
    border: none
}

.profile-dropdown ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 20px
}

.profile-dropdown ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #121214;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-dropdown ul li a i {
    font-size: 15px;
    vertical-align: middle;
    margin: 0;
    padding: 0 8px 0 0;
    position: relative;
    top: -3px
}

.profile-dropdown ul li a:hover {
    background: #fb5100;
    color: #fff
}

.profile-dropdown ul li:first-child a:hover {
    border-radius: 0
}

.profile-dropdown ul li:last-child a:hover {
    border-radius: 0
}

.profile-dropdown>label {
    position: relative;
    display: block;
    text-decoration: none;
    background: none;
    color: #333;
    box-sizing: border-box;
    float: right;
    border-radius: 0;
    margin: 0;
    line-height: 0;
    padding: 0;
    height: 55px
}

.profile-dropdown>label i {
    color: #3f2355;
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 60px
}

.profile-dropdown:after {
    content: "";
    display: table;
    clear: both
}

.Header-AddPost {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px;
    text-decoration: none;
    color: #644e77;
    width: fit-content;
    height: 30px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    margin-right: 5px
}

.Header-AddPost:focus {
    outline: none
}

.Header-AddPost .headerIcon {
    width: 18px
}

.Header-AddPost span {
    margin-left: 5px;
    text-decoration: none !important;
    white-space: nowrap
}

.text-decoration-none {
    text-decoration: none !important
}

.sign-up-header {
    display: flex;
    align-items: center;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px;
    text-decoration: none;
    color: #644e77;
    width: fit-content;
    height: 30px;
    cursor: pointer;
    position: relative
}

.sign-up-header .headerIcon {
    width: 18px
}

.sign-up-header span {
    margin-left: 5px;
    margin-right: 3px;
    white-space: nowrap
}

.sign-up-header .sign-up-header-dropdown {
    position: absolute;
    width: 265px;
    height: 110px;
    background-color: #f5f7fa;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0;
    transition: all linear .3s;
    top: 30px;
    right: 0;
    z-index: 999;
    border-radius: 4px;
    padding: 20px
}

.sign-up-header:hover .sign-up-header-dropdown {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    -webkit-transform: translateY(0px)
}

.sign-up-header .sign-up-header-dropdown .sign-in-button {
    border-radius: 4px;
    font: 14px basis_grotesque_probold;
    width: 90%;
    height: 40px;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    outline: none;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.sign-up-header-dropdown .sign-in-button:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.sign-up-header .sign-up-header-dropdown p {
    margin: 10px 0 0;
    font-size: 14px;
    text-align: center;
    color: #3f2355
}

.sign-up-header .sign-up-header-dropdown p .nav-link {
    font-family: "basis_grotesque_probold";
    color: #fb5100;
    margin: 0;
    padding: 0;
    display: inline
}

.post-navigation-sec {
    display: flex;
    align-items: center
}

.header-finance-sec {
    margin-left: 8px;
    padding-left: 12px;
    border-left: 1px solid #d4d0dd
}

.header-finance-sec button {
    border-radius: 4px;
    font: 12px basis_grotesque_probold;
    padding: 5px 15px;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    outline: none;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.header-finance-sec button:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.SignUp-Head {
    margin: 24px 5px 0 0;
    padding: 0;
    float: right
}

.SignUp-Head a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #fb5100;
    outline: none;
    display: inline-block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SignUp-Head span {
    margin: 0 2px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    outline: none;
    display: inline-block
}

.SignUp-Head a:hover,
.SignUp-Head a:focus,
.SignUp-Head a:active {
    color: #3f2355
}

.MenuNav-List {
    margin: 8px 0 0;
    padding: 0
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px
}

.how-it-work-nav {
    display: flex;
    align-items: center
}

.how-it-work-nav .nav-link {
    color: #3f2355;
    font-family: "basis_grotesque_proregular";
    white-space: nowrap;
    font-size: 12px;
    text-decoration: none;
    outline: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    padding: 5px
}

.how-it-work-nav .nav-link:focus,
.how-it-work-nav .nav-link:hover {
    color: #fb5100
}

.how-it-work-nav .nav-link.noHover:focus,
.how-it-work-nav .nav-link.noHover:hover {
    color: #3f2355
}

.how-it-work-nav .active>.nav-link,
.how-it-work-nav .nav-link.active,
.how-it-work-nav .nav-link.show,
.how-it-work-nav .show>.nav-link {
    color: #fb5100;
    font-family: "basis_grotesque_probold";
    font-size: 13px
}

.SectionHeader .inner-nav-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.SectionHeader .messageSec {
    position: relative
}

.messageSec .messageIcon {
    width: 18px
}

.SectionHeader .messageSec .Badge {
    background: #ff4e62;
    border: 2px solid #fff;
    height: 17px;
    width: 17px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 999
}

@media(min-width: 1100px) {
    .SectionHeader .row {
        padding-top: 0
    }

    .how-it-work-nav .nav-link {
        font-size: 16px;
        padding: 10px
    }

    .how-it-work-nav .active>.nav-link,
    .how-it-work-nav .nav-link.active,
    .how-it-work-nav .nav-link.show,
    .how-it-work-nav .show>.nav-link {
        font-size: 16px
    }

    .Header-AddPost {
        font-size: 16px;
        margin-right: 20px
    }

    .Header-AddPost span {
        margin-left: 12px
    }

    .Header-AddPost .headerIcon {
        width: auto
    }

    .sign-up-header {
        font-size: 16px;
        height: 30px
    }

    .sign-up-header .headerIcon {
        width: 27px
    }

    .sign-up-header span {
        margin-left: 12px;
        margin-right: 8px
    }

    .header-finance-sec {
        margin-left: 20px;
        padding-left: 20px;
        margin-right: 20px
    }

    .header-finance-sec button {
        font: 14px basis_grotesque_probold;
        padding: 10px 28px
    }
}

#app .redux-toastr .toastr.rrt-error,
#app .redux-toastr .toastr.rrt-success {
    background: #fff;
    box-shadow: 0 4px 22px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
    padding: 53px 25px 59px;
    margin: 0;
    opacity: 1;
    width: 100%
}

#app .redux-toastr .toastr.rrt-error .rrt-left-container,
#app .redux-toastr .toastr.rrt-success .rrt-left-container {
    position: static;
    width: auto;
    height: auto;
    margin-right: 29px
}

#app .redux-toastr .toastr.rrt-error .rrt-middle-container,
#app .redux-toastr .toastr.rrt-success .rrt-middle-container {
    width: auto;
    margin-left: 0;
    float: none;
    overflow: hidden;
    padding: 0
}

#app .redux-toastr .toastr.rrt-error .rrt-middle-container .rrt-title,
#app .redux-toastr .toastr.rrt-success .rrt-middle-container .rrt-title {
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 28px;
    color: #000;
    float: left;
    margin: 0 6px 0 0
}

#app .redux-toastr .toastr.rrt-error .rrt-middle-container .rrt-text,
#app .redux-toastr .toastr.rrt-success .rrt-middle-container .rrt-text {
    float: left;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 28px;
    color: #000
}

#app .redux-toastr .toastr.rrt-error .rrt-left-container .rrt-holder,
#app .redux-toastr .toastr.rrt-success .rrt-left-container .rrt-holder {
    position: static;
    position: static;
    width: auto;
    height: auto;
    line-height: inherit;
    background-image: url(../image/warning-icon.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-top: 0
}

#app .redux-toastr .toastr.rrt-success .rrt-left-container .rrt-holder {
    background-image: none
}

#app .redux-toastr .toastr.rrt-error .rrt-left-container .rrt-holder svg {
    display: none
}

#app .redux-toastr .toastr.rrt-success .rrt-left-container .rrt-holder svg {
    color: green;
    fill: green;
    height: 28px !important;
    width: 28px !important;
    margin: 0 !important
}

#app .redux-toastr .top-right {
    bottom: inherit;
    top: 54px;
    right: 69px;
    min-width: 444px;
    width: auto
}

#app .redux-toastr .toastr.rrt-error .rrt-right-container,
#app .redux-toastr .toastr.rrt-success .rrt-right-container,
#app .redux-toastr .toastr.rrt-error .rrt-progress-container,
#app .redux-toastr .toastr.rrt-success .rrt-progress-container {
    display: none
}

.SectionBanner {
    margin: 0;
    padding: 0 0 31px;
    background: url(../image/fin_that_winter_banner.jpg) no-repeat center top;
    background-size: cover;
    height: 721px
}

@media only screen and (min-width: 2560px) {
    .SectionBanner {
        background: url(../image/fin_that_banner_2650.jpg) no-repeat center top;
        height: 826px
    }

    .NavBanner-Head h1 {
        margin-top: 250px !important
    }

    .SearchFilter-Container {
        margin-top: 305px !important
    }

    .SearchFilter-Container.more-filters {
        margin: 245px auto 0 !important
    }
}

.SectionBanner.first-banner {
    padding: 0 0 122px
}

.SectionBanner .bannerButtons {
    display: flex;
    align-items: center;
    font: 24px basis_grotesque_probold;
    margin: 0 auto
}

.SectionBanner .bannerButtons .text {
    font: 24px basis_grotesque_probold;
    margin: 0 19px;
    color: #fff
}

.SectionBanner .bannerButtons button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 300px;
    height: 75px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SectionBanner .bannerButtons button:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.banner-filters-content-main {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 70px
}

.banner-filters-content-inner {
    display: table-cell;
    vertical-align: middle
}

.SectionBanner .SearchFilter-form,
.SectionBanner .AddLocation-Form {
    float: left
}

.SectionBanner .SearchFilter-form.search {
    width: 40.9%
}

.SectionBanner .SearchFilter-form.categories {
    width: 22.8%
}

.SectionBanner .AddLocation-Form {
    width: 23.5%;
    padding: 0 0 0 64px
}

.SectionBanner .ShowFilter-Head {
    position: absolute;
    right: 47px;
    bottom: -36px
}

.SectionBanner .row {
    margin-left: 0;
    margin-right: 0
}

.NavBanner-Head {
    margin: 0;
    padding: 0 0 40px
}

.first-banner .NavBanner-Head {
    padding: 0 0 32px
}

.NavBanner-Head h1 {
    margin: 0 auto;
    padding: 0;
    font-family: "BasisGrotesquePro-Black";
    font-size: 54px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 57px;
    width: fit-content;
    letter-spacing: 0;
    margin-top: 176px
}

.SearchFilter-Container {
    margin: 0 auto;
    padding: 15px 40px;
    background: #fff;
    border: .5px solid #fff;
    box-sizing: border-box;
    box-shadow: 7.43px 17.03px 60px rgba(108, 126, 147, 0.2);
    border-radius: 10px;
    max-width: 1232px;
    width: 100%;
    position: relative;
    margin-top: 280px
}

.SearchFilter-Container.more-filters {
    margin: 220px auto 0
}

.SearchFilter-Container .hm-filters-row.border-row {
    border-bottom: .6px solid #d8d7d7;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.banner-react-select__menu,
.hm-react-select__menu {
    z-index: 1000 !important;
    background: #fff !important;
    border: .5px solid #fff !important;
    box-shadow: 4px 20px 60px rgba(108, 126, 147, 0.08) !important;
    border-radius: 10px !important
}

.banner-react-select__menu .banner-react-select__option {
    position: relative
}

.banner-react-select__menu .banner-react-select__option .colors-manu {
    padding: 0 0 0 30px
}

.banner-react-select__menu .banner-react-select__option .colors-manu span {
    position: absolute;
    top: 50%;
    margin: -12.5px 0 0;
    left: 20px;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorGreen {
    background-color: #27ae60
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorYellow {
    background-color: #ffe000
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorOrange {
    background-color: #f55300
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorPurple {
    background-color: #bb6bd9
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorBlue {
    background-color: #2d9cdb
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorSilver {
    background-color: silver
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorBlack {
    background-color: #000
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorRed {
    background-color: #eb5757
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorGold {
    background-color: #efba00
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorGrey {
    background-color: #aaaeb1
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorBiege {
    background-color: #ede5d1
}

.banner-react-select__menu .banner-react-select__option .colors-manu span.ColorBrown {
    background-color: #b6661e
}

.banner-react-select__menu .banner-react-select__option,
.hm-react-select__menu .hm-react-select__option {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    line-height: 50px;
    color: #3f2355;
    padding: 0 30px !important
}

.banner-react-select__menu .banner-react-select__option:hover,
.banner-react-select__menu .banner-react-select__option--is-focused,
.banner-react-select__menu .banner-react-select__option--is-selected,
.hm-react-select__menu .hm-react-select__option:hover,
.hm-react-select__menu .hm-react-select__option--is-focused,
.hm-react-select__menu .hm-react-select__option--is-selected {
    background-color: #f7f7f9 !important
}

.SearchFilter-Container .hm-filters-col {
    float: left;
    border-left: #d8d7d7 solid .6px;
    position: relative
}

.SearchFilter-Container .hm-filters-col .SearchBtn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.SearchFilter-Container .hm-filters-col.all-categories {
    width: 22.4%;
    border: none
}

.SearchFilter-Container .hm-filters-col.max-price {
    border: none;
    width: 17.3%
}

.SearchFilter-Container .hm-filters-col.max-km {
    width: 21.5%;
    padding: 0 30px
}

.SearchFilter-Container .hm-filters-col.colors {
    width: 14.5%
}

.SearchFilter-Container .hm-filters-col.location {
    width: 46.7%
}

.SearchFilter-Container .hm-filters-col.year {
    width: 18.2%
}

.SearchFilter-Container .hm-filters-col.makes {
    width: 26%
}

.SearchFilter-Container .hm-filters-col.models {
    width: 33.4%;
    padding-right: 0
}

.SectionBanner .SearchFilter-form.search .small {
    display: none
}

.hm-filters-col.models .banner-react-select-main .banner-react-select__control {
    padding-right: 0
}

.hm-filters-col .banner-react-select-main .banner-react-select__control {
    padding-left: 20px
}

.hm-filters-col.all-categories .banner-react-select-main .banner-react-select__control {
    padding-left: 0
}

.SearchFilter-form {
    margin: 0;
    padding: 0;
    position: relative
}

.SearchFilter-form input,
.SearchFilter-form select {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 10px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 60px
}

.SearchFilter-form input::placeholder,
.AddLocation-Form input::placeholder {
    color: #999
}

.SearchFilter-form input::-webkit-input-placeholder,
.AddLocation-Form input::-webkit-input-placeholder {
    color: #999
}

.SearchFilter-form input:-moz-placeholder,
.AddLocation-Form input:-moz-placeholder {
    color: #999;
    opacity: 1
}

.SearchFilter-form input::-moz-placeholder,
.AddLocation-Form input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.SearchFilter-form input:-ms-input-placeholder,
.AddLocation-Form input:-ms-input-placeholder {
    color: #999
}

.SearchFilter-form input::-ms-input-placeholder,
.AddLocation-Form input::-ms-input-placeholder {
    color: #999
}

.SearchFilter-form input::placeholder,
.AddLocation-Form input::placeholder {
    color: #999
}

.SearchFilter-form::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #d8d7d7;
    border-radius: 6px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.SearchFilter-form select {
    padding: 0 10px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/filter-arrow.svg) no-repeat right 72px center;
    background-size: 16px;
    width: 80%
}

.SearchFilter-form select:focus {
    min-width: 80%;
    width: 100%
}

.SearchFilter-form i {
    color: #a3a3a3;
    font-size: 15px;
    position: absolute;
    right: 70px;
    top: 38px;
    z-index: 99
}

.AddLocation-Form {
    margin: 0;
    padding: 0;
    position: relative
}

.credit_labels {
    color: #3f2355;
    padding-left: 23px !important
}

.mask_change {
    width: 16%;
    height: 47px !important;
    border-radius: 9px !important
}

.credit_labels_sec {
    color: #3f2355;
    padding-left: 47px !important
}

.label__color {
    color: #667085 !important;
    font-size: 16px
}

.credit__p {
    padding-left: 80px !important
}

.credit__p2 {
    padding-left: 94px !important
}

.AddLocation-Form i {
    color: #a3a3a3;
    font-size: 20px;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%);
    cursor: pointer
}

.AddLocation-Form input {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis
}

.SearchFilter-Container .btn-primary {
    margin: 0;
    padding: 0;
    background-color: #fb5100;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    position: absolute;
    right: 40px;
    top: 50%;
    width: 145px;
    height: 48px;
    transform: translateY(-50%);
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SearchFilter-Container .btn-primary::before {
    color: #fff;
    font-size: 20px;
    text-align: left;
    content: "";
    font-family: "fontello";
    margin: 0 8px 0 0;
    font-weight: 700
}

.SearchFilter-Container .btn-primary:hover {
    background: #3f2355
}

.ShowFilter-Head {
    margin: 0;
    padding: 0
}

.ShowFilter-Head button {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 14px;
    text-align: right;
    text-decoration: none;
    color: #3f2355;
    outline: none;
    background: none;
    border: none
}

.ShowFilter-Head button i {
    color: #3f2355;
    font-size: 8px
}

.Section-FeatureList {
    margin: 0;
    padding: 160px 0
}

.Section-FeatureList .row {
    margin-left: 0;
    margin-right: 0
}

.Section-FeatureList .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom: 80px
}

.Section-FeatureList .tabs {
    max-width: 1580px;
    width: 100%;
    margin: 0 auto
}

.Section-FeatureList .nav-tabs .nav-item {
    margin-bottom: 0
}

.Section-FeatureList li.nav-item {
    width: 25%;
    text-align: center
}

.tabs {
    background: none;
    color: #eee
}

.tab-warp {
    margin: 0;
    padding: 0
}

.tab-warp ul {
    margin: 0;
    padding: 0
}

.tab-warp ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.tab-warp ul li.nav-item {
    width: 25%
}

.tabs h6.section-title {
    color: #eee
}

.Section-FeatureList .tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent transparent #fb5100;
    font-size: 20px;
    font-family: "basis_grotesque_probold" !important;
    position: relative;
    top: 1px;
    display: inline-block
}

.tabs .nav-tabs .nav-link,
.nav-tabs .nav-link {
    border: none;
    color: #3f2355;
    font-size: 20px;
    font-family: "basis_grotesque_proregular";
    text-align: center;
    border-bottom: 1px solid #dee2e6;
    position: relative;
    top: 1px;
    display: inline-block
}

.Section-FeatureList .nav-link {
    display: block;
    padding: 10px 0;
    margin: 0
}

.Section-FeatureList .nav-tabs .nav-link:focus,
.Section-FeatureList .nav-tabs .nav-link:hover {
    border-bottom: 1px solid #dee2e6
}

.Section-FeatureList li.nav-item:first-child {
    margin-left: 0;
    text-align: left
}

.Section-FeatureList li.nav-item:last-child {
    margin-right: 0;
    text-align: right
}

.Slider-FeatureList {
    margin: 0;
    padding: 0
}

.Slider-FeatureList a {
    text-decoration: none
}

.FeatureList-Thum {
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: .5px solid #e6e6e6;
    position: relative;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.FeatureList-Thum:hover {
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 25px 30px 79px rgba(38, 47, 86, 0.06)
}

.FeatureList-Thum img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    max-height: 288px;
    transition: .5s
}

.FeatureList-Thum:hover img {
    transform: scale(1.1)
}

.img-holder {
    overflow: hidden;
    max-height: 288px
}

.FeatureList-Thum h1 {
    margin: 0;
    padding: 26px 0 0 15px;
    font-family: "basis_grotesque_probold";
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.FeatureList-Thum h1::before {
    content: "";
    font-family: "fontello";
    color: #fb5100;
    text-align: left;
    display: inline-block;
    line-height: 25px;
    font-size: 30px;
    font-weight: 500;
    margin-right: 4px
}

.FeatureList-Thum h2 {
    margin: 0;
    padding: 15px 0 15px 14px;
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    display: inline-block;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px
}

.FeatureList-Thum h2 span {
    color: #aaabad;
    margin-left: 0;
    position: absolute;
    right: 15px;
    z-index: 99
}

.FeatureList-Thum h3 {
    margin: 0;
    padding: 0 0 14px 15px;
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    color: #5b5b5c;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px
}

.FeatureList-Thum h3 i {
    color: #3f2355;
    font-size: 18px;
    margin-right: 6px;
    background: #e6e6e6;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 30px;
    display: inline-block
}

.Slider-FeatureList .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #f9d9cc;
    display: block;
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.Slider-FeatureList .owl-carousel .owl-stage-outer {
    height: 580px
}

.Slider-FeatureList .owl-theme .owl-dots .owl-dot.active span,
.Slider-FeatureList .owl-theme .owl-dots .owl-dot:hover span {
    background: #fb5100;
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px
}

.Slider-FeatureList .owl-theme .owl-nav {
    position: absolute;
    right: 0;
    bottom: 43px;
    z-index: 99
}

.Slider-FeatureList .owl-theme .owl-nav .owl-prev {
    background: url(../image/arrow-left.svg) no-repeat left;
    height: 20px;
    width: 30px;
    position: absolute;
    left: -40px;
    top: 6px
}

.Slider-FeatureList .owl-theme .owl-nav .owl-next {
    background: url(../image/arrow-right.svg) no-repeat right;
    height: 24px;
    width: 75px
}

.Slider-FeatureList .owl-theme .owl-nav .owl-prev i,
.Slider-FeatureList .owl-theme .owl-nav .owl-next i {
    color: #fb5100;
    font-size: 30px;
    background: none;
    outline: none;
    margin-left: 10px;
    display: none
}

.Slider-FeatureList .owl-theme .owl-nav [class*=owl-]:hover {
    color: #fff;
    text-decoration: none;
    outline: none
}

.Slider-FeatureList .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px
}

.Slider-FeatureList .owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0
}

.Slider-FeatureList .owl-carousel .owl-nav button.owl-prev,
.Slider-FeatureList .owl-carousel .owl-nav button.owl-next,
.Slider-FeatureList .owl-carousel button.owl-dot {
    outline: none !important
}

.Section-BuySell {
    margin: 0;
    padding: 0 0 160px
}

.Section-BuySell .row {
    margin-left: 0;
    margin-right: 0
}

.BuySell-Head {
    margin: 0 auto;
    padding: 0;
    max-width: 1220px;
    width: 100%
}

.BuySell-Head h1 {
    margin: 0;
    padding: 0 0 10px;
    font-family: "basis_grotesque_proregular";
    font-size: 24px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px
}

.BuySell-Head h2 {
    margin: 0;
    padding: 0;
    font-family: "freightdispproblauploadedfile";
    font-size: 46px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    letter-spacing: -0.001em
}

.BuySell-Head img {
    margin: 70px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.Section-whyfinance {
    margin: 0;
    padding: 160px 0;
    background: #fbfbfb
}

.Section-whyfinance .row {
    margin-left: 0;
    margin-right: 0
}

.Section-whyfinance .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    max-width: 542px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.main-browse {
    max-width: 1590px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.Section-whyfinance .tab-content {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.whyfinance-Head {
    margin: 0;
    padding: 0 0 50px
}

.whyfinance-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "freightdispproblauploadedfile";
    font-size: 42px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    line-height: 52px
}

.SellerVerify-Service {
    margin: 80px 0 0;
    padding: 50px 0;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SellerVerify-Service .VerifyIcon {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 25px 36px rgba(48, 51, 60, 0.05);
    height: 100px;
    width: 100px;
    text-align: center
}

.SellerVerify-Service .VerifyIcon img {
    margin: 32px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.SellerVerify-Service .VerifyHead {
    margin: 0 auto;
    padding: 30px 0 0;
    text-align: center
}

.SellerVerify-Service .VerifyHead h3 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    color: #233253;
    line-height: 30px
}

.SellerVerify-Service .VerifyHead p {
    margin: 0;
    padding: 20px 0;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #233253;
    line-height: 20px
}

.SellerVerify-Service .VerifyHead a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fb5100;
    line-height: 20px
}

.SellerVerify-Service:hover {
    box-shadow: 30px 50px 100px rgba(189, 171, 144, 0.19)
}

.Section-whyfinance .nav-tabs .nav-link {
    padding: 10px 0
}

.Section-whyfinance .nav-tabs .nav-item {
    margin: 0 auto
}

.Section-whyfinance .nav-tabs .nav-item:first-child {
    margin-left: 0;
    margin-right: 0
}

.Section-whyfinance .nav-tabs .nav-item:last-child {
    margin-right: 0;
    margin-left: 0
}

.Section-whyfinance .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #dee2e6
}

.Section-browsetype {
    margin: 0;
    padding: 160px 0
}

.Section-browsetype .row {
    margin-right: 0;
    margin-left: 0
}

.browsetype-Head {
    margin: 0;
    padding: 0
}

.browsetype-Head h1 {
    margin: 0;
    padding: 0 0 80px;
    font-family: "freightdispproblauploadedfile";
    font-size: 42px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    line-height: 52px
}

.BrowseType-Service {
    margin: 0 8px;
    padding: 0;
    width: 210px;
    height: 210px;
    float: left;
    text-align: center;
    background: #fff;
    border: 2px solid #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.BrowseType-Service img {
    margin: 35px 0 0;
    padding: 0;
    max-width: 100%;
    height: 88px;
    width: 111px
}

.BrowseType-Service h3 {
    margin: 0;
    padding: 25px 0 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 20px
}

.BrowseType-Service:hover {
    box-shadow: 20px 60px 100px rgba(18, 47, 66, 0.08);
    border: 2px solid #fff
}

.Section-SellVehicle {
    margin: 0;
    padding: 160px 0;
    background: url(../image/sell-image-bg.jpg) no-repeat center top;
    background-size: cover
}

.Section-SellVehicle .row {
    margin-left: 0;
    margin-right: 0
}

.SellVehicle-Head {
    margin: 0;
    padding: 0
}

.SellVehicle-Head h5 {
    margin: 0;
    padding: 0 0 80px;
    font-family: "freightdispproblauploadedfile";
    font-size: 42px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    line-height: 52px
}

.VehicleToday-Container {
    margin: 0 auto;
    padding: 42px 25px 42px 55px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    width: 100%;
    max-width: 1200px
}

.VehicleToday-Head {
    margin: 0;
    padding: 0
}

.VehicleToday-Head img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: 46px
}

.VehicleToday-Head h6 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    position: relative;
    top: 4px;
    left: 10px
}

.VehicleToday-Btn {
    margin: 50px auto 0;
    padding: 0;
    text-align: center
}

.VehicleToday-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 26px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 288px;
    height: 73px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.VehicleToday-Btn button:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.tp-widget-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    margin-left: 1px;
    margin-top: 12px
}

.Section-Footer {
    margin: 0;
    padding: 160px 0;
    background: #3f2355
}

.Section-Footer .row {
    margin-left: 0;
    margin-right: 0
}

.Section-Footer .pad-rtl {
    padding: 0;
    max-width: 1454px;
    width: 100%;
    margin: 0 auto
}

.FooterLogo {
    margin: 0;
    padding: 0
}

.FooterLogo img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: 285px
}

.Contact-fLinks {
    margin: 0 0 30px;
    padding: 0
}

.Contact-fLinks ul {
    margin: 0;
    padding: 0
}

.Contact-fLinks ul li {
    margin: 0 20px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.Contact-fLinks ul li,
.Contact-fLinks ul li a {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    display: inline-flex
}

.Contact-fLinks ul li i.icon-email {
    font-size: 15px
}

.Contact-fLinks ul li i:before {
    margin: 0;
    width: auto
}

.Contact-fLinks ul li {
    margin: 0 0 0 20px
}

.Contact-fLinks ul li:first-child {
    margin: 0
}

.Contact-fLinks ul li i,
.Contact-fLinks ul li a i {
    margin: 0 10px 0 0;
    color: #3f2355;
    font-size: 19px;
    text-align: center;
    background: rgba(212, 208, 221, 0.4);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 32px
}

.Contact-fLinks ul li h2 i {
    color: #fff;
    font-size: 25px;
    line-height: 45px;
    background: none;
    position: relative;
    left: -9px
}

.DownloadApp-Head {
    margin: 20px 0 0;
    padding: 0;
    display: inline-block
}

.DownloadApp-Head img {
    margin: 0 25px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    display: inline-block;
    width: 160px
}

.SocialMedia-Icon {
    margin: 40px 0 0;
    padding: 0
}

.SocialMedia-Icon ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row
}

.SocialMedia-Icon ul li {
    margin: 0 0 0 33px;
    padding: 0;
    list-style: none;
    display: inline-block
}

.SocialMedia-Icon ul li:first-child {
    margin: 0
}

.SocialMedia-Icon ul li a {
    display: block;
    width: 66px;
    height: 66px;
    color: #3f2355;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
    text-align: center;
    line-height: 72px
}

.SocialMedia-Icon ul li a:hover {
    background: #fb5100;
    color: #fff
}

.SocialMedia-Icon ul li:nth-child(1) i {
    font-size: 23px
}

.SocialMedia-Icon ul li:nth-child(2) i {
    font-size: 34px;
    line-height: 66px
}

.SocialMedia-Icon ul li:nth-child(3) i {
    font-size: 24px
}

.SocialMedia-Icon ul li:nth-child(4) i {
    font-size: 32px
}

.SocialMedia-Icon ul li i {
    margin: 0;
    padding: 0;
    font-size: 25px;
    text-align: left;
    line-height: 0;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.footerlinks {
    margin: 25px 0 0;
    padding: 0;
    width: 25%;
    float: left
}

.footerlinks h3 {
    margin: 0 0 40px;
    padding: 0;
    color: #fff;
    font-family: "basis_grotesque_probold";
    font-size: 24px;
    text-align: left;
    text-decoration: none
}

.footerlinks ul {
    margin: 0;
    padding: 0
}

.footerlinks ul li {
    margin: 0 0 20px;
    padding: 0;
    list-style: none
}

.footerlinks ul li a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    outline: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.footerlinks ul li a:hover,
.footerlinks ul li a:focus {
    color: #fb5100
}

.Section-ListandGrid {
    margin: 0;
    padding: 50px 0 0
}

.SignIn-width {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

.ListSearch-Container {
    margin: 0 auto 34px;
    padding: 0;
    background: #f8f8f8;
    border-radius: 10px;
    border: 1px solid #d4d0dd;
    max-width: 1560px;
    width: 100%
}

.ListSearch-Form {
    margin: 0;
    padding: 0;
    position: relative
}

.ListSearch-Form input,
.ListSearch-Form select {
    margin: 0;
    padding: 0 15px 0 30px;
    background: #f8f8f8;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    height: 76px;
    width: 100%
}

.ListSearch-Container input::-webkit-input-placeholder {
    color: #3f2355
}

.ListSearch-Container input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.ListSearch-Container input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.ListSearch-Container input:-ms-input-placeholder {
    color: #3f2355
}

.ListSearch-Container input::-ms-input-placeholder {
    color: #3f2355
}

.ListSearch-Container input::placeholder {
    color: #3f2355
}

.ListSearch-Form::after {
    content: "";
    background: #d8d7d7;
    border-radius: 6px;
    height: 50px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 99
}

.ListSearch-Form input::placeholder,
.ListLocation-Form input::placeholder {
    color: #3f2355
}

.ListSearch-Form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/filter-arrow.svg) no-repeat right 30px center;
    background-size: 16px;
    cursor: pointer
}

.ListSearch-Form span {
    color: #a3a3a3;
    font-size: 15px;
    position: absolute;
    right: 50px;
    top: 32px;
    z-index: 99
}

.ListLocation-Form {
    margin: 0;
    padding: 0;
    position: relative
}

.ListLocation-Form .location {
    margin: 0;
    padding: 0 15px 0 35px;
    padding-top: 23px;
    background: #f8f8f8;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    height: 76px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.ListLocation-Form i {
    color: #a3a3a3;
    font-size: 18px;
    position: absolute;
    left: 4px;
    top: 24px;
    z-index: 99;
    cursor: pointer
}

.ListLocation-Form button {
    margin: 0;
    padding: 8px 25px;
    background: #fb5100;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 16px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ListLocation-Form button::before {
    color: #fff;
    font-size: 20px;
    text-align: left;
    content: "";
    font-family: "fontello";
    margin: 0 8px 0 0
}

.ListLocation-Form button:hover,
.ListLocation-Form button:focus {
    background: #3f2355
}

.ShopType-Btn {
    margin: 0 0 60px;
    padding: 0
}

.ShopType-Btn h1 {
    margin: 0 0 20px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.ShopType-Btn a {
    margin: 0 12px 15px 0;
    padding: 0 30px;
    background: #3f2355;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 37px;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ShopType-Btn a:hover,
.ShopType-Btn a:focus,
.ShopType-Btn a:active {
    background: #fb5100
}

.SortBay-Menu {
    margin: 0;
    padding: 0;
    float: right;
    position: relative
}

.SortBay-Menu h1 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.SortBay-Menu .react-sort-main {
    display: inline-block
}

.SortBay-Menu .react-sort-main .react-sort__menu {
    overflow: hidden;
    box-shadow: none;
    top: 33px !important;
    box-shadow: none !important;
    border: none !important;
    background-color: #fbfbfb;
    border: 1px solid #d4d0dd !important;
    box-shadow: none !important;
    border-radius: 10px !important
}

.SortBay-Menu .react-sort-main .react-sort__menu .react-sort__option:first-child {
    border-top-color: transparent
}

.SortBay-Menu .react-sort-main .react-sort__option {
    border-top: .5px solid #eaeaeb;
    border-bottom: solid .5px transparent;
    border-left: solid .5px transparent;
    border-right: solid .5px transparent;
    display: block;
    height: 49px;
    width: 100%;
    padding: 0 30px;
    background: #fbfbfb;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    line-height: 49px;
    cursor: pointer;
    color: #3f2355
}

.SortBay-Menu .react-sort-main .react-select__menu .react-sort__option:hover {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.SortBay-Menu .react-sort-main.react-select__menu .react-sort__option.is-selected {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.SortBay-Menu .react-sort-main .react-sort__placeholder {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "basis_grotesque_proregular" !important;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #3f2355 !important;
    max-width: inherit !important
}

.SortBay-Menu .react-sort-main .react-sort__single-value {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "basis_grotesque_proregular" !important;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #3f2355 !important;
    max-width: inherit !important
}

.react-sort__menu {
    z-index: 1000 !important;
    width: 250px !important;
    left: inherit !important;
    right: 0 !important
}

#react-select-5-input {
    position: absolute;
    left: 0;
    top: 0
}

.SortBay-Menu .react-sort-main .react-sort__control {
    display: inline-block;
    vertical-align: middle;
    border: none !important;
    outline: 0 !important;
    min-height: inherit !important;
    box-shadow: none !important
}

.react-sort__indicators {
    display: none !important
}

.react-sort__value-container {
    padding: 0 0 0 22px !important;
    background-image: url(../image/sort-down.svg);
    background-repeat: no-repeat;
    background-position: 0 50%
}

.SortBay-Menu select {
    margin: 0;
    padding: 0 0 0 16px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    color: #3f2355;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    width: 90px;
    height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.SortBay-Menu i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 8px;
    position: absolute;
    left: 80px;
    top: 5px;
    z-index: 99;
    font-size: 25px
}

.ShopType-Btn a:active {
    background: #fb5100
}

.SortBay-Menu {
    margin: 0;
    padding: 0;
    float: right;
    position: relative
}

.SortBay-Menu h1 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle
}

.SortBay-Menu .react-sort-main {
    display: inline-block
}

.SortBay-Menu .react-sort-main .react-sort__menu {
    overflow: hidden;
    box-shadow: none;
    top: 33px !important;
    box-shadow: none !important;
    border: none !important
}

.SortBay-Menu .react-sort-main .react-sort__menu {
    background-color: #fbfbfb;
    border: 1px solid #d4d0dd !important;
    box-shadow: none !important;
    border-radius: 10px !important
}

.SortBay-Menu .react-sort-main .react-sort__menu .react-sort__option:first-child {
    border-top-color: transparent
}

.SortBay-Menu .react-sort-main .react-sort__option {
    border-top: .5px solid #eaeaeb;
    border-bottom: solid .5px transparent;
    border-left: solid .5px transparent;
    border-right: solid .5px transparent;
    display: block;
    height: 49px;
    width: 100%;
    padding: 0 30px;
    background: #fbfbfb;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    line-height: 49px;
    cursor: pointer;
    color: #3f2355
}

.SortBay-Menu .react-sort-main .react-select__menu .react-sort__option:hover {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.SortBay-Menu .react-sort-main.react-select__menu .react-sort__option.is-selected {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.SortBay-Menu .react-sort-main .react-sort__placeholder {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "basis_grotesque_proregular" !important;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #3f2355 !important;
    max-width: inherit !important
}

.SortBay-Menu .react-sort-main .react-sort__single-value {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-family: "basis_grotesque_proregular" !important;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #3f2355 !important;
    max-width: inherit !important
}

.react-sort__menu {
    z-index: 1000 !important;
    width: 250px !important;
    left: inherit !important;
    right: 0 !important
}

#react-select-5-input {
    position: absolute;
    left: 0;
    top: 0
}

.SortBay-Menu .react-sort-main .react-sort__control {
    display: inline-block;
    vertical-align: middle;
    border: none !important;
    outline: 0 !important;
    min-height: inherit !important;
    box-shadow: none !important
}

.react-sort__indicators {
    display: none !important
}

.react-sort__value-container {
    padding: 0 0 0 22px !important;
    background-image: url(../image/sort-down.svg);
    background-repeat: no-repeat;
    background-position: 0 50%
}

.SortBay-Menu select {
    margin: 0;
    padding: 0 0 0 16px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    color: #3f2355;
    text-align: right;
    text-decoration: none;
    display: inline-block;
    width: 90px;
    height: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.SortBay-Menu i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 8px;
    position: absolute;
    left: 80px;
    top: 5px;
    z-index: 99;
    font-size: 25px
}

.inner-pages-banner {
    position: relative
}

.dealer-listing-banner img {
    width: 100%
}

.dealer-listing-banner .banner-detail-sec {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 20px 125px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: table;
    width: 100%
}

.dealer-listing-banner .banner-detail-sec .dealer-detail-col {
    display: table-cell;
    vertical-align: middle
}

.dealer-listing-banner .banner-detail-sec .dealer-detail-col:first-child {
    width: 245px
}

.dealer-listing-banner .dealer-logo-holder {
    width: 243px;
    height: 243px;
    background: #3f2355;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
    padding: 30px
}

.dealer-listing-banner .dealer-logo-holder .dealer-list-avatar {
    text-align: center;
    display: block;
    line-height: 187px;
    text-transform: uppercase;
    font-family: "basis_grotesque_probold";
    font-size: 68px;
    color: #f5f7fa
}

.dealer-listing-banner .dealer-logo-holder img {
    max-width: 73%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.dealer-listing-banner .dealer-detail {
    padding: 0 40px
}

.dealer-listing-banner .dealer-detail h1 {
    margin: 0 0 21px;
    font-family: "BasisGrotesquePro-Black";
    font-size: 48px;
    line-height: 59px;
    color: #fff
}

.vehical .switch div {
    height: 20px;
    width: 20px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 2px 0px 2px rgb(0 0 0/15%);
    box-shadow: 2px 0px 2px rgb(0 0 0/15%);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.vehical .switch {
    display: inline-block;
    font-size: 20px;
    height: 26px;
    width: 46px;
    background: #bdb9a6;
    border-radius: 26px;
    margin: 0;
    cursor: pointer
}

.vehical .switch-holder input {
    position: absolute;
    opacity: 0
}

.vehical .switch-holder input {
    position: absolute;
    opacity: 0
}

.vehical .switch-holder input:checked+label {
    background-color: #fb7333
}

.dealer-listing-banner .dealer-detail .dealer-detail-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.dealer-listing-banner .dealer-detail .dealer-detail-list-item {
    float: left;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 40px;
    color: #f5f7fa;
    margin: 0 0 0 40px
}

.dealer-listing-banner .dealer-detail .dealer-detail-list-item:first-child {
    margin: 0
}

.dealer-listing-banner .dealer-detail .detail-icon {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.dealer-listing-banner .dealer-detail .dealer-detail-list-item.location .detail-icon {
    background-image: url(../image/dealer-banner-location-icon.svg)
}

.dealer-listing-banner .dealer-detail .dealer-detail-list-item.tel .detail-icon {
    background-image: url(../image/dealer-banner-tel-icon.svg)
}

.dealer-listing-banner .dealer-detail .dealer-detail-list-item.email .detail-icon {
    background-image: url(../image/dealer-banner-email-icon.svg)
}

.dealer-listing-banner .dealer-detail .dealer-detail-list-item.url .detail-icon {
    background-image: url(../image/dealer-banner-url-icon.svg)
}

.dealer-listing-banner .dealer-detail .detail-icon {
    display: inline-block;
    background-color: rgba(245, 247, 250, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    vertical-align: top;
    margin: 0 16px 0 0
}

.search-main-holder {
    border-top: 1px solid #eeeef0;
    overflow: hidden
}

.search-main-holder .filters-col {
    max-width: 313px;
    width: 100%;
    float: left
}

.search-main-holder .filters-col.fixed-filters {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    background-color: #fff;
    box-shadow: 30px 20px 74px rgba(18, 31, 69, 0.04)
}

.search-main-holder .filters-col.fixed-filters .FilterList {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.search-main-holder .filters-col.fixed-filters .LeftMenu-Container {
    box-shadow: none
}

.search-main-holder .right-grid-view-main.fixed-filters-layout {
    margin-left: 313px
}

.search-main-holder .right-grid-view-main {
    padding: 0 30px 76px;
    width: calc(100% - 313px);
    float: left
}

.search-main-holder .top-ads {
    margin: 0 0 15px
}

.search-main-holder .search-grid-col {
    width: 20%;
    float: left;
    padding: 0 6px 12px
}

.search-main-holder .search-grid-main-holder,
.search-main-holder .top-ads {
    margin: 0 -6px
}

.search-main-holder .search-grid-col .thumb-image.loading {
    background: linear-gradient(270.35deg, rgba(255, 255, 255, 0.176471) 0.26%, #fff 47.89%, rgba(255, 255, 255, 0) 99.65%), #eeeef0;
    border-radius: 8px;
    min-height: 271px
}

.search-main-holder .search-grid-col .thumb-image img {
    width: 100% !important;
    height: auto !important
}

.search-main-holder .right-list-view {
    display: table-cell
}

.ListGrid-Icon {
    margin: 40px 40px 0 0;
    padding: 0;
    background: rgba(230, 230, 230, 0.3);
    border-radius: 8px;
    height: 44px;
    width: 94px;
    display: flex;
    align-items: center;
    float: right;
    position: relative;
    overflow: hidden
}

.ListGrid-Icon a {
    margin: 0 10px;
    padding: 0;
    text-decoration: none;
    outline: none;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 40px;
    cursor: pointer
}

.ListGrid-Icon a i {
    margin: 0;
    padding: 0;
    color: rgba(63, 35, 85, 0.3);
    font-size: 16px;
    text-align: center;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ListGrid-Icon a:after {
    width: 1px;
    height: 28px;
    background: rgba(63, 35, 85, 0.3);
    content: "";
    display: inline-block;
    position: absolute;
    left: 43px;
    top: 8px
}

.ListGrid-Icon a:hover i,
.ListGrid-Icon a.active i {
    color: #3f2355
}

.LeftMenu-Container {
    margin: 0;
    padding: 19px 21px 26px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 30px 20px 74px rgba(18, 31, 69, 0.04)
}

.Filter-Head {
    margin: 0;
    padding: 0
}

.Filter-Head h1,
.Filter-Head h1 span {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14.5581px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 18.49px;
    display: inline-block
}

.Filter-Head button {
    background: none;
    outline: none;
    border-radius: 0;
    float: right;
    border: none;
    text-decoration: underline;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 11.6465px;
    line-height: 18.49px;
    text-align: left;
    color: #fb5100;
    margin: 4px 0 0;
    padding: 0;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.kon {
    color: #fb5100 !important
}

.Filter-Head button:hover {
    color: #fb5100
}

.FilterList {
    padding: 26px 24px 29px;
    margin: 0 -24px 17px;
    box-shadow: 0 17px 28px -15px rgba(0, 0, 0, 0.06)
}

.FilterList ul {
    margin: 0;
    padding: 0
}

.FilterList ul li {
    margin: 0 7px 7px 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.FilterList ul li a {
    margin: 0;
    padding: 0 30px 0 18px;
    background: #3f2355;
    border-radius: 6px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 13px;
    line-height: 29px;
    text-align: left;
    text-decoration: none;
    color: #fff !important;
    display: inline-block;
    cursor: pointer;
    position: relative;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.FilterList ul li a i {
    margin: 0 0 0 10px;
    padding: 0;
    color: #fff;
    font-size: 15px;
    text-align: right;
    cursor: pointer;
    position: relative
}

.FilterList ul li a:hover {
    background: #fb5100
}

.Filter-Close {
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 29px;
    opacity: 1
}

.Filter-Close:hover {
    opacity: 1
}

.Filter-Close:before,
.Filter-Close:after {
    position: absolute;
    left: 7px;
    content: " ";
    height: 12px;
    width: 1px;
    top: 9px;
    border-radius: 50px;
    background-color: #fff !important
}

.Filter-Close:before {
    transform: rotate(45deg)
}

.Filter-Close:after {
    transform: rotate(-45deg)
}

.LeftMenu-Container .card-header {
    padding: 0;
    margin-bottom: 0;
    background: none;
    border: none
}

.LeftMenu-Container .card {
    border: none;
    border-radius: 0
}

.LeftMenu-Container .accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: 0
}

.LeftMenu-Container .card-header h2 button {
    margin: 0;
    padding: 12px 0;
    background: transparent;
    position: relative;
    border-radius: 0;
    font-size: 17.4698px;
    line-height: 23px;
    font-family: "BasisGrotesquePro-Medium";
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.LeftMenu-Container .card-header h2 button.collapsed {
    border-bottom: .73px solid #d9d3dd
}

.LeftMenu-Container .accordion>.card {
    overflow: inherit
}

.LeftMenu-Container .accordion>.card>#headingOne h2 button:before {
    display: none !important
}

.LeftMenu-Container .card-header h2 button.collapsed:before {
    display: none
}

.LeftMenu-Container .card-header h2 button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -0.5px;
    right: -0.5px;
    height: 2px;
    background: #3f2355
}

.LeftMenu-Container .card>.collapse.show {
    border-bottom: 2px solid #3f2355
}

.LeftMenu-Container .card-header h2 button:focus,
.LeftMenu-Container .card-header h2 button:active {
    box-shadow: none
}

.filter-model .VehicleChoose-Name {
    margin: 0 0 17px;
    padding: 0 5px 0 35px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 18.48px;
    text-decoration: none;
    text-align: left;
    outline: none;
    color: #3f2355;
    display: block;
    cursor: pointer
}

.filter-model .VehicleChoose-Name.active,
.filter-model .VehicleChoose-Name:hover {
    color: #fb5100
}

.LeftMenu-Container .card .card-header .btn-link::after {
    content: "";
    font-family: "FontAwesome";
    float: right;
    font-size: 16px;
    line-height: 23px;
    color: #3f2355;
    margin: 0 3px 0 0;
    font-weight: 700;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px)
}

.LeftMenu-Container .card .card-header .btn-link.collapsed::after {
    transform: translate3d(0px, 0px, 0px) rotate(180deg)
}

.LeftMenu-Container .card-body {
    padding: 0 0 21px;
    position: relative;
    min-height: 80px
}

.LeftMenu-Container .card-body.min-height-auto {
    min-height: auto
}

.LeftMenu-Container .trim-List.filters-list,
.LeftMenu-Container .condition-List.filters-list,
.LeftMenu-Container .seller-type-List.filters-list {
    height: auto !important
}

.LeftMenu-Container .filters-list>div:last-child {
    width: 14.56px !important;
    background: #f7f7f9 !important;
    border: .145581px solid rgba(63, 35, 85, 0.2) !important;
    border-radius: 10px !important;
    padding: 4px 3px
}

.LeftMenu-Container .filters-list>div:nth-child(2) {
    display: none !important
}

.LeftMenu-Container .filters-list>div:last-child>div {
    background: #c1c1c1 !important;
    border-radius: 14.5581px !important
}

.features-list .features-row {
    position: relative;
    margin: 14px 0 0
}

.features-list .features-row:first-child {
    margin: 0
}

.LeftMenu-Container .features-list label {
    display: block;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14.5581px;
    line-height: 21px;
    color: #3f2355;
    margin: 0;
    width: 100%;
    max-width: 100%
}

.MonthlyPay-Container {
    margin: 20px 0;
    padding: 0
}

.MonthlyPay-Container a {
    margin: 0;
    padding: 11px 0;
    border-radius: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    background: #fff;
    border: 1px solid #3f2355;
    outline: none;
    width: 100%;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.MonthlyPay-Container li {
    width: 50%
}

.MonthlyPay-Container .btn0ne {
    border-radius: 12px 0 0 12px;
    border-right: 0
}

.MonthlyPay-Container .btnTwo {
    border-radius: 0 12px 12px 0
}

.MonthlyPay-Container .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3f2355
}

.MonthlyPay-Container a.active,
.MonthlyPay-Container a:hover {
    background: #3f2355;
    color: #fff
}

.MonthlyPay-Form {
    margin: 0;
    padding: 0
}

.MonthlyPay-Form label {
    margin: 0 0 5px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: rgba(63, 35, 85, 0.7)
}

.MonthlyPay-Form select,
.MonthlyPay-Form input {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    background: transparent;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    outline: none;
    width: 100%;
    height: 30px;
    transform: matrix(1, 0, 0.03, 1, 0, 0)
}

.MonthlyPay-Form input {
    border: none !important;
    background: transparent !important;
    font-family: "basis_grotesque_probold" !important;
    font-size: 16px !important;
    margin: 3px 0 0
}

.MonthlyPay-Form input::-webkit-input-placeholder {
    color: #3f2355
}

.MonthlyPay-Form input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.MonthlyPay-Form input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.MonthlyPay-Form input:-ms-input-placeholder {
    color: #3f2355
}

.MonthlyPay-Form input::-ms-input-placeholder {
    color: #3f2355
}

.MonthlyPay-Form input::placeholder {
    color: #3f2355
}

.MonthlyPay-Form select {
    background: #fff url(../image/caret-down.svg) no-repeat center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.filters-vehicle-type .vehicle-type-box {
    max-width: 140px;
    width: 100%;
    margin: 0 auto 10px;
    border-radius: 7px;
    border: transparent solid .727907px;
    text-align: center;
    height: 107.73px;
    padding: 10px 9px 0;
    cursor: pointer;
    position: relative
}

.filters-vehicle-type .vehicle-type-box i {
    color: #fb5100;
    font-size: 20px;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0
}

.filters-vehicle-type .vehicle-type-image {
    position: relative;
    min-height: 46px;
    margin: 0 0 5px
}

.filters-vehicle-type .vehicle-type-image.view-all-icon {
    margin: 0 0 9px
}

.filters-vehicle-type .vehicle-type-image.view-all-icon img {
    max-width: 42px;
    max-height: 42px
}

.filters-vehicle-type .vehicle-type-image img {
    margin: 0;
    padding: 0;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.filters-vehicle-type.vehicle-body-style .vehicle-type-image img {
    max-width: 80px
}

.filters-vehicle-type .vehicle-type-box:hover,
.filters-vehicle-type .vehicle-type-box.active {
    border-color: #897999;
    box-sizing: border-box;
    box-shadow: 5.82326px 11.6465px 36.3953px rgba(37, 21, 50, 0.06)
}

.filters-vehicle-type .vehicle-type-description strong {
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    font-size: 14.5581px;
    line-height: 19.22px;
    color: #3f2355;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block
}

.filters-vehicle-type .vehicle-type-description span {
    display: block
}

.Vechicle-image {
    margin: 40px auto 0;
    padding: 0 17px;
    text-align: center
}

.Vechicle-image a {
    padding: 0;
    display: block
}

.Vechicle-image img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 60px;
    cursor: pointer
}

.Vechicle-image h4,
.Vechicle-image h4 span {
    margin: 10px 0 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 18.48px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    cursor: pointer
}

.Vechicle-image:hover h4 {
    color: #fb5100
}

.Vechicle-image .active {
    color: #fb5100
}

.MakeMenu {
    margin: 0;
    padding: 0
}

.MakeMenu a {
    margin: 0;
    padding: 10px 13px 4px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 18.48px;
    text-decoration: none;
    text-align: left;
    outline: none;
    color: #3f2355;
    display: block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.MakeMenu a span {
    font-family: "basis_grotesque_proregular"
}

.MakeMenu a:before {
    content: "" !important;
    width: 18px;
    height: 10px;
    background: url(../image/tick.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 15px;
    color: #3f2355;
    content: ;
    display: inline-block;
    font-family: "FontAwesome";
    margin: 0 5px 0 0
}

.MakeMenu a.collapsed:before {
    color: #fff
}

.filters-list {
    margin: 0;
    padding: 0
}

.filters-list h1 {
    margin: 0;
    padding: 0 15px;
    background: #f7f7f9;
    border: .2px solid rgba(63, 35, 85, 0.4);
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 34px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    color: #3f2355
}

.filters-list ul {
    margin: 0;
    padding: 0 30px 0 0
}

.filters-list ul li {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
    min-height: 17.8px
}

.filters-list ul li:first-child {
    margin: 0
}

.filters-list ul li a {
    margin: 0;
    padding: 0 5px 0 24px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 13px;
    line-height: 18px;
    text-decoration: none;
    text-align: left;
    outline: none;
    color: #3f2355;
    display: block;
    cursor: pointer;
    position: relative
}

.filters-list ul li a span.bullet {
    display: block;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: #d1d3d6 solid 1.46px;
    position: absolute;
    top: 0;
    left: 0
}

.filters-list ul li a span.bullet:after {
    content: "";
    clear: both;
    position: absolute;
    top: 2px;
    left: 2px;
    background: #3f2355;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: none;
    width: 11px;
    height: 11px
}

.filters-list ul li a:hover {
    color: #3f2355
}

.filters-list ul li a:hover span.bullet:after {
    display: block
}

.filters-list ul li a:hover span.bullet {
    border-color: #3f2355
}

.filters-list ul li.active a,
.filters-list ul li.active a span {
    font-family: "basis_grotesque_probold";
    color: #3f2355
}

.filters-list ul li.active a span.bullet:after {
    display: block
}

.filters-list ul li.active a span.bullet {
    border-color: #3f2355
}

.filters-list ul li a span {
    font-family: "basis_grotesque_proregular"
}

.LeftMenu-Container .checkMarkContainer {
    display: block;
    position: relative;
    padding-left: 28px;
    padding-top: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14.5581px;
    line-height: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "BasisGrotesquePro-Medium";
    color: #3f2355
}

.checkMarkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.filtersCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #fff;
    border-radius: 50%;
    border: 1.45581px solid #3f2355;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.checkMarkContainer:hover input~.filtersCheckmark:after {
    left: 3px;
    top: 3px;
    width: 13px;
    height: 13px;
    right: inherit;
    bottom: inherit;
    background-color: #3f2355;
    border-radius: 50%;
    display: block
}

.checkMarkContainer input:checked~.filtersCheckmark:after {
    content: "";
    clear: both;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    right: inherit;
    bottom: inherit;
    background-color: #3f2355;
    border-radius: 50%;
    display: block
}

.filtersCheckmark:after {
    content: "";
    position: absolute;
    display: none
}

.checkMarkContainer input:checked~.filtersCheckmark:after {
    display: block
}

.checkMarkContainer .filtersCheckmark:after {
    left: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    background-color: #3f2355;
    border-radius: 50%
}

.Trans-Btn {
    margin: 0;
    padding: 0
}

.ProdThum-Service {
    margin: 0;
    padding: 0;
    position: relative;
    background: #fff;
    border: .5px solid #e6e6e6;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ProdThum-Service h4 {
    position: absolute;
    display: inline-block;
    left: 12px;
    top: 13px;
    background: #ffeee6;
    border-radius: 5px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 10px;
    line-height: 23px;
    color: #fb5100;
    margin: 0;
    padding: 0 10px;
    z-index: 2
}

.ProdThum-Service h4.loading-head {
    padding: 0
}

.ProdThum-Service .ProdImage {
    margin: 0;
    padding: 0;
    position: relative
}

.ProdThum-Service .ProdImage img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    transition: .3s
}

.ProdThum-Service .ProdImage:hover img {
    transform: scale(1.1)
}

.ProdThum-Service .IconBadge {
    margin: 0 auto;
    padding: 0;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50px;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 101;
    text-align: center;
    cursor: pointer
}

.ProdThum-Service .IconBadge i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 24px;
    text-align: center;
    line-height: 27px;
    width: 27px;
    height: 27px;
    display: block;
    background-image: url(../image/heart-icon-list.svg);
    background-repeat: no-repeat;
    background-position: 50% 65%;
    background-size: 60%
}

.ProdThum-Service .IconBadge i.active {
    background-image: url(../image/heart-icon2.png)
}

.ProdThum-Service .image-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180.21deg, rgba(60, 56, 63, 0) 34.34%, rgba(50, 46, 53, 0.91) 86.52%);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    z-index: 100
}

.ProdThum-Service .thumb-image img {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.ProdThum-Service .IconBadge i:before {
    display: none
}

.ProdThum-Service .IconBadge i.active {
    color: #fb5100
}

.ProdThum-Service .ProdHead {
    margin: 0;
    padding: 0 10px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 101
}

.ProdThum-Service .ProdHead a {
    text-decoration: none
}

.ProdThum-Service .ProdHead h1 {
    margin: 0;
    padding: 15px 0 0 15px;
    font-family: "basis_grotesque_probold";
    font-size: 30px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 65px)
}

.ProdThum-Service .ProdHead h1 img {
    margin: 0 8px 0 0;
    padding: 0;
    max-width: 100%;
    height: 30px;
    float: left
}

.ProdThum-Service .ProdHead img {
    margin: 0;
    padding: 15px 15px 0 0;
    max-width: 100%;
    height: 50px;
    float: right
}

.ProdThum-Service .ProdHead h2 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: left;
    float: left;
    text-decoration: none;
    width: calc(100% - 55px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ProdThum-Service .ProdHead .year {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14.905px;
    line-height: 40px;
    color: #fff
}

.ProdThum-Service .ProdHead h3 {
    margin: 0;
    padding: 0 0 15px 15px;
    color: #5b5b5c;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 100px)
}

.ProdThum-Service .ProdHead h3 i {
    margin: 0 5px 0 0;
    padding: 0;
    background: #f1f3f5;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    font-size: 16px;
    display: inline-block;
    color: #3f2355;
    text-align: center;
    line-height: 30px
}

.ProdThum-Service .ProdHead .disc-row {
    overflow: hidden
}

.ProdThum-Service .ProdHead .disc-row.loading-row {
    margin: 0 0 17px
}

.ProdThum-Service .ProdHead .disc-row a {
    float: left;
    display: block;
    width: calc(100% - 60px)
}

.ProdThum-Service .ProdHead .disc-row a h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ProdThum-Service .ProdHead .disc-row .location {
    float: left;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 13.55px;
    line-height: 27px;
    color: #fff;
    width: calc(100% - 135px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ProdThum-Service .ProdHead .disc-row .location.loading {
    position: relative;
    padding: 0 0 0 27px;
    line-height: 24px
}

.ProdThum-Service .ProdHead .disc-row .location.loading i {
    position: absolute;
    left: 0;
    top: 2px
}

.ProdThum-Service .ProdHead .disc-row .price-tag {
    font-family: "basis_grotesque_probold";
    font-size: 20.325px;
    line-height: 27px;
    color: #fb5100;
    float: right
}

.ProdThum-Service .ProdHead .disc-row .year {
    float: right
}

.ProdThum-Service .ProdHead .disc-row .location i {
    padding: 0;
    margin: 0 5px 0 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    height: 21px;
    width: 21px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 21px
}

.ProdThum-Service .ProdHead .disc-row span {
    display: block
}

.ProdThum-Service .ProdHead h4 {
    margin: 0;
    padding: 6px 15px 15px 0;
    color: #897999;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    float: right;
    line-height: 24px
}

.ProdThum-Service .ProdHead h4 img {
    margin: 0 8px 0 0;
    padding: 0;
    max-width: 100%;
    height: 20px;
    float: left
}

.ProdThum-Service:hover {
    box-shadow: 25px 30px 79px rgba(38, 47, 86, 0.1)
}

.ProdThum-Service .owl-theme .owl-nav,
.ListView-Container .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    margin: 0;
    bottom: 0;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ProdThum-Service .owl-theme .owl-nav:hover,
.ListView-Container .owl-theme .owl-nav:hover {
    opacity: 1;
    background: linear-gradient(90deg, rgba(63, 35, 85, 0.69) 6.48%, rgba(255, 255, 255, 0) 32.45%, rgba(255, 255, 255, 0.290149) 70.05%, rgba(63, 35, 85, 0.72) 92.44%)
}

.ProdThum-Service .owl-theme .owl-nav .disabled,
.ListView-Container .owl-theme .owl-nav .disabled {
    opacity: 1;
    cursor: default
}

.ProdThum-Service .owl-theme .owl-nav .owl-prev i,
.ListView-Container .owl-theme .owl-nav .owl-prev i {
    color: #fff;
    font-size: 40px;
    background: none;
    outline: none;
    margin-left: 10px;
    position: absolute;
    left: 10px;
    top: 38%;
    z-index: 99
}

.ProdThum-Service .owl-theme .owl-nav .owl-next i,
.ListView-Container .owl-theme .owl-nav .owl-next i {
    color: #fff;
    font-size: 40px;
    background: none;
    outline: none;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    z-index: 99;
    top: 38%
}

.ProdThum-Service .owl-theme .owl-nav .owl-prev i,
.ProdThum-Service .owl-theme .owl-nav .owl-next i {
    top: 45%
}

.ResultHead {
    margin: 0 0 6px;
    padding: 4px 0 2px
}

.ResultHead h3 {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 45px;
    text-align: left;
    text-decoration: none;
    float: left
}

.ResultHead.top-ads-head {
    margin-top: 28px;
    margin-bottom: 20px;
    padding: 0
}

.ResultHead.top-ads-head h3,
.ResultHead.bottom-result-head h3 {
    line-height: 22.86px
}

.ResultHead.bottom-result-head {
    padding: 0;
    margin: 25px 0 20px
}

.ListView-Container {
    margin: 0 0 30px;
    padding: 0;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #e6e6e6;
    filter: drop-shadow(0px 7px 10px rgba(0, 0, 0, 0.06));
    overflow: hidden;
    position: relative
}

.ListView-Container .ImageSlider {
    margin: 0;
    padding: 0;
    cursor: pointer
}

.ListView-Container .ImageSlider img {
    margin: 0;
    padding: 0;
    height: auto !important;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ListView-Container .ImageSlider:hover img {
    transform: scale(1.1)
}

.ListView-Container .ListView-Head {
    margin: 0;
    padding: 0;
    position: relative
}

.ListView-Container .ListView-Head a {
    text-decoration: none
}

.ListView-Container .ListView-Head h1,
.ListView-Container .ListView-Head h1 a {
    margin: 0;
    padding: 20px 0 0;
    font-family: "basis_grotesque_probold";
    font-size: 30px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.ListView-Container .ListView-Head h1 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 33px;
    position: relative;
    top: -6px
}

.ListView-Container .ListView-Head h2 {
    margin: 0;
    padding: 20px 0 0;
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.ListView-Container .ListView-Btm {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 20px;
    z-index: 99
}

.ListView-Container .ListView-Btm ul {
    margin: 0;
    padding: 0
}

.ListView-Container .ListView-Btm ul li {
    margin: 0 45px 0 0;
    padding: 0;
    list-style: none;
    float: left;
    line-height: 14px
}

.ListView-Container .ListView-Btm ul li h1,
.ListView-Container .ListView-Btm ul li h2 {
    margin: 0;
    padding: 0;
    color: #5b5b5c;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    display: inline-block
}

.ListView-Container .ListView-Btm ul li h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
    width: 180px
}

.ListView-Container .ListView-Btm ul li h1 i {
    margin: 0 3px 0 0;
    padding: 0;
    background: #f1f3f5;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    font-size: 17px;
    display: inline-block;
    color: #3f2355;
    text-align: center;
    line-height: 30px
}

.ListView-Container .ListView-Btm ul li h2 img {
    margin: 0;
    padding: 0;
    height: 28px;
    max-width: 100%
}

.ListView-Container .ListView-Btm ul li h2 span {
    margin: 0 0 0 6px;
    padding: 0;
    position: relative;
    top: 6px
}

.ListView-Container .ListView-Btm ul li h3 {
    margin: 0;
    padding: 0;
    color: #5b5b5c;
    font-family: "basis_grotesque_probold";
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    display: inline-block
}

.ListView-Container .ListView-Btm ul li h3 img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 30px
}

.ListView-Container .ListView-Btm ul li h3 span {
    position: relative;
    top: 3px;
    left: 6px
}

.ListView-Container .ListRight-Image {
    margin: 0;
    padding: 0
}

.ListView-Container .ListRight-Image i {
    margin: 20px 20px 0 0;
    padding: 0;
    background: #f8f8f8;
    width: 38px;
    height: 38px;
    color: #3f2355;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    border-radius: 30px;
    float: right;
    cursor: pointer
}

.ListView-Container .ListRight-Image i.active {
    color: #fb5100
}

.ListView-Container .ListRight-Image img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    float: right;
    position: absolute;
    right: 40px;
    bottom: 20px
}

.pagination {
    float: left;
    margin: 20px 0 50px
}

.page-link {
    position: relative;
    display: block;
    padding: 0;
    margin-left: -1px;
    line-height: 38px;
    font-family: "basis_grotesque_proregular";
    color: #3f2355;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dee2e6;
    outline: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.pagination li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #3f2355;
    border-color: #3f2355
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 0;
    border: none;
    width: 80px;
    text-align: left;
    outline: none
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-radius: 0;
    border: none;
    margin: 0 0 0 10px;
    outline: none
}

.page-item:last-child .page-link:hover,
.page-item:first-child .page-link:hover {
    background: none;
    color: #3f2355
}

.RegisterBtn {
    margin: 15px 0 0;
    padding: 0;
    float: right
}

.RegisterBtn a {
    margin: 6px 0 0 15px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #828385;
    background: #fff;
    border-radius: 50px;
    outline: none;
    border: none;
    width: 120px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.RegisterBtn a:hover,
.RegisterBtn a:active,
.RegisterBtn a:focus,
.RegisterBtn a.active {
    background: rgba(249, 217, 204, 0.5);
    color: #fb5100
}

.RegisterAccount-Container {
    margin: 0;
    padding: 0
}

.RegisterAccount-Container a {
    text-decoration: none;
    width: auto !important
}

.RegMt {
    margin: 0;
    padding: 80px 0 0
}

.Register-Head {
    margin: 0 0 40px;
    padding: 0
}

.Register-Head h1 {
    margin: 0 0 16px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0036em;
    line-height: 30px
}

.Register-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22px;
    letter-spacing: .0035em
}

.DealerHead {
    margin: 0 0 70px;
    padding: 0
}

.DealerHead h3 {
    margin: 0 0 12px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.DealerHead p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0035em;
    line-height: 19px
}

.DealerHead p a {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    background: none;
    color: #3f2355;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0
}

.DealerHead p a:hover {
    background: none;
    color: #fb7333
}

.DealerHead a {
    margin: 20px 0;
    padding: 8px 17px;
    background: #fb7333;
    border-radius: 5px;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    outline: none;
    display: inline-block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.DealerHead a:hover,
.DealerHead a:active,
.DealerHead a:focus {
    background: #3f2355
}

.SignIn-Con,
.SignUp-Con {
    margin: 0 15px;
    padding: 0;
    float: left;
    max-width: 339px !important;
    width: 100%
}

.SignUp-Con {
    max-width: 370px;
    width: 100%
}

.DealerShip-Con {
    margin: 0 15px;
    padding: 0;
    float: left;
    max-width: 770px;
    width: 100%
}

.Register-Form {
    margin: 0 0 30px;
    padding: 0;
    position: relative
}

.Register-Form .srv-validation-message {
    font-size: 16px;
    color: red;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    margin: 10px 0 0
}

.Register-Form label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22px;
    letter-spacing: -0.0008em
}

.Register-Form input {
    margin: 0;
    padding: 0 40px 0 16px;
    background: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    width: 100%;
    height: 50px
}

.Register-Form input::-webkit-input-placeholder {
    color: #3f2355
}

.Register-Form input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.Register-Form input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.Register-Form input:-ms-input-placeholder {
    color: #3f2355
}

.Register-Form input::-ms-input-placeholder {
    color: #3f2355
}

.Register-Form input::placeholder {
    color: #3f2355
}

.Register-Form .passicon {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 53px;
    z-index: 99
}

.Register-Form .passicon i {
    margin: 0;
    padding: 0;
    color: #d1d1d1;
    font-size: 16px
}

.forget-password-validation {
    position: relative;
    width: 100%
}

.forget-password-validation .srv-validation-message {
    font-weight: 400;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    line-height: 24px;
    text-align: left;
    text-decoration: none;
    letter-spacing: .0035em;
    margin: 12px 0 0 15px;
    background: url(../image/Info-pass.svg) no-repeat center left;
    background-size: 3%;
    width: 100%;
    padding-left: 30px;
    float: left
}

.forget-password-validation input.danger {
    background: rgba(218, 0, 20, 0.09);
    border: 1px solid #ff0017
}

.ByClick-Head {
    margin: 0;
    padding: 0
}

.ByClick-mt {
    margin-top: 30px
}

.ByClick-Head h4,
.ByClick-Head h4 a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 23px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ByClick-Head h4 a:hover {
    color: #fb7333
}

.ByClick-Head h4 a {
    font-family: "basis_grotesque_probold";
    font-weight: 700
}

.CreatAccount-Btn {
    margin: 50px 0 30px;
    padding: 0;
    overflow: hidden
}

.Create-Padd {
    margin-top: 48px
}

.CreatAccount-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    outline: none;
    border: none;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 140px;
    height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    float: left
}

.CreatAccount-Btn button i {
    font-size: 25px;
    line-height: 48px
}

.CreatAccount-Btn span {
    margin: 0 0 0 30px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 48px;
    float: left
}

.CreatAccount-Btn button:hover,
.CreatAccount-Btn button:focus,
.CreatAccount-Btn button:active {
    background: #3f2355
}

.LoginSocial-Btm {
    margin: 0 1px 40px 15px;
    padding: 0;
    background: #fff;
    border: .5px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    width: 169px;
    height: 46px;
    line-height: 40px
}

.LoginSocial-Btm img {
    margin: 0 4px 0 0;
    padding: 0;
    max-width: 100%;
    height: 20px;
    display: inline-block
}

.LoginSocial-Btm h1 {
    margin: 0 0 0 5px;
    padding: 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
    display: inline-block
}

.Register-Imageright {
    margin: 0;
    padding: 0
}

.Register-Imageright h5 {
    margin: 0;
    padding: 0;
    font-family: "freightdispproblauploadedfile";
    font-size: 45px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 50px
}

.Register-Imageright img {
    margin: 50px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.Register-Footer {
    margin: 0;
    padding: 25px 0;
    background: #f5f7fa
}

.SignIn-CopyRight {
    margin: 0;
    padding: 0
}

.SignIn-CopyRight h2,
.SignIn-CopyRight h3 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 20px
}

.SignIn-CopyRight h3 {
    float: left
}

.forgetpass {
    margin: 10px 0 0;
    padding: 0;
    float: right
}

.forgetpass a {
    margin: 0;
    padding: 0;
    color: #2f80ed;
    font-family: "basis_grotesque_proregular";
    font-size: 12px;
    text-align: right;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.forgetpass a:hover,
.forgetpass a:focus,
.forgetpass a:active {
    color: #fb7333
}

.SignUp-Mt {
    margin: 0;
    padding: 0
}

.Section-DealerInfo {
    margin: 0;
    padding: 0
}

.Dealer-infoform {
    padding: 0 0 0 100px
}

.DealerInfo-List {
    margin: 0;
    padding: 80px 0 0 100px
}

.DealerInfo-List::after {
    display: block;
    content: "";
    clear: both
}

.DealerInfo-List ul {
    margin: 0;
    padding: 0
}

.DealerInfo-List ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.DealerInfo-List ul li a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    color: #aaabad;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    background: #f9f9f9;
    border-radius: 50px;
    height: 42px;
    width: 42px;
    outline: none;
    line-height: 45px;
    position: relative;
    display: inline-block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.DealerInfo-List ul li.active a {
    display: inline-block;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    color: #81db0f !important;
    background: url(../image/dealer-checkmark.svg) #81db0f no-repeat center center !important;
    text-indent: -9999px;
    background-position: 50% 50%;
    background-size: 40% !important
}

.DealerInfo-List ul li.active a::after {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    background: url(../image/dealer-checkmark.svg) no-repeat center center
}

.DealerInfo-List ul li a.firstHead {
    background: #d7d2dd;
    color: #3f2355
}

.DealerInfo-List ul li h1 {
    margin: 0 20px 0 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    color: #3f2355;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .0036em;
    position: relative;
    top: 2px
}

.DealerHead {
    margin: 0;
    padding: 100px 0 40px
}

.DealerHead h4 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 19px
}

.DealerForm {
    margin: 0 0 30px;
    padding: 0;
    position: relative
}

.DealerForm .srv-validation-message {
    font-size: 16px;
    color: red;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    margin: 10px 0 0
}

.DealerForm label {
    margin: 0 0 15px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22px
}

.DealerForm input,
.DealerForm select {
    margin: 0;
    padding: 0 10px 0 16px;
    background: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    width: 100%;
    height: 50px
}

.DealerForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: #fff url(../image/info-arrow-down.svg) no-repeat center right 20px
}

.DealerForm input::-webkit-input-placeholder {
    color: #828385
}

.DealerForm input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.DealerForm input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.DealerForm input:-ms-input-placeholder {
    color: #828385
}

.DealerForm input::-ms-input-placeholder {
    color: #828385
}

.DealerForm input::placeholder {
    color: #828385
}

.DealerForm button {
    margin: 30px 0 0;
    padding: 0;
    background: #e6e6e6;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 140px;
    height: 48px;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    color: #644e77;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.DealerForm button:hover {
    background: #fb5100;
    color: #fff
}

.DealerForm button:hover i {
    color: #fff
}

.DealerForm button i {
    margin: 0 0 0 22px;
    padding: 0;
    color: #644e77;
    font-size: 20px;
    position: relative;
    top: 2px
}

.DealerForm button.active {
    background: #fb5100;
    color: #fff
}

.DealerForm button.active i {
    color: #fff
}

.DealerForm .btnbg {
    background: #fb7333;
    color: #fff
}

.DealerForm .btnbg i {
    color: #fff
}

.DealerForm .btnbgk {
    background: #fb7333;
    color: #fff;
    height: 48px
}

a .button {
    width: 200px
}

.DealerForm .btnbgk i {
    color: #fff
}

.previous-btnleft {
    margin: 0;
    padding: 0
}

.previous-btnleft i {
    margin: 0 15px 0 5px !important;
    font-weight: 600
}

.DealerHead-Image {
    margin: 0;
    padding: 0
}

.DealerHead-Image img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: auto
}

.ArrowDealer {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 8px;
    position: absolute;
    right: 20px;
    top: 66px;
    z-index: 99
}

.Section-DealerInfo .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    padding: 0 10px 0 53px;
    line-height: 50px;
    background-color: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #897999;
    width: 100%;
    height: 50px;
    font-family: "BasisGrotesquePro-Medium"
}

.Section-DealerInfo .custom-file-label::after {
    position: absolute;
    top: 10px;
    left: 15px;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 30px;
    width: 30px;
    padding: 0;
    line-height: 1.5;
    color: #897999;
    content: "";
    font-family: "FontAwesome";
    border-left: none;
    border-radius: 50px;
    background: #f4f3f7
}

.Section-DealerInfo .custom-file-input:lang(en)~.custom-file-label::after {
    content: "";
    font-family: "FontAwesome";
    color: #897999;
    text-align: center;
    line-height: 30px;
    font-size: 12px
}

.Section-DealerInfo .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50px;
    margin-bottom: 30px
}

.Section-DealerInfo .custom-file .active::after {
    background: url(../image/dealer-checkmark.svg) #81db0f no-repeat center center !important;
    text-indent: -9999px;
    background-position: 50% 50%;
    background-size: 40% !important
}

.Section-DealerInfo label.active {
    color: #3f2355 !important
}

.Section-DealerInfo .custom-file-input {
    position: relative;
    z-index: 2;
    width: 30px;
    top: 2px;
    left: 16px;
    height: 30px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    line-height: 0;
    border-radius: 50px
}

.UploadBtn-Head {
    margin: 0;
    padding: 0
}

.UploadBtn-Head label {
    margin: 0 0 15px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.DealerBtn {
    display: inline-block;
    position: relative;
    padding-left: 34px;
    margin-bottom: 12px;
    margin-top: 70px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "basis_grotesque_proregular";
    color: #3f2355
}

.DealerBtn b {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    text-transform: capitalize
}

.DealerBtn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.BtnMark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.DealerBtn:hover input~.BtnMark {
    background-color: #fff;
    border: 1px solid #d4d0dd
}

.DealerBtn input:checked~.BtnMark {
    background-color: #fb7333;
    border: 1px solid #fb7333
}

.BtnMark:after {
    content: "";
    position: absolute;
    display: none
}

.DealerBtn input:checked~.BtnMark:after {
    display: block
}

.DealerBtn .BtnMark:after {
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.DealerPara-Head {
    margin: 0 0 50px;
    padding: 0
}

.DealerPara-Head h3 {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 20px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none
}

.UploadOMVIC {
    max-width: 100%;
    width: 100%;
    clear: both;
    display: table
}

.Dealer-LastHead {
    margin: 0;
    padding: 100px 0 40px 15px
}

.Dealer-LastHead h1 {
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0036em;
    line-height: 30px;
    margin: 0 0 16px;
    padding: 0
}

.Dealer-LastHead p {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0035em;
    line-height: 22.4px;
    margin: 0;
    padding: 0
}

.Section-ListDetail {
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff
}

.detail-page-main-outer {
    display: table;
    width: 100%;
    min-height: 100%
}

.detail-page-main-outer .detail-carousal {
    position: relative;
    display: table-cell;
    width: 71.4%;
    border-right: none
}

.detail-page-main-outer .detail-list-detail {
    padding: 0;
    display: table-cell;
    width: 33.4%;
    position: relative
}

.detail-page-main-outer .detail-carousal .carousel .slide img {
    width: auto;
    max-height: 64vh;
    max-width: 100%
}

.detail-page-main-outer .detail-carousal .carousel-root {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 0 20px
}

.detail-page-main-outer .carousel .carousel-status {
    display: none
}

.detail-page-main-outer .carousel .control-dots {
    display: none
}

.detail-page-main-outer .carousel.carousel-slider {
    margin: 0 auto
}

.detail-page-main-outer .thumbs-wrapper .thumbs {
    padding: 52px 0 0;
    margin: 0;
    text-align: center
}

.detail-page-main-outer .thumbs-wrapper .thumbs .thumb {
    border: none;
    width: 93px !important;
    height: auto
}

.detail-page-main-outer .thumbs-wrapper .thumbs .thumb img {
    border-radius: 7px;
    display: block;
    height: 100%
}

.LargeImage-Container {
    margin: 0;
    padding: 0;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#LargeImage-Container {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%
}

.imageblur-inner {
    background: #000;
    backdrop-filter: blur(16px);
    height: 100vh;
    width: 100%;
    position: relative
}

.detail-carousal .carousel.carousel-slider .control-arrow.control-prev {
    background-image: url(../image/slider-icon-left.svg);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    opacity: 1;
    left: 0;
    width: 49px;
    height: 49px;
    background-color: #fff;
    border-radius: 50%;
    text-indent: -9999px;
    top: 50%;
    margin: -25px 0 0
}

.detail-carousal .carousel.carousel-slider .control-arrow.control-next {
    background-image: url(../image/slider-icon-right.svg);
    background-repeat: no-repeat;
    background-position: 18px 50%;
    opacity: 1;
    right: 0;
    text-indent: -9999px;
    width: 49px;
    height: 49px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin: -25px 0 0
}

.detail-carousal .carousel .slider-wrapper.axis-horizontal .slider .slide div {
    position: relative;
    margin: 0 86px
}

.detail-page-main-outer .carousel .thumbs-wrapper {
    margin: 0
}

.spinner {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 #fb5100;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 #fb5100;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 #fb5100;
    -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 #fb5100;
    -ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 0 #fb5100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.filters-preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.LargeImage-Container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #f5f5f5
}

.LargeImage-Container::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

.LargeImage-Container::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #3f2355
}

.ListDetail-Image {
    margin: 0;
    padding: 0
}

.ListDetail-Image img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 670px;
    min-height: 670px;
    border-radius: 16px
}

.ListDetail-Badge {
    margin: 0 auto;
    padding: 0;
    background: #fff;
    border-radius: 50px;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 14px;
    right: 25px;
    z-index: 99;
    text-align: center;
    cursor: pointer
}

.ListDetail-Badge i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 24px;
    text-align: center;
    line-height: 44px
}

.ListDetail-Badge i.active {
    color: #fb5100
}

.LargeImage-Container .owl-theme .owl-nav {
    top: 50%
}

.LargeImage-List {
    margin: 20px 0 0;
    padding: 0
}

.LargeImage-List ul {
    margin: 0;
    padding: 0
}

.LargeImage-List ul li {
    margin: 0 8px 20px 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 24%
}

.LargeImage-List ul li img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 200px;
    min-height: 200px;
    border-radius: 16px
}

.LargeRight-Image {
    margin: 0;
    padding: 0
}

.LargeRight-Image h1 {
    margin: 0 0 8px;
    color: #3f2355;
    font-family: "basis_grotesque_probold";
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    line-height: 25.4px;
    position: relative;
    padding: 0 120px 0 0
}

.LargeRight-Image h1 span {
    font-family: "basis_grotesque_proregular";
    color: #828385;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0
}

.LargeRight-Image h1 span i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 26px;
    position: relative;
    left: 2px;
    z-index: 99
}

.LargeRight-Image h2 {
    margin: 0 0 10px;
    padding: 0;
    color: #5b5b5c;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    line-height: 22px
}

.LargeRight-Image h3 {
    margin: 0;
    padding: 0;
    color: #787878;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    line-height: 20px
}

.LargeRight-Image h4 {
    margin: 20px 0 0;
    padding: 0;
    color: #3f2355;
    font-family: "basis_grotesque_probold";
    font-size: 26px;
    line-height: 26px;
    text-align: left;
    text-decoration: none
}

.LargeRight-Image h4 span {
    margin: 0 12px 0 0;
    padding: 0;
    color: #fb5100;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    top: -6px
}

.LargeRight-Image h5 {
    margin: 10px 0 0;
    padding: 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    position: relative
}

.LargeRight-Image .advertisment-charges {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px;
    line-height: 18px
}

.LargeRight-Image h5 img {
    margin: 0 3px 0 0;
    padding: 0;
    max-width: 11px;
    height: auto;
    position: relative;
    top: 0
}

.LargeRight-Image h6 {
    margin: 25px 0 0;
    padding: 0;
    color: #787878;
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    text-align: left;
    text-decoration: none
}

.LargeRight-Image h6 img {
    margin: 0 0 0 10px;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    top: -4px;
    width: 75px
}

.FinanceThat-Container {
    margin: 50px 0 0;
    padding: 0
}

.FinanceThat-Container .financethat-left-image {
    float: left;
    text-align: center
}

.FinanceThat-Container .financethat-left-image img {
    max-width: 56px
}

.FinanceThat-Container .financethat-left-image span {
    display: block;
    color: #787878;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 20px
}

.FinanceThat-Container .financethat-right-content {
    float: right
}

.FinanceThat-Container .ServiceOne {
    margin: 0 0 0 15px;
    padding: 0;
    float: right
}

.FinanceThat-Container .ServiceOne a {
    margin: 0;
    padding: 0 22px;
    background: #fb5100;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 15px;
    line-height: 48px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    cursor: pointer
}

.FinanceThat-Container .ServiceOne a img {
    margin: 0 5px 0 0;
    padding: 0;
    max-width: 100%;
    height: 19px;
    position: relative;
    top: -2px
}

.FinanceThat-Container .ServiceTwo {
    margin: 0 auto 0 15px;
    padding: 0;
    display: inline-block;
    position: relative;
    background: #eaeaeb;
    border-radius: 10px;
    border: none;
    outline: none;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer
}

.ServiceTwo .share-tooltip {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 40px;
    white-space: nowrap;
    padding: 5px 10px;
    transform: translateX(-50%);
    transition: all .3s ease-in-out;
    bottom: 30px;
    opacity: 0;
    visibility: hidden
}

.ServiceTwo .share-tooltip.active {
    bottom: 50px;
    opacity: 1;
    visibility: visible
}

.ServiceTwo .share-tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%)
}

.ServiceTwo .share-tooltip ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ServiceTwo .share-tooltip ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px
}

.ServiceTwo .share-tooltip ul li a {
    color: #fff
}

.FinanceThat-Container .ServiceTwo img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 19px
}

.AsideMenu-Container {
    margin: 30px 0 0;
    padding: 0;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8.05729px;
    border: .402864px solid #e4e4e4;
    overflow: hidden
}

.OverViewListing {
    margin: 0;
    padding: 0
}

.OverViewListing h1 {
    margin: 0;
    padding: 0 15px;
    background: #f5f7fa;
    border-radius: 8px 8px 0 0;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 49px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.OverViewListing ul {
    margin: 0;
    padding: 0
}

.OverViewListing ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: .24px solid rgba(63, 35, 85, 0.16)
}

.OverViewListing ul li:last-child {
    border-bottom: none
}

.OverView-Container {
    margin: 0;
    padding: 18px 2px 0
}

.OverView-Container::after {
    clear: both;
    display: block;
    content: ""
}

.OverView-Container .OverView-Left,
.OverView-Container .OverView-Right {
    margin: 0;
    padding: 0 0 18px 10px;
    float: left;
    width: 50%;
    display: flex
}

.OverView-Container .OverView-Left img,
.OverView-Container .OverView-Right img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    float: left
}

.OverView-Container .OverView-Left h3,
.OverView-Container .OverView-Left h2,
.OverView-Container .OverView-Right h3,
.OverView-Container .OverView-Right h2,
.OverView-Container .OverView-Left h4,
.OverView-Container .OverView-Left h5,
.OverView-Container .OverView-Right h5,
.OverView-Container .OverView-Right h4 {
    margin: 2px 0 0 6px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    float: left
}

.OverView-Container .OverView-Left h2,
.OverView-Container .OverView-Right h2 {
    color: #787878;
    margin-left: 4px;
    width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.OverView-Container .OverView-Left h4,
.OverView-Container .OverView-Right h4 {
    width: 50%
}

.OverView-Container .OverView-Left h5,
.OverView-Container .OverView-Right h5 {
    color: #787878;
    margin-left: 12px;
    width: 85px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.OverView-Container .OverView-Right {
    float: right;
    padding-right: 0;
    display: flex
}

.Description-Head {
    margin: 16px 0 0;
    padding: 0
}

.Description-Head h2 {
    margin: 0;
    padding: 0 15px;
    background: #f5f7fa;
    border-radius: 0;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 49px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.Description-Head p {
    margin: 0 0 25px;
    padding: 17px;
    font-family: "basis_grotesque_proregular";
    font-size: 15px;
    line-height: 19px;
    text-align: left;
    color: #3f2355
}

.addDetail-description p {
    margin: 0;
    padding: 10px 15px
}

.FeatureList-Large {
    margin: 0 0 15px;
    padding: 0
}

.FeatureList-Large h4 {
    margin: 0;
    padding: 0 15px;
    background: #f5f7fa;
    border-radius: 0;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 49px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.FeatureList-Large ul {
    margin: 0;
    padding: 0
}

.FeatureList-Large ul li {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    display: inline-block;
    width: 50%;
    border-bottom: .5px solid rgba(170, 171, 173, 0.5)
}

.FeatureList-Large ul li:last-child {
    border-bottom: none
}

.FeatureList-Large ul li a {
    margin: 0;
    padding: 20px 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    display: block;
    line-height: 20px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.LargePayment-Container {
    margin: 0;
    padding: 0
}

.LargePayment-Container .row {
    margin-right: -8px;
    margin-left: -8px
}

.LargePayment-Container .col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12,
.LargePayment-Container .col-xl-6.col-lg-6.col-md-6.col-sm-12.col-12 {
    padding-right: 8px;
    padding-left: 8px
}

.LargePayment-Container .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #f5f7fa;
    border-bottom: none
}

.LargePayment-Container .card {
    border: none;
    border-radius: 0
}

.LargePayment-Container .card strong.title {
    margin: 0;
    padding: 0 15px;
    background: #f5f7fa;
    border-radius: 0;
    font-family: "basis_grotesque_probold";
    display: block;
    font-size: 18px;
    line-height: 49px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    border-bottom: none
}

.LargePayment-Container .card .card-header .btn-link.collapsed::after {
    content: ""
}

.LargePayment-Container .btn.focus,
.btn:focus {
    box-shadow: none
}

.CreditSelect-Container {
    margin: 0 0 16px;
    padding: 20px 30px;
    background: #f5f7fa;
    border-radius: 12px;
    position: relative;
    height: 85px
}

.CreditSelect-Container h1 {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    text-decoration: none
}

.CreditSelect-Container .CreditDropdown {
    margin: 0;
    padding: 17px 27px 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99
}

.CreditSelect-Container .CreditDropdown select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    height: 85px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/caret-down.svg) no-repeat;
    background-size: 17px;
    background-position: 100% 24px
}

.DownPayment-Container {
    margin: 0;
    padding: 20px;
    background: #f5f7fa;
    border-radius: 12px;
    height: 85px
}

.DownPayment-Container h3,
.DownPayment-Container h4 {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    text-decoration: none
}

.DownPayment-Container h4 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    padding-top: 10px
}

.Payment-SummaryList {
    margin: 0;
    padding: 15px 30px 12px;
    background: #fff4f0;
    border-radius: 12px 12px 0 0
}

.Payment-SummaryList::after,
.Payment-SummaryList ul li::after {
    content: "";
    display: block;
    clear: both
}

.Payment-SummaryList h1 {
    margin: 0;
    padding: 0 0 5px;
    font-family: "basis_grotesque_probold";
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 27px
}

.Payment-SummaryList ul {
    margin: 0;
    padding: 0
}

.Payment-SummaryList ul li {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    border-bottom: .5px solid rgba(170, 171, 173, 0.5)
}

.Payment-SummaryList ul li h3,
.Payment-SummaryList ul li h4,
.Payment-SummaryList ul li h5,
.Payment-SummaryList ul li h6 {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    float: left
}

.Payment-SummaryList ul li h4 {
    float: right
}

.Payment-SummaryList ul li h5 {
    font-family: "basis_grotesque_probold";
    font-weight: 700
}

.Payment-SummaryList ul li h6 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    float: right
}

.EstimatedPayment-Head {
    margin: 0 auto;
    padding: 7px 0 20px;
    text-align: center;
    background-color: #fff4f0;
    border-radius: 0 0 12px 12px
}

.cross-detail {
    margin: 0 auto;
    padding: 0;
    background: #301934;
    border-radius: 50px;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 14px;
    left: 25px;
    z-index: 99;
    text-align: center;
    cursor: pointer
}

.cross-detail:before {
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    content: "";
    height: 22px;
    width: 2px;
    top: 50%;
    border-radius: 50px;
    background-color: #fff;
    margin: -11px 0 0 -1px
}

.cross-detail:after {
    transform: rotate(-45deg);
    position: absolute;
    left: 50%;
    content: "";
    height: 22px;
    width: 2px;
    top: 50%;
    border-radius: 50px;
    background-color: #fff;
    margin: -11px 0 0 -1px
}

.EstimatedPayment-Head h1 {
    margin: 0 0 8px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    font-family: "basis_grotesque_probold";
    font-size: 20px;
    list-style: 29px
}

.EstimatedPayment-Head h2,
.EstimatedPayment-Head h3,
.EstimatedPayment-Head span {
    margin: 8px 0 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #fb5100;
    display: inline-block
}

.EstimatedPayment-Head span {
    color: #3f2355;
    display: inline-block;
    margin: 0 4px
}

.EstimatedPayment-Head h4 {
    margin: 12px 0 20px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.EstimatedPayment-Head h4.tax-note {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    padding: 0 27px;
    margin-top: 0
}

.EstimatedPayment-Head button {
    margin: 0 auto !important;
    padding: 6px 0 0 !important;
    background: #fb5100 !important;
    border-radius: 8px !important;
    border: none !important;
    outline: none !important;
    font-family: "basis_grotesque_probold" !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    width: 85%;
    display: block;
    line-height: 56px
}

.EstimatedPayment-Head button img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 38px;
    position: relative;
    top: -5px;
    left: -20px;
    z-index: 99
}

.LargeImage-Container .owl-theme .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    margin: 0;
    bottom: 0;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.LargeImage-Container .owl-theme .owl-nav:hover {
    opacity: 1
}

.LargeImage-Container .owl-theme .owl-nav .owl-prev i {
    color: #fff;
    font-size: 40px;
    background: none;
    outline: none;
    margin-left: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 99
}

.LargeImage-Container .owl-theme .owl-next i {
    color: #fff;
    font-size: 40px;
    background: none;
    outline: none;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    z-index: 99;
    top: 50%
}

.ListDetail-Scroll {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    overflow: auto;
    padding: 20px 26px 0 21px
}

.ListDetail-Scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #f5f5f5
}

.ListDetail-Scroll::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

.ListDetail-Scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #3f2355
}

.OverViewRate-Container {
    margin: 32px auto 16px;
    padding: 0;
    text-align: center
}

.OverViewRate-Container .RateImage {
    margin: 0;
    padding: 0;
    position: relative
}

.OverViewRate-Container .RateImage a {
    text-decoration: none
}

.OverViewRate-Container .RateImage .pr-avatar {
    width: 91px;
    height: 91px;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 91px;
    background: lightgray;
    border-radius: 50%;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 24px;
    color: #3f2355
}

.OverViewRate-Container .RateImage img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 91px;
    width: 91px;
    border-radius: 50%
}

.OverViewRate-Container .RateImage .RateBadge {
    margin: 0 auto;
    text-align: center;
    padding: 0;
    background: #fff;
    box-shadow: 0 4.82595px 24px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 0;
    left: 90px;
    z-index: 99
}

.OverViewRate-Container .RateImage .RateBadge i {
    margin: 0;
    padding: 0;
    color: #f2994a;
    font-size: 20px;
    text-align: center;
    line-height: 35px
}

.OverViewRate-Container .OverView-Btm {
    margin: 0;
    padding: 0
}

.OverViewRate-Container .OverView-Btm h1,
.OverViewRate-Container .OverView-Btm h1 a {
    margin: 12px 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 17px;
    line-height: 20px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    background: none;
    height: auto;
    letter-spacing: 0
}

.OverViewRate-Container .OverView-Btm h5,
.OverViewRate-Container .OverView-Btm h5 a {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 22px;
    color: #828385;
    text-align: center;
    text-decoration: none;
    background: none;
    height: auto;
    letter-spacing: 0
}

.OverViewRate-Container .OverView-Btm h1 a:hover,
.OverViewRate-Container .OverView-Btm h5 a:hover {
    background: none
}

.OverViewRate-Container .OverView-Btm h5 span {
    color: #3f2355
}

.OverViewRate-Container .OverView-Btm .RateList {
    margin: 15px 0 18px;
    padding: 0
}

.OverViewRate-Container .OverView-Btm .RateList i {
    margin: 0 8px 0 0;
    padding: 0;
    display: inline-block;
    color: #d1d1d1;
    font-size: 28px;
    text-align: center;
    line-height: 28px;
    cursor: pointer
}

.OverViewRate-Container .OverView-Btm .RateList i.active,
.OverViewRate-Container .OverView-Btm .RateList i:focus {
    color: #f2994a
}

.OverViewRate-Container .OverView-Btm .RateList h6 {
    margin: 0 0 6px;
    padding: 0;
    color: #1a1a1a;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: block;
    position: relative;
    line-height: 22px;
    top: 0;
    left: 0;
    z-index: 99
}

.OverViewRate-Container .OverView-Btm .RateList h6 span {
    color: #a3a3a3
}

.OverViewRate-Container .OverView-Btm a {
    margin: 50px 20px 0;
    padding: 0;
    background: #fb5100;
    border-radius: 8px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    color: #fbfbfb;
    text-align: center;
    text-decoration: none;
    display: block;
    height: 38px;
    letter-spacing: .0024em;
    line-height: 38px;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.OverViewRate-Container .OverView-Btm a:hover,
.OverViewRate-Container .OverView-Btm a:focus,
.OverViewRate-Container .OverView-Btm a:active {
    background: #3f2355
}

.LargeRate-ViewCon {
    margin: 80px 20px 30px 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee
}

.LargeRate-ViewCon::after {
    clear: both;
    display: block;
    content: ""
}

.LargeRate-ViewCon .ViewCon-Head {
    margin: 0;
    padding: 0
}

.LargeRate-ViewCon .ViewCon-Head h1 {
    margin: 0;
    padding: 0 0 32px;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 26px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.LargeRate-ViewCon .RateHead-Left,
.LargeRate-ViewCon .RateHead-Right {
    margin: 0;
    padding: 0;
    float: left
}

.LargeRate-ViewCon .RateHead-Left h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 18px;
    color: #828385;
    text-align: left;
    text-decoration: none
}

.LargeRate-ViewCon .RateHead-Left h2 span {
    color: #3f2355;
    margin-left: 20px
}

.LargeRate-ViewCon .RateHead-Left h2 span i {
    margin: 0;
    padding: 0;
    color: #fd6400;
    font-size: 15px;
    text-align: left
}

.LargeRate-ViewCon .RateHead-Right {
    float: right
}

.LargeRate-ViewCon .RateHead-Right h3 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 18px;
    color: #5b5b5c;
    text-align: left;
    text-decoration: none
}

.LargeRate-ViewCon .RateHead-Right h3 span {
    color: #3f2355
}

.PrinceRoot-Container {
    margin: 0 auto;
    padding: 50px 0;
    background: #fff;
    text-align: center;
    border-radius: 6px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.PrinceRoot-Container .PriceThum {
    margin: 0 auto;
    padding: 0;
    width: 100px;
    position: relative
}

.PrinceRoot-Container .PriceThum::after {
    margin: 0;
    padding: 0;
    background: #81db0f url(../image/quote-text.svg) no-repeat center;
    background-size: 50%;
    border: 4px solid #fff;
    height: 32px;
    width: 32px;
    content: "";
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    right: 0
}

.PrinceRoot-Container .PriceThum img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 100px;
    width: 100px;
    border-radius: 50%
}

.PrinceRoot-Container p {
    margin: 37px 0 0;
    padding: 0 12px;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    color: #828385;
    text-align: center;
    text-decoration: none
}

.PrinceRoot-Container h4 {
    margin: 65px 0 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 20px;
    color: #1a1a1a;
    text-align: center;
    text-decoration: none;
    position: relative
}

.PrinceRoot-Container h4::before {
    margin: 0 auto;
    padding: 0;
    width: 48px;
    height: 1px;
    background: #016450;
    position: absolute;
    left: 0;
    right: 0;
    top: -17px;
    z-index: 99;
    content: ""
}

.PrinceRoot-Container h5 {
    margin: 6px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 14px;
    color: #484848;
    text-align: center;
    text-decoration: none
}

.PrinceRoot-Container:hover {
    box-shadow: 7.43px 49.03px 60px rgba(108, 126, 147, 0.1)
}

.SeeWhat-People {
    margin: 0 auto;
    padding: 40px 0 0;
    text-align: center
}

.SeeWhat-People h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    color: #1a1a1a
}

.SeeWhat-People a {
    margin: 20px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 6px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-family: "basis_grotesque_proregular";
    font-size: 18px;
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SeeWhat-People a:hover,
.SeeWhat-People a:focus,
.SeeWhat-People a:active {
    background: #1a1a1a
}

.EmailWrite-Container {
    margin: 80px 0 20px;
    padding: 0
}

.EmailWrite-Container h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 22px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.EmailWrite-Container .EmailRate-List {
    margin: 16px 0 0;
    padding: 0
}

.EmailWrite-Container .EmailRate-List ul {
    margin: 0;
    padding: 0
}

.EmailWrite-Container .EmailRate-List ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.EmailWrite-Container .EmailRate-List ul li i {
    margin: 0;
    padding: 0;
    color: #a3a3a3;
    font-size: 20px;
    text-align: left
}

.EmailWrite-Container label {
    margin: 20px 0 8px;
    padding: 0;
    font-weight: 500;
    font-size: 15px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    font-family: "basis_grotesque_proregular";
    width: 100%;
    display: block
}

.EmailWrite-Container label span {
    color: #aaabad;
    font-size: 13px;
    float: right
}

.EmailWrite-Container textarea {
    margin: 0;
    padding: 16px 10px 10px 25px;
    background: #fdfdfd;
    border: 1px solid #eaeaeb;
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    color: #aaabad;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 17px;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 120px;
    resize: none
}

.EmailWrite-Container button {
    margin: 30px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #fbfbfb;
    width: 211px;
    height: 40px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.EmailWrite-Container button:hover {
    background: #3f2355
}

.Section-UserProfile {
    margin: 0;
    padding: 40px 0 0
}

.Section-UserProfile .container-fluid,
.Section-UserProfile.Chatbg .container-fluid {
    max-width: 1760px;
    width: 100%
}

.Section-UserProfile.Chatbg .container-fluid {
    max-width: 100%
}

.Profile-AsideMenu {
    margin: 0 0 40px;
    padding: 0;
    background: #fdfdfd;
    border-radius: 10px
}

.UpdatePr-Container {
    margin: 0 auto;
    padding: 40px 0;
    text-align: center
}

.UpdatePr-Container .ProfileUpdate-Image {
    margin: 0;
    padding: 0;
    position: relative
}

.UpdatePr-Container .ProfileUpdate-Image .avatar {
    width: 96px;
    height: 96px;
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 96px;
    background: lightgray;
    border-radius: 50%;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 24px;
    color: #3f2355
}

.UpdatePr-Container .ProfileUpdate-Image img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    border-radius: 50%;
    width: 96px;
    height: 96px
}

.UpdatePr-Container .ProfileUpdate-Image input {
    margin: 0;
    padding: 0;
    background: #e6e6e6;
    border-radius: 50%;
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    z-index: 99;
    right: 117px;
    cursor: pointer
}

.UpdatePr-Container .ProfileUpdate-Image i {
    margin: 0 0 0 10px;
    padding: 5px;
    color: #3f2355;
    font-size: 15px;
    position: absolute;
    left: 50%;
    bottom: -5px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer
}

.UpdatePr-Container .ProfileHead {
    margin: 0;
    padding: 0
}

.UpdatePr-Container .ProfileHead h1 {
    margin: 20px 0 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #1a1a1a;
    line-height: 32px
}

.UpdatePr-Container .ProfileHead h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #767676;
    line-height: 25.6px
}

.UpdatePr-Container .ProfileHead button {
    margin: 16px 0 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    border-radius: 5px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 145px;
    height: 45px;
    line-height: 45px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.UpdatePr-Container .ProfileHead button:hover,
.UpdatePr-Container .ProfileHead button:focus,
.UpdatePr-Container .ProfileHead button:active {
    background: #3f2355;
    border: 1px solid #3f2355
}

.profile-sideMenu {
    margin: 0;
    padding: 0
}

.profile-sideMenu ul {
    margin: 0;
    padding: 0
}

.profile-sideMenu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e6e6e6;
    border-left: none;
    border-right: none;
    position: relative
}

.profile-sideMenu ul li a {
    margin: 0;
    padding: 16px 20px;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    font-weight: 400;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    outline: none;
    display: block;
    background: #fff;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li a:hover,
.profile-sideMenu ul li a:focus,
.profile-sideMenu ul li a:active {
    background: #f8f8f8
}

.profile-sideMenu ul li.active a {
    background: #f8f8f8;
    font-family: "basis_grotesque_probold";
    font-weight: 700
}

.profile-sideMenu ul li:nth-child(1):hover a:after,
.profile-sideMenu ul li.active:nth-child(1) a:after,
.profile-sideMenu ul li:nth-child(2):hover a:after,
.profile-sideMenu ul li.active:nth-child(2) a:after,
.profile-sideMenu ul li:nth-child(3):hover a:after,
.profile-sideMenu ul li.active:nth-child(3) a:after,
.profile-sideMenu ul li:nth-child(4):hover a:after,
.profile-sideMenu ul li.active:nth-child(4) a:after,
.profile-sideMenu ul li:nth-child(5):hover a:after,
.profile-sideMenu ul li.active:nth-child(5) a:after,
.profile-sideMenu ul li:nth-child(6):hover a:after,
.profile-sideMenu ul li.active:nth-child(6) a:after {
    color: #3f2355;
    font-weight: 500
}

.profile-sideMenu ul li:nth-child(1) a:after {
    content: "";
    font-family: "fontello";
    color: #aaabad;
    font-size: 20px;
    float: right;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li:nth-child(2) a:after {
    content: "";
    font-family: "fontello";
    color: #aaabad;
    font-size: 15px;
    float: right;
    padding-top: 2px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li:nth-child(3) a:after {
    content: "";
    font-family: "fontello";
    color: #aaabad;
    font-size: 22px;
    float: right;
    position: absolute;
    right: 20px;
    top: 13px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li:nth-child(4) a:after {
    content: "";
    font-family: "fontello";
    color: #aaabad;
    font-size: 22px;
    float: right;
    position: absolute;
    right: 20px;
    top: 13px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li:nth-child(5) a:after {
    content: "";
    font-family: "fontello";
    color: #aaabad;
    font-size: 22px;
    float: right;
    position: absolute;
    right: 20px;
    top: 12px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li:nth-child(6) a:after {
    content: "";
    font-family: "fontello";
    color: #aaabad;
    font-size: 22px;
    float: right;
    position: absolute;
    right: 20px;
    top: 12px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.profile-sideMenu ul li:last-child {
    border-bottom: 1px solid #e6e6e6
}

.ProfileLink-form {
    margin: 0;
    padding: 80px 20px 30px;
    position: relative
}

.ProfileLink-form label {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 17px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.ProfileLink-form input {
    margin: 12px 0 0;
    padding: 0 60px 0 15px;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #2f80ed;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    outline: none;
    height: 50px;
    width: 100%
}

.ProfileLink-form input::placeholder {
    color: #2f80ed
}

.ProfileLink-form button {
    margin: 13px 0 0;
    padding: 0;
    background: #fff;
    border-left: 1px solid #e6e6e6;
    border-radius: 0 6px 6px 0;
    outline: none;
    height: 48px;
    border-right: none;
    border-top: none;
    border-bottom: 0;
    position: absolute;
    right: 21px;
    width: 50px
}

.ProfileLink-form button i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 20px;
    text-align: center
}

.UserProfile-Container {
    margin: 0;
    padding: 30px;
    background: #fff;
    border-radius: 10px
}

.UserProfile-Container.user-profile-container {
    max-width: 1021px;
    width: 100%
}

.UserProfile-Container.user-settings-container {
    max-width: 527px;
    width: 100%;
    padding-right: 47px;
    min-height: 95%
}

.Input-UserForm {
    margin: 0 0 30px;
    padding: 0
}

.Input-UserForm label {
    margin: 0 0 12px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    color: #828385;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 28px;
    letter-spacing: -0.0008em
}

.Input-UserForm input,
.Input-UserForm select {
    margin: 0;
    padding: 0 20px;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    background: #f1f3f5;
    border-radius: 5px;
    outline: none;
    border: none;
    height: 50px;
    width: 100%
}

.Input-UserForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/down-arrow.svg) no-repeat center right 15px #f1f3f5;
    background-size: 5%
}

.Input-UserForm input::-webkit-input-placeholder {
    color: #3f2355
}

.Input-UserForm input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.Input-UserForm input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.Input-UserForm input:-ms-input-placeholder {
    color: #3f2355
}

.Input-UserForm input::-ms-input-placeholder {
    color: #3f2355
}

.Input-UserForm input::placeholder {
    color: #3f2355
}

.ChangePass-Container {
    margin: 10px 0 20px;
    padding: 0
}

.ChangePass-Container h1 {
    margin: 0 0 20px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.update-banner h1 {
    margin: 0 0 20px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.update-banner label {
    font-family: "BasisGrotesquePro-Medium";
    width: 170px;
    height: 48px;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    border-radius: 5px;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-family: basis_grotesque_probold;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    cursor: pointer
}

.update-banner label:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.update-banner input {
    visibility: hidden;
    opacity: 0
}

.update-banner .preview-banner img {
    width: 100%
}

.update-banner .preview-banner {
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    padding: 6px
}

.ChangePass-Form {
    margin: 0;
    padding: 0;
    position: relative
}

.ChangePass-Form .setting-current-password {
    margin-bottom: 41px
}

.ChangePass-Form.setting-your-new-password {
    margin-bottom: 33px
}

.ChangePass-Form label {
    margin: 0 0 12px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 16px
}

.ChangePass-Form .setting-label {
    font-family: "BasisGrotesquePro-Medium";
    line-height: 28px;
    color: #3f2355;
    letter-spacing: -0.0008em;
    text-transform: none
}

.ChangePass-Form input {
    margin: 0;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    outline: none;
    font-weight: 500;
    font-size: 20px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none;
    height: 50px;
    width: 100%
}

.ChangePass-Form input::placeholder {
    color: #3f2355
}

.ChangePass-Form i {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #d1d1d1;
    position: absolute;
    right: 20px;
    top: 47px;
    z-index: 99
}

.ChangePass-Form .icon-eye {
    font-size: 15px;
    top: 53px
}

.ChangePass-Form a {
    margin: 10px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    float: right
}

.ChangePass-Btn {
    margin: 30px 0 0;
    padding: 0;
    float: right
}

.ChangePass-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    border-radius: 5px;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    width: 140px;
    height: 48px;
    line-height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ChangePass-Btn button:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.ChangePass-Container .button-update-setting {
    float: left;
    margin-top: 15px
}

.ChangePass-Container .button-update-setting button {
    font-family: "BasisGrotesquePro-Medium";
    width: 170px;
    height: 48px;
    padding: 0
}

.Section-SavedAds {
    margin: 0 0 30px;
    padding: 30px;
    background: #fff;
    border-radius: 10px
}

.Savedads-Head {
    margin: 0 0 30px;
    padding: 0
}

.Savedads-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 30px
}

.Saveads-Container {
    margin: 0 0 20px;
    padding: 0;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Saveads-Container:hover {
    box-shadow: 0 20px 50px rgba(18, 31, 69, 0.06)
}

.Saveads-Container .colum-1,
.Saveads-Container .colum-2,
.Saveads-Container .colum-3 {
    float: left;
    width: 20.9%
}

.Saveads-Container .colum-2 {
    width: 40%;
    position: relative;
    padding-left: 20px
}

.Saveads-Container .colum-3 {
    width: 40%
}

.Saveads-Container .messagecon {
    font-size: 13px !important
}

.Saveads-Container .AdImage {
    margin: 0 0 0 -4px;
    padding: 0;
    height: 200px
}

.Saveads-Container .AdImage img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    min-height: auto
}

.Saveads-Container .AdHeading {
    margin: 0;
    padding: 0
}

.Saveads-Container .AdHeading h1 {
    margin: 20px 0 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 28px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.Saveads-Container .AdHeading a:hover {
    text-decoration: none
}

.Saveads-Container .AdHeading h1 img {
    margin: 0 4px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    top: -6px
}

.Saveads-Container .AdHeading h2 {
    margin: 12px 0 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 24px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 31.68px;
    position: absolute;
    top: 30%;
    z-index: 99
}

.Saveads-Container .AdsList-Btm {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 99
}

.Saveads-Container .AdsList-Btm ul {
    margin: 0;
    padding: 0
}

.Saveads-Container .AdsList-Btm ul li {
    margin: 0 30px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.Saveads-Container .AdsList-Btm ul li h1,
.Saveads-Container .AdsList-Btm ul li h2 {
    margin: 0;
    padding: 0;
    color: #787878;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    display: inline-block
}

.Saveads-Container .AdsList-Btm ul li h1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px
}

.Saveads-Container .AdsList-Btm ul li h1 i {
    margin: 0;
    padding: 0;
    background: #f1f3f5;
    border-radius: 50px;
    height: 32px;
    width: 32px;
    font-size: 17px;
    color: #3f2355;
    text-align: center;
    line-height: 32px;
    display: inline-block
}

.Saveads-Container .AdsList-Btm ul li h2 span {
    margin: 0;
    padding: 0;
    position: relative;
    top: 2px;
    left: 6px
}

.Saveads-Container .PhoneCall-Head {
    margin: 0;
    padding: 20px 20px 0 0;
    float: right
}

.Saveads-Container .PhoneCall-Head h5 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: right;
    text-decoration: none;
    color: #2f80ed
}

.Saveads-Container .PhoneCall-Head h5 i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 22px;
    text-align: left;
    position: relative;
    top: 3px;
    left: 3px;
    z-index: 99
}

.Saveads-Container .SavedBtn {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 99
}

.Saveads-Container .SavedBtn button {
    margin: 0;
    padding: 0;
    background: #f1f3f5;
    border-radius: 16px;
    border: none;
    outline: none;
    width: 60px;
    height: 60px;
    float: right
}

.Saveads-Container .SavedBtn button i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 24px;
    text-align: center
}

.Saveads-Container .SavedBtn a {
    margin: 2px 20px 0 0;
    padding: 0;
    background: #3f2355;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 197px;
    height: 58px;
    line-height: 58px;
    float: left
}

.Saveads-Container .SavedBtn a img {
    margin: 0 5px 0 0;
    padding: 0;
    max-width: 100%;
    height: 30px;
    position: relative;
    top: -4px;
    left: 0
}

.Saveads-Container .SaveExpire-Container {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 99
}

.Saveads-Container .SaveExpire-List {
    margin: 0 25px 0 0;
    padding: 0;
    display: inline-block
}

.Saveads-Container .SaveExpire-List:last-child {
    margin: 0
}

.Saveads-Container .SaveExpire-List h3 {
    margin: 0 3px 0 0;
    padding: 0;
    background: #f1f3f5;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    position: relative;
    top: -10px;
    z-index: 99
}

.Saveads-Container .SaveExpire-List h3 i {
    margin: 0;
    padding: 0;
    content: "";
    font-family: "fontello";
    color: #3f2355;
    text-align: center;
    font-size: 16px
}

.Saveads-Container .SaveExpire-List h4 {
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 16px;
    font-family: "BasisGrotesquePro-Medium";
    line-height: 22.08px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    color: #787878;
    display: inline-block
}

.Saveads-Container .SaveExpire-List h4 span {
    margin: 0;
    padding: 0;
    color: #3f2355;
    line-height: 24px
}

.Saveads-Container .MyBtn-Container {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 99
}

.Saveads-Container .MyBtn-One,
.Saveads-Container .MyBtn-Two,
.Saveads-Container .MyBtn-Three {
    margin: 0;
    padding: 0;
    float: right
}

.Saveads-Container .MyBtn-One button {
    margin: 0;
    padding: 0;
    background: #f1f3f5;
    border-radius: 16px;
    border: none;
    outline: none;
    width: 60px;
    height: 58px;
    float: right
}

.Saveads-Container .MyBtn-One button i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 24px;
    text-align: center
}

.Saveads-Container .MyBtn-Two button {
    margin: 0 16px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 58px;
    width: 137px;
    height: 58px;
    display: block
}

.Saveads-Container .MyBtn-Two button i {
    margin: 0 4px 0 0;
    padding: 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: 500
}

.Saveads-Container .MyBtn-Three button {
    margin: 0 16px 0 0;
    padding: 0;
    background: #3f2355;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 58px;
    width: 197px;
    height: 58px;
    display: block
}

.LandingFilter-Container {
    margin: 0;
    padding: 15px 30px;
    background: #fff;
    border: .5px solid #fff;
    box-sizing: border-box;
    box-shadow: 7.43px 17.03px 60px rgba(108, 126, 147, 0.2);
    border-radius: 10px;
    height: 182px
}

.dropdown {
    position: relative;
    font-size: 18px;
    color: #3f2355;
    font-family: "basis_grotesque_proregular"
}

.dropdown .dropdown-list,
.dropdown .dropdown-list2 {
    padding: 20px 25px 5px;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 2px;
    right: 2px;
    z-index: 999;
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform .15s ease-in-out .15s;
    max-height: 66vh;
    box-shadow: 4px 20px 60px rgba(108, 126, 147, 0.08);
    border-radius: 10px
}

.dropdown .dropdown-list2 {
    padding: 20px 25px 5px
}

.dropdown .dropdown-option {
    display: block;
    padding: 8px 12px;
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.dropdown .dropdown-label,
.dropdown .dropdown-label2 {
    display: block;
    height: 60px;
    background: #fff;
    border: 1px solid #d8d7d7;
    border-left: none;
    border-top: none;
    border-bottom: none;
    padding: 6px 25px 0 10px;
    cursor: pointer;
    line-height: 44px
}

.dropdown .dropdown-label2 {
    padding: 6px 25px 0 20px
}

.dropdown .dropdown-label:focus {
    box-shadow: 4px 20px 60px rgba(108, 126, 147, 0.08)
}

.dropdown .dropdown-label:before,
.dropdown .dropdown-label2:before {
    content: "";
    font-family: "FontAwesome";
    float: right;
    color: #a3a3a3;
    font-size: 22px
}

.dropdown.on .dropdown-list,
.dropdown.on .dropdown-list2 {
    transform: scale(1, 1);
    transition-delay: 0;
    box-shadow: 4px 20px 60px rgba(108, 126, 147, 0.08)
}

.dropdown.on .dropdown-list .dropdown-option,
.dropdown.on .dropdown-list2 .dropdown-option {
    opacity: 1;
    transition-delay: .2s
}

.dropdown.on .dropdown-label:before,
.dropdown.on .dropdown-label2:before {
    content: ""
}

.dropdown [type=checkbox] {
    position: relative;
    top: -1px;
    margin-right: 4px
}

.dropdown .Categorie-Btn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown .Categorie-Btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.dropdown .CatMark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #afa5bb;
    border-radius: 50%
}

.dropdown .Categorie-Btn:hover input~.CatMark {
    background-color: #fff
}

.dropdown .Categorie-Btn input:checked~.CatMark {
    background-color: #3f2355;
    border: 2px solid #3f2355
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.dropdown .Categorie-Btn input:checked~.CatMark:after {
    display: block
}

.dropdown .Categorie-Btn .CatMark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff
}

.indexfilter-form,
.modalfilter-form {
    margin: 0;
    padding: 0;
    position: relative
}

.indexfilter-form select,
.modalfilter-form select {
    margin: 0;
    padding: 0 0 0 20px;
    background: #fff;
    border: none;
    border-radius: 10px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/filter-arrow.svg) no-repeat right 20px center
}

.CenterBorder-Btm {
    margin: 8px 0 13px;
    padding: 0;
    background: #d8d7d7;
    width: 100%;
    height: 1px
}

.MaxPrice-form {
    margin: 0;
    padding: 0;
    position: relative
}

.MaxPrice-form input {
    margin: 0;
    padding: 0 0 0 34px;
    background: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 60px
}

.MaxPrice-form input::-webkit-input-placeholder {
    color: #999
}

.MaxPrice-form input:-moz-placeholder {
    color: #999;
    opacity: 1
}

.MaxPrice-form input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.MaxPrice-form input:-ms-input-placeholder {
    color: #999
}

.MaxPrice-form input::-ms-input-placeholder {
    color: #999
}

.MaxPrice-form input::placeholder {
    color: #999
}

.filteradd-location input::-webkit-input-placeholder {
    color: #3f2355
}

.filteradd-location input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.filteradd-location input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.filteradd-location input:-ms-input-placeholder {
    color: #3f2355
}

.filteradd-location input::-ms-input-placeholder {
    color: #3f2355
}

.filteradd-location input::placeholder {
    color: #3f2355
}

.MaxPrice-form img {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 99;
    transform: translateY(-50%)
}

.filteradd-location {
    margin: 0;
    padding: 0;
    position: relative
}

.filteradd-location i {
    color: #a3a3a3;
    font-size: 18px;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 99;
    transform: translateY(-50%)
}

.filteradd-location input {
    margin: 0;
    padding: 0 0 0 60px;
    background: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    width: 100%;
    height: 60px
}

.filteradd-location input::placeholder {
    color: #3f2355
}

.filteradd-location button {
    margin: 0;
    padding: 10px 25px;
    background: #fb5100;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    position: absolute;
    right: 0;
    top: 4px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.filteradd-location button::before {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    content: "";
    font-family: "fontello";
    margin: 0 8px 0 0
}

.filteradd-location button:hover {
    background: #3f2355
}

.dropdown .filtercolor {
    margin: 0 0 12px 22px;
    padding: 0;
    font-size: 12px
}

.dropdown .filtercolor input {
    position: absolute;
    left: 15px;
    height: 23px;
    width: 23px;
    opacity: 0
}

.dropdown .filtercolor .color-one,
.dropdown .filtercolor .color-two,
.dropdown .filtercolor .color-three,
.dropdown .filtercolor .color-four,
.dropdown .filtercolor .color-five,
.dropdown .filtercolor .color-six {
    margin: 0;
    padding: 0;
    background: #ffe000;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 25px;
    z-index: 99;
    border-radius: 50%
}

.dropdown .filtercolor .color-two {
    background: #000
}

.dropdown .filtercolor .color-three {
    background: #bb6bd9
}

.dropdown .filtercolor .color-four {
    background: #eb5757
}

.dropdown .filtercolor .color-five {
    background: #2d9cdb
}

.dropdown .filtercolor .color-six {
    background: #27ae60
}

.showless-filter {
    position: absolute;
    top: -35px;
    right: 10px
}

.advance-filter {
    position: absolute;
    bottom: -35px;
    right: 10px
}

.showless-filter a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: right;
    text-decoration: none;
    outline: none
}

.showless-filter a i {
    margin: 0 0 0 6px;
    padding: 0;
    color: #fff;
    font-size: 18px;
    text-align: right;
    display: inline-block;
    position: relative;
    top: 2px
}

.ChatLeft-Container {
    margin: 0 0 40px;
    padding: 0;
    background: #fdfdfd;
    border-radius: 6px;
    height: 100%
}

.ChatSearch {
    margin: 0;
    padding: 20px 20px 0;
    position: relative;
    background: #fff
}

.ChatSearch input {
    margin: 0;
    padding: 0 15px 0 55px;
    background: #fff url(../image/chat-search-icon.svg) no-repeat left 22px center;
    border: 1px solid #e8eaed;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    height: 50px;
    width: 100%;
    color: #828385;
    display: inline-block
}

.ChatSearch i {
    margin: 0 0 0 14px;
    padding: 0;
    color: #aaabad;
    font-size: 20px;
    text-align: left;
    position: absolute;
    top: 34px
}

.ChatSearch input::-webkit-input-placeholder {
    color: #828385
}

.ChatSearch input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ChatSearch input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ChatSearch input:-ms-input-placeholder {
    color: #828385
}

.ChatSearch input::-ms-input-placeholder {
    color: #828385
}

.ChatSearch input::placeholder {
    color: #828385
}

.ChatSearch button {
    margin: 0;
    padding: 0;
    background: #ff6500;
    border-radius: 16px;
    border: none;
    outline: none;
    color: #fff;
    height: 50px;
    width: 17%;
    display: inline-block;
    position: relative;
    top: 2px;
    z-index: 99
}

.ChatSearch button img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 18px;
    width: 18px;
    position: relative;
    top: -3px
}

.drop3-border {
    margin: 0;
    padding: 0;
    position: relative
}

.drop3-border::before {
    background: #e8eaed;
    height: .5px;
    width: 110px;
    content: "";
    position: absolute;
    left: 18px;
    top: 2px;
    z-index: 99
}

.ChatUnread-Btn {
    margin: 0;
    padding: 20px;
    border-bottom: none;
    background: #fff
}

.ChatUnread-Btn button {
    margin: 0 16px 0 0;
    padding: 5px 20px;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    color: #828385;
    text-align: left;
    text-decoration: none;
    background: #f1f3f5;
    border-radius: 10px;
    outline: none;
    border: none;
    display: inline-block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ChatUnread-Btn button:last-child {
    margin: 0
}

.ChatUnread-Btn button:hover,
.ChatUnread-Btn button.active {
    color: #fff;
    background: #3f2355
}

.ChatDropdown-List {
    margin: 0;
    padding: 0
}

.ChatDropdown-List ul {
    margin: 0;
    padding: 0
}

.ChatDropdown-List ul li,
.ChatDropdown-List ul li a {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    text-decoration: none;
    background: #fff;
    position: relative
}

.ChatDropdown-List ul li a {
    border: 1px solid #e8eaed;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 20px;
    outline: none;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ChatDropdown-List ul li a:hover,
.ChatDropdown-List ul li a:focus,
.ChatDropdown-List ul li a:active,
.ChatDropdown-List ul li.active a {
    background: #f4f5f6
}

.ChatDropdown-List ul li::after,
.ChatDropdown-List ul li a::after {
    clear: both;
    display: block;
    content: ""
}

.ChatDropdown-Head {
    margin: 0;
    padding: 0
}

.ChatDropdown-Head img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    float: left
}

.ChatDropdown-Head h1 {
    margin: 0;
    padding: 14px 0 0 10px;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    float: left;
    color: #3f2355;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 90px)
}

.ChatDropdown-Head h1 small img {
    margin: 6px 8px 0 0;
    padding: 0;
    max-width: 100%;
    height: 21px;
    display: inline-block;
    width: 21px
}

.chat-avtar-1 {
    width: 21px;
    height: 21px;
    text-align: center !important;
    margin: 0 auto !important;
    line-height: 22px;
    background: lightgray;
    border-radius: 50%;
    font-family: "BasisGrotesquePro-Medium" !important;
    font-size: 10px !important;
    color: #3f2355 !important;
    text-transform: uppercase;
    margin-right: 6px !important
}

.ChatDropdown-Head h1 small span {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #828385;
    margin-top: 8px;
    display: inline-block
}

.ChatDropdown-Head h1 span {
    margin: 0;
    padding: 0;
    color: #828385;
    font-size: 12px;
    font-family: "basis_grotesque_proregular";
    font-weight: 400
}

.ChatDropdown-Head h2,
.ChatDropdown-Head h2 span {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 12px;
    color: #828385;
    float: right;
    text-align: right;
    text-decoration: none;
    position: absolute;
    right: 6px;
    top: 10px;
    z-index: 99
}

.ChatDropdown-Head h2 small {
    margin: 0 6px 6px 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    color: #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: #2fa285;
    display: block;
    text-align: center;
    line-height: 22px;
    border-radius: 50px;
    position: relative;
    top: 26px
}

.ChatRight-Container {
    margin: 26px 0 40px;
    padding: 40px;
    background: #fff;
    border-radius: 20px
}

.ChatRight-TopCon {
    margin: 0;
    padding: 0 0 30px;
    border-bottom: 1px solid #d1d3d6
}

.ChatRight-TopCon::after {
    clear: both;
    content: "";
    display: block
}

.ChatRight-TopCon .ChatLeft-Head,
.ChatRight-TopCon .ChatRight-Head {
    margin: 0;
    padding: 0;
    float: left
}

.ChatRight-TopCon .ChatLeft-Head img {
    margin: 0 15px 0 0;
    padding: 0;
    max-width: 100%;
    height: 70px;
    width: 70px;
    float: left
}

.ChatRight-TopCon .ChatLeft-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    float: left
}

.ChatRight-TopCon .ChatLeft-Head h1 br {
    line-height: 20px
}

.ChatRight-TopCon .ChatLeft-Head h1 span {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 20px;
    text-align: left;
    text-decoration: none
}

.ChatRight-TopCon .ChatLeft-Head h1 small {
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #828385
}

.ChatRight-TopCon .ChatRight-Head {
    float: right;
    margin-top: 30px
}

.ChatRight-TopCon .ChatRight-Head i {
    margin: 0;
    padding: 0;
    color: #484848;
    font-size: 25px
}

.UserMessage-Section {
    margin: 0;
    padding: 50px 0 0;
    height: 500px
}

.UserMessage-Section::after {
    clear: both;
    display: block;
    content: ""
}

.chat-avtar {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 44px;
    background: lightgray;
    border-radius: 50%;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    color: #3f2355;
    text-transform: uppercase;
    overflow: hidden;
    margin: 5px 0 0;
    float: left
}

.UserChat-Left {
    margin: 0 0 25px;
    padding: 0;
    width: 80%;
    display: flex;
    position: relative
}

.UserChat-Left img {
    margin: 0;
    padding: 0;
    max-width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left
}

.UserChat-Left .InnerChat-Head {
    margin: 0 0 10px 16px;
    padding: 0;
    float: left
}

.UserChat-Left .InnerChat-Head h1 {
    margin: 0;
    padding: 14px 50px 14px 16px;
    background: #f5f7fa;
    border-radius: 6px;
    color: #3f2355;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    display: block
}

.UserChat-Left .InnerChat-Head h2 {
    margin: 9px 0 0;
    padding: 0;
    font-size: 12px;
    font-family: "basis_grotesque_proregular";
    color: #828385;
    text-align: left;
    text-decoration: none
}

.UserChat-Left .InnerReply-Head {
    margin: 0 16px 0 0;
    padding: 0;
    float: left
}

.UserChat-Left .InnerReply-Head img {
    margin: 0 0 6px;
    padding: 0;
    max-width: 100%;
    border-radius: 10px;
    width: 120px;
    height: auto
}

.UserChat-Left .Emoji-Control {
    margin: 0;
    padding: 0;
    float: left;
    display: none
}

.UserChat-Left .Emoji-Control img {
    margin: 12px 0 0 7px;
    padding: 0;
    max-width: 100%;
    height: auto;
    cursor: pointer
}

.UserChat-Left .Emoji-Reaction {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
    top: -35px;
    left: 12px;
    z-index: 99
}

.UserChat-Left .Emoji-Reaction ul {
    margin: 0;
    padding: 0
}

.UserChat-Left .Emoji-Reaction li {
    padding: 0;
    list-style: none;
    background: #fff;
    border: .338218px solid rgba(27, 45, 73, 0.05);
    box-sizing: border-box;
    box-shadow: 2.02931px 8.45546px 27.0575px #9e0000;
    border-radius: 5.41149px;
    width: 33px;
    height: 21px;
    text-align: center;
    margin: 0 auto;
    display: flex
}

.UserChat-Left .Emoji-Reaction li img {
    margin: 2px auto 0;
    padding: 0;
    max-width: 100%;
    height: 14px;
    cursor: pointer;
    text-align: center
}

.UserChat-Right {
    margin: 0 0 25px;
    padding: 0;
    width: 80%;
    float: right;
    position: relative
}

.UserChat-Right img {
    margin: 0;
    padding: 0;
    max-width: 70px;
    height: 70px;
    border-radius: 50%;
    float: right
}

.UserChat-Right .InnerReply-Head {
    margin: 0 16px 0 0;
    padding: 0;
    float: right
}

.UserChat-Right .InnerReply-Head h1 {
    margin: 0;
    padding: 14px 50px 14px 16px;
    background: #fcece5;
    border-radius: 10px;
    color: #3f2355;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    display: block
}

.UserChat-Right .InnerReply-Head h2 {
    margin: 6px 0 0;
    padding: 0;
    font-size: 12px;
    font-family: "basis_grotesque_proregular";
    color: #828385;
    text-align: left;
    text-decoration: none;
    float: right
}

.UserChat-Right .InnerReply-Head img {
    margin: 0 0 6px;
    padding: 0;
    max-width: 100%;
    width: 120px;
    height: 120px;
    height: auto;
    border-radius: 10px
}

.Emojifile-List {
    margin: 12px 26px 0 0;
    padding: 0;
    position: absolute;
    right: -16px;
    top: 0;
    z-index: 99
}

.Emojifile-List ul {
    margin: 0;
    padding: 0
}

.Emojifile-List ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.Emojifile-List ul li i {
    margin: 0;
    padding: 0;
    color: #2f80ed;
    font-size: 24px;
    text-align: left
}

.Emojifile-List ul li .image-upload>input {
    display: none
}

.Emojifile-List ul li .image-upload img {
    width: 80px;
    cursor: pointer
}

.Emojifile-List ul li .image-upload i {
    margin: 0;
    padding: 0;
    color: #a7a9ad;
    font-size: 24px;
    width: 80px;
    cursor: pointer
}

.ChatMessage-Search {
    margin: 30px 0 0;
    padding: 0;
    width: 84%;
    position: relative;
    float: left
}

.ChatMessage-Search input {
    margin: 0;
    padding: 0 90px 0 30px;
    background: #fdfdfd;
    border: 1px solid #d1d3d6;
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    font-size: 14px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none;
    color: #828385;
    width: 100%;
    height: 60px
}

.ChatMessage-Search input::-webkit-input-placeholder {
    color: #828385
}

.ChatMessage-Search input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ChatMessage-Search input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ChatMessage-Search input:-ms-input-placeholder {
    color: #828385
}

.ChatMessage-Search input::-ms-input-placeholder {
    color: #828385
}

.ChatMessage-Search input::placeholder {
    color: #828385
}

.ChatMessage-Btn {
    margin: 30px 0 0 20px;
    padding: 0;
    width: 13%
}

.ChatMessage-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 6px;
    border: none;
    outline: none;
    height: 60px;
    width: 100%;
    line-height: 60px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-family: "basis_grotesque_probold";
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.css-1k1wa4q {
    position: absolute;
    bottom: 2px;
    right: 128px
}

.ModalBlock-User {
    margin: 0;
    padding: 0
}

.ModalBlock-User .block-modal-mobile {
    display: none
}

.ModalBlock-User .modal-content {
    border-radius: 20px;
    outline: 0;
    border: none
}

.ModalBlock-User .modal-dialog {
    max-width: 482px;
    margin: 0 auto
}

.BlockUser-Head {
    margin: 0 auto;
    padding: 0 0 40px;
    text-align: center;
    display: block
}

.BlockUser-Head h1 {
    margin: 0;
    padding: 10px 0 14px;
    font-family: "basis_grotesque_probold";
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 32px;
    border-bottom: 1px solid #d1d3d6
}

.BlockUser-Head p {
    margin: 0;
    padding: 16px 0 0;
    font-family: "basis_grotesque_proregular";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #644e77;
    line-height: 19.2px
}

.BlockBtn {
    margin: 0 auto 20px;
    padding: 0;
    float: none;
    text-align: center
}

.BlockBtn button {
    margin: 0 10px;
    padding: 0;
    background: #d4d0dd;
    border: none;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_probold";
    color: #644e77;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    height: 48px;
    width: 140px;
    line-height: 48px;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.BlockBtn button.active {
    background: #fb5100;
    color: #fff
}

.Block-ConverstionHead {
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.Block-ConverstionHead p {
    margin: 0 0 22px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    color: #897999
}

.Block-ConverstionHead button {
    margin: 0 21px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 38.4px
}

.Block-ConverstionHead button.active {
    color: #fb5100
}

.Small-ChatBlock {
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.Small-ChatBlock p {
    margin: 0 0 16px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    line-height: 16px;
    color: #897999
}

.Small-ChatBlock button {
    margin: 0 auto 5px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 25.5px;
    display: block
}

.Small-ChatBlock button.active {
    color: #fb5100
}

.ChatImage-Upload {
    background: #fff;
    border: 1px solid rgba(36, 44, 79, 0.05);
    box-shadow: 8px 26px 60px rgba(183, 186, 199, 0.2);
    border-radius: 10px 10px 0 0;
    width: 84%;
    padding: 20px;
    position: relative;
    top: 30px
}

.ChatImage-Upload .ImageList {
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
    position: relative
}

.ChatImage-Upload .ImageList .ImageHolder {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 140px;
    height: 85px;
    border-radius: 10px
}

.ChatImage-Upload .ImageList .ImageHolder img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.ChatImage-Upload .ImageList .ImageHolder i {
    color: #fb5100;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 6px
}

.StepLast-Container {
    margin: 0;
    padding: 0
}

.StepLast-Head {
    margin: 0;
    padding: 0
}

.StepLast-Head h1 {
    margin: 0 0 28px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 32px
}

.select-box {
    position: relative;
    display: block;
    width: 320px;
    margin: 0
}

.ListSource-Form {
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    position: relative
}

.ListSource-Form label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.ListSource-Form select,
.ListSource-Form input {
    margin: 0;
    padding: 0 0 0 18px;
    background: #fff;
    border: 1px solid #d4d0dd;
    font-family: "BasisGrotesquePro-Medium" !important;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-style: normal;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    height: 50px;
    width: 100%;
    color: #3f2355
}

.ListSource-Form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../image/info-arrow-down.svg) no-repeat center right 20px
}

.ListSource-Form input {
    color: #3f2355;
    font-size: 16px
}

.ListSource-Form input::-webkit-input-placeholder {
    color: #aaabad
}

.ListSource-Form input:-moz-placeholder {
    color: #aaabad;
    opacity: 1
}

.ListSource-Form input::-moz-placeholder {
    color: #aaabad;
    opacity: 1
}

.ListSource-Form input:-ms-input-placeholder {
    color: #aaabad
}

.ListSource-Form input::-ms-input-placeholder {
    color: #aaabad
}

.ListSource-Form input::placeholder {
    color: #aaabad
}

.ListSorce-MtO {
    margin-bottom: 16px !important
}

.VechileList-Head {
    margin: 0;
    padding: 0
}

.VechileList-Head h2 {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 32px
}

.VechileList-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px
}

.StockNumber-Container {
    margin: 40px 0 0;
    padding: 0;
    width: 100%
}

.StockNumber-Container::after {
    clear: both;
    display: block;
    content: ""
}

.StockNumber-Container .StockCon-Left,
.StockNumber-Container .StockCon-Right {
    margin: 0;
    padding: 0;
    float: left
}

.StockNumber-Container .StockCon-Left input {
    margin: 0;
    padding: 0 10px 0 16px;
    background: #fff;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #828385;
    text-align: left;
    text-decoration: none;
    height: 50px;
    width: 100%
}

.StockNumber-Container .StockCon-Right {
    float: right;
    width: 129px
}

.StockNumber-Container .StockCon-Left {
    width: calc(100% - 145px)
}

.StockNumber-Container .StockCon-Right button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    outline: none;
    border: none;
    height: 50px;
    width: 129px;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.VehicleFound-Container {
    margin: 25px 0 0;
    padding: 0
}

.VehicleFound-Container h1 {
    margin: 0 0 20px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 32px
}

.Vehicle-Ad2 {
    margin: 0;
    padding: 0;
    width: 100%
}

.Vehicle-Ad2::after {
    clear: both;
    display: block;
    content: ""
}

.Vehicle-Ad2:nth-child(even) {
    background: #f5f7fa;
    border-radius: 5px;
    padding: 9px 16px;
    display: flex
}

.Vehicle-Ad2:nth-child(odd) {
    background: #fff;
    padding: 9px 16px;
    display: flex
}

.Vehicle-Ad2 .Veh-Ad3,
.Vehicle-Ad2 .Veh-Ad4 {
    margin: 0;
    padding: 0;
    float: left;
    max-width: 65px;
    width: 100%
}

.Vehicle-Ad2 .Veh-Ad4 {
    float: right;
    width: 90%;
    max-width: 90%
}

.Vehicle-Ad2 .Veh-Ad3 h2,
.Vehicle-Ad2 .Veh-Ad4 h3 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px;
    position: relative
}

.Vehicle-Ad2 .Veh-Ad3 h2::after {
    content: ":";
    font-size: 16px;
    font-family: "basis_grotesque_probold";
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 10px;
    z-index: 99
}

.Vehicle-Ad2 .Veh-Ad4 h3 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    color: #fb5100
}

.MyApp-Head {
    margin: 0;
    padding: 0
}

.MyApp-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 30px
}

.MyAppRight-List {
    margin: 8px 0 0;
    padding: 0;
    float: right
}

.MyAppRight-List ul {
    margin: 0;
    padding: 0
}

.MyAppRight-List ul li {
    margin: 0 0 0 22px;
    padding: 0;
    list-style: none;
    float: left
}

.MyAppRight-List ul li h1,
.MyAppRight-List ul li h2,
.MyAppRight-List ul li h3,
.MyAppRight-List ul li h4,
.MyAppRight-List ul li h5,
.MyAppRight-List ul li h6 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 14px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    position: relative
}

.MyAppRight-List ul li h1::before,
.MyAppRight-List ul li h2::before,
.MyAppRight-List ul li h3::before,
.MyAppRight-List ul li h4::before,
.MyAppRight-List ul li h5::before,
.MyAppRight-List ul li h6::before {
    margin: 0 8px 0 0;
    padding: 0;
    content: "";
    background: #65d1ff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    float: left;
    position: relative;
    left: 0;
    top: -4px;
    z-index: 99
}

.MyAppRight-List ul li h2::before {
    background: #0ac660
}

.MyAppRight-List ul li h3::before {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 #000;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 5px 0 #000
}

.MyAppRight-List ul li h4::before {
    background: #ff3030
}

.MyAppRight-List ul li h5::before {
    background: #fed263
}

.MyAppRight-List ul li h6::before {
    background: #33363f
}

.MyApp-ThumText {
    margin: 20px 0 0;
    padding: 20px;
    background: #fff;
    box-shadow: 40px 20px 60px rgba(28, 37, 63, 0.05);
    border-radius: 10px
}

.MainApp-Container {
    box-shadow: none;
    border: 1px solid #eeeef0
}

.MyApp-ThumText .TopText-Head {
    margin: 0;
    padding: 0
}

.app-applicant-name {
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    line-height: 18px;
    color: #fb5100;
    margin: 10px 0 0;
    display: block
}

.MyApp-ThumText .TopText-Head h1,
.MyApp-ThumText .TopText-Head h3,
.MyApp-ThumText .TopText-Head h4,
.MyApp-ThumText .TopText-Head h5 {
    margin: 0;
    padding: 0 0 12px;
    border-bottom: 1px solid #eaeaeb;
    color: #3f2355;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    position: relative
}

.MyApp-ThumText .TopText-Head h1::after,
.MyApp-ThumText .TopText-Head h3:after,
.MyApp-ThumText .TopText-Head h4::after,
.MyApp-ThumText .TopText-Head h5::after {
    margin: 0;
    padding: 0;
    content: "";
    width: 16px;
    height: 16px;
    background: #65d1ff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.MyApp-ThumText .TopText-Head h3::after {
    background: #ff3030
}

.MyApp-ThumText .TopText-Head h3.unverified::after {
    background: #fed263
}

.MyApp-ThumText .TopText-Head h3.funded::after {
    background: #33363f
}

.MyApp-ThumText .TopText-Head h4::after {
    background: #0ac660
}

.MyApp-ThumText .TopText-Head h5::after {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 #000;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 5px 0 #000
}

.Dicline-Color {
    color: #ff3030 !important
}

.Pre-Approved-Color {
    color: #0ac660 !important
}

.Approved-Color {
    color: #000 !important
}

.MyApp-ThumText .TopText-Head h2 {
    margin: 12px 0 0;
    padding: 0;
    color: #65d1ff;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    position: relative
}

.MyApp-ThumText .TopText-Head h2.unverified {
    color: #fed263
}

.MyApp-ThumText .TopText-Head h2.funded {
    color: #33363f
}

.MyApp-ThumText .AmountRequest-Head {
    margin: 0;
    padding: 50px 0 0
}

.MyApp-ThumText .AmountRequest-Head h1 {
    margin: 0;
    padding: 0;
    color: #5b5b5c;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none
}

.MyApp-ThumText .AmountRequest-Head h2 {
    margin: 14px 0 0;
    padding: 0;
    color: #3f2355;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 34px;
    text-align: left;
    text-decoration: none;
    line-height: 25px
}

.MyApp-ThumText .AmountRequest-Head h2 span {
    font-size: 20px;
    position: relative;
    top: -5px
}

.MyApp-ThumText .AmountRequest-Head h3,
.MyApp-ThumText .AmountRequest-Head h4 {
    margin: 20px 0 0;
    padding: 0;
    color: #787878;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    line-height: 20px
}

.MyApp-ThumText .AmountRequest-Head h4 {
    font-size: 14px
}

.MyApp-ThumText .AmountRequest-Head h4 span {
    font-size: 14px;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    float: right;
    color: #3f2355
}

.MyApp-ThumText .AmountRequest-Head h3 i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 20px
}

.MyApp-ThumText .AmountRequest-Head a {
    margin: 20px 0 0;
    padding: 6px 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    text-align: center;
    text-decoration: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.MyApp-ThumText .AmountRequest-Head a:hover,
.MyApp-ThumText .AmountRequest-Head a:focus,
.MyApp-ThumText .AmountRequest-Head a:active {
    background: #3f2355;
    border: 1px solid #3f2355
}

.PastApp-Head {
    margin: 40px 0 10px;
    padding: 0
}

.PastApp-Head h5 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 28px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 30px
}

.AppInfo-Container {
    margin: 20px 0 0;
    padding: 20px;
    background: #fff;
    box-shadow: 40px 20px 60px rgba(28, 37, 63, 0.05);
    border-radius: 10px
}

.AppInfo-Container .AppInfo-Head {
    margin: 0;
    padding: 0
}

.AppInfo-Container .AppInfo-Head h1 {
    margin: 0 0 12px;
    padding: 0 0 12px;
    color: #3f2355;
    font-weight: 500;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #eaeaeb
}

.AppInfo-Container .AppInfo-Head h1 span {
    color: #000;
    font-size: 14px;
    text-align: right;
    float: right;
    position: relative;
    padding-right: 30px
}

.AppInfo-Container .AppInfo-Head h1 span::after {
    content: "";
    background: #5799f1;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 99
}

.AppContent-Container {
    margin: 0;
    padding: 0
}

.AppContent-Container::after {
    content: "";
    clear: both;
    display: block
}

.AppContent-Container .AppContent-Left,
.AppContent-Container .AppContent-Right {
    margin: 0;
    padding: 0;
    float: left
}

.AppContent-Container .AppContent-Left h1 {
    margin: 0 0 10px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 24px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 20px
}

.AppContent-Container .AppContent-Left h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 12px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 24px
}

.AppContent-Container .AppContent-Right {
    float: right
}

.AppContent-Container .AppContent-Right h3 {
    margin: 0 0 10px;
    padding: 0;
    color: #5b5b5c;
    font-size: 14px;
    font-family: "basis_grotesque_proregular";
    text-align: right;
    text-decoration: none
}

.AppContent-Container .AppContent-Right h4 {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-weight: 700;
    font-size: 34px;
    font-family: "basis_grotesque_probold";
    text-align: right;
    text-decoration: none
}

.AppContent-Container .AppContent-Right h4 span {
    font-size: 20px;
    position: relative;
    top: -5px;
    left: 4px;
    z-index: 99
}

.AppContent-Container .AppContent-Right h5 {
    margin: 25px 0 0;
    padding: 0;
    color: #3f2355;
    font-size: 14px;
    font-family: "basis_grotesque_proregular";
    text-align: right;
    text-decoration: none
}

.AppFinance-Container {
    margin: 20px 0 0;
    padding: 20px;
    border-radius: 10px;
    background: #fff
}

.AppFinance-Container .AppFinance-Head {
    margin: 0;
    padding: 0
}

.AppFinance-Container .AppFinance-Head h1 {
    margin: 0 0 12px;
    padding: 0 0 12px;
    color: #3f2355;
    font-weight: 500;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none;
    border-bottom: 1px solid #eaeaeb
}

.AppInner-Container {
    margin: 0;
    padding: 0
}

.AppInner-Container::after {
    clear: both;
    display: block;
    content: ""
}

.AppInner-Container .AppInner-Left,
.AppInner-Container .AppInner-Right {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%
}

.AppInner-Container .AppInner-Left h1,
.AppInner-Container .AppInner-Left h1 span {
    margin: 0 0 30px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 12px;
    font-weight: 500;
    color: #5b5b5c;
    text-align: left;
    text-decoration: none
}

.AppInner-Container .AppInner-Left h1 span {
    color: #3f2355;
    font-size: 16px;
    margin: 6px 0 0;
    display: block
}

.AppInner-Container .AppInner-Left h1 span small {
    position: relative;
    top: -1px;
    left: 2px;
    z-index: 99
}

.AppInner-Container .AppInner-Btm {
    margin: 0;
    padding: 0
}

.AppInner-Container .AppInner-Btm h4 {
    margin: 0 0 8px;
    padding: 0;
    color: #5b5b5c;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none
}

.AppInner-Container .AppInner-Btm h5 {
    margin: 0;
    padding: 0;
    color: #fb5100;
    font-family: "basis_grotesque_probold";
    font-size: 34px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    line-height: 30px
}

.AppInner-Container .AppInner-Btm h5 small {
    position: relative;
    top: -4px;
    left: 0;
    font-size: 20px;
    margin-right: 4px;
    z-index: 99
}

.AppInner-Container .AppInner-Btm h5 span {
    font-size: 20px;
    position: relative;
    top: -5px;
    left: 6px;
    z-index: 99
}

.FinanceThat-Form {
    margin: 0;
    padding: 0
}

.FinanceThat-Form::after {
    clear: both;
    display: block;
    content: ""
}

.FinanceThat-Form label {
    margin: 0 0 10px;
    padding: 0;
    color: #3f2355;
    font-weight: 500;
    font-size: 14px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none
}

.FinanceThat-Form input {
    margin: 0;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    color: #828385;
    text-align: left;
    text-decoration: none;
    float: left;
    width: 75%;
    height: 38px
}

.FinanceThat-Form input::-webkit-input-placeholder {
    color: #828385
}

.FinanceThat-Form input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.FinanceThat-Form input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.FinanceThat-Form input:-ms-input-placeholder {
    color: #828385
}

.FinanceThat-Form input::-ms-input-placeholder {
    color: #909
}

.FinanceThat-Form input::placeholder {
    color: #828385
}

.FinanceThat-Form button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    height: 38px;
    width: 22%;
    float: right;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.FinanceThat-Form button:hover,
.FinanceThat-Form button:focus,
.FinanceThat-Form button:active {
    background: #3f2355;
    border: 1px solid #3f2355
}

.StockFound-Container {
    margin: 20px 0 0;
    padding: 0
}

.StockFound-Container::after {
    clear: both;
    display: block;
    content: ""
}

.StockFound-Container h4 {
    margin: 0 0 10px;
    padding: 0;
    color: #3f2355;
    font-weight: 500;
    font-size: 14px;
    font-family: "basis_grotesque_proregular";
    text-align: left;
    text-decoration: none
}

.StockFound-Container .StockFound-InnerCont {
    margin: 0;
    padding: 0;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    height: 38px;
    width: 75%;
    float: left
}

.StockFound-Container .StockFound-InnerCont h3,
.StockFound-Container .StockFound-InnerCont h4,
.StockFound-Container .StockFound-InnerCont h5 {
    margin: 0;
    padding: 0 10px;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 38px;
    float: left;
    position: relative;
    width: 13%
}

.StockFound-Container .StockFound-InnerCont h3::after,
.StockFound-Container .StockFound-InnerCont h4::after {
    content: "";
    background: #d4d0dd;
    height: 26px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 99
}

.StockFound-Container .StockFound-InnerCont h4 {
    color: #5b5b5c;
    padding: 0 10px;
    width: 68%;
    text-align: center
}

.StockFound-Container .StockFound-InnerCont h5 {
    padding: 0;
    float: right;
    margin: 0 15px 0 0
}

.StockFound-Container .Attach-upload {
    margin: 0;
    padding: 0
}

.StockFound-Container .Attach-upload>input {
    display: none
}

.StockFound-Container .Attach-upload label {
    margin: 0;
    padding: 0;
    background: #b1e86f;
    border: 1px solid #b1e86f;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 22%;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    float: right;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.StockFound-Container .Attach-upload i {
    margin: 0;
    padding: 0;
    color: #2f80ed;
    font-size: 24px;
    width: 80px;
    cursor: pointer
}

.StockFound-Container .Attach-upload label:hover,
.StockFound-Container .Attach-upload label:focus,
.StockFound-Container .Attach-upload label:active {
    background: #3f2355;
    border: 1px solid #3f2355
}

.ThirdParty-Form,
.ThirdParty-Seller-Form {
    margin: 0 0 20px;
    padding: 0
}

.ThirdParty-Form::after,
.ThirdParty-Seller-Form::after {
    clear: both;
    display: block;
    content: ""
}

.ThirdParty-Form label,
.ThirdParty-Seller-Form label {
    margin: 0 0 10px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 14px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.ThirdParty-Form input,
.ThirdParty-Form select,
.ThirdParty-Seller-Form input,
.ThirdParty-Seller-Form select {
    margin: 0;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    color: #828385;
    text-align: left;
    text-decoration: none;
    float: left;
    width: 100%;
    height: 38px
}

.ThirdParty-Form input::-webkit-input-placeholder,
.ThirdParty-Seller-Form input::-webkit-input-placeholder {
    color: #828385
}

.ThirdParty-Form input:-moz-placeholder,
.ThirdParty-Seller-Form input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ThirdParty-Form input::-moz-placeholder,
.ThirdParty-Seller-Form input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.ThirdParty-Form input:-ms-input-placeholder,
.ThirdParty-Seller-Form input:-ms-input-placeholder {
    color: #828385
}

.ThirdParty-Form input::-ms-input-placeholder,
.ThirdParty-Seller-Form input::-ms-input-placeholder {
    color: #909
}

.ThirdParty-Form input::placeholder,
.ThirdParty-Seller-Form input::placeholder {
    color: #828385
}

.ThirdParty-Form select,
.ThirdParty-Seller-Form select {
    background: #f5f7fa url(../image/caret-down.svg) no-repeat top 15px right 15px;
    background-size: 13px;
    border: none;
    color: #5b5b5c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ThirdParty-Seller-Form {
    margin: 0 0 15px
}

.ThirdParty-Btn {
    margin: 2px 0 0;
    padding: 0
}

.ThirdParty-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    display: block;
    width: 100%;
    height: 38px;
    line-height: 36px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ThirdParty-Btn button:hover,
.ThirdParty-Btn button:focus,
.ThirdParty-Btn button:active {
    background: #3f2355;
    border: 1px solid #3f2355
}

.ThirdParty-Btn .Mt-top {
    margin-top: 34px
}

.ThirdParty-Form .form-control:focus,
.ThirdParty-Seller-Form .form-control:focus,
.FinanceThat-Form .form-control:focus {
    background-color: #fff;
    border-color: rgba(251, 81, 0, 0.25);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(251, 81, 0, 0.25)
}

.UpldDment-Container {
    margin: 25px 0 50px;
    padding: 0;
    background: #fff;
    border-radius: 10px
}

.UpldDment-Container .UpldDment-Header {
    margin: 0;
    padding: 30px
}

.UpldDment-Container .UpldDment-Header h1 {
    margin: 0;
    padding: 0 0 12px;
    color: #3f2355;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    border-bottom: 1px solid #e6e6e6
}

.UpldDment-Container .UpldDment-Header p {
    margin: 0;
    padding: 16px 0 0;
    color: #828385;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    line-height: 24px
}

.Filetype-form {
    margin: 0;
    padding: 0
}

.Filetype-form label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 20px
}

.Filetype-form select {
    margin: 0;
    padding: 0 10px 0 16px;
    background: #f5f7fa url(../image/caret-down.svg) no-repeat top 20px right 20px;
    background-size: 15px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    color: #5b5b5c;
    height: 50px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Filetype-form .form-control:focus {
    background-color: #fff;
    border-color: rgba(251, 81, 0, 0.25);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(251, 81, 0, 0.25)
}

.Filetype-form .fileinput-button {
    margin: 38px 0 0;
    padding: 0;
    border: 1px dashed #d1d3d6;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    color: #3f2355;
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    cursor: pointer
}

.fileinput-button i {
    font-size: 24px;
    color: #3f2355;
    margin-right: 3px
}

.Filetype-form button {
    margin: 38px 0 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    color: #fff;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px
}

.AddText {
    margin: 0;
    padding: 0;
    text-align: center
}

.AddText p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    color: #3f2355
}

.HeadLast-Text {
    margin: 0;
    padding: 0;
    text-align: right
}

.HeadLast-Text h3 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    display: inline-block
}

.HeadLast-Text button {
    margin: 0 0 0 30px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none
}

.UpldDment-Container #actions {
    margin: 2em 0
}

.UpldDment-Container div.table {
    display: table
}

.UpldDment-Container div.table .file-row {
    display: table-row
}

.UpldDment-Container div.table .file-row>div {
    display: table-cell;
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding: 16px 0
}

.UpldDment-Container div.table .file-row:nth-child(odd) {
    background: #fff
}

.UpldDment-Container #total-progress {
    opacity: 0;
    transition: opacity .3s linear
}

#previews .file-row.dz-success .progress {
    opacity: 0;
    transition: opacity .3s linear
}

.UpldDment-Container #previews .file-row .delete {
    display: none
}

.UpldDment-Container #previews .file-row.dz-success .start,
.UpldDment-Container #previews .file-row.dz-success .cancel {
    display: none
}

.UpldDment-Container #previews .file-row.dz-success .delete {
    display: block
}

.DropZone-Container {
    margin: 0;
    padding: 0 15px
}

.SecAboutUs-Banner {
    margin: 0;
    padding: 120px 0 50px;
    background: #fbf9f9;
    position: relative
}

.AboutUs-HeadLeft {
    margin: 0;
    padding: 0
}

.AboutUs-HeadLeft h1 {
    margin: 0;
    padding: 0;
    font-family: "freightdispproblauploadedfile";
    font-size: 48px;
    line-height: 62px;
    letter-spacing: -0.1px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.AboutUs-HeadLeft p,
.AboutUs-HeadLeft a {
    margin: 30px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.AboutUs-HeadLeft a {
    color: #fb5100;
    margin: 0 0 0 5px
}

.AboutUs-HeadRight {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.AboutUs-HeadRight img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 375px
}

.FinanceThat-About {
    margin: 200px 0 0;
    padding: 0;
    background: #fff url(../image/about-bg-1.png) no-repeat bottom left
}

.FinanceThatLeft {
    margin: 0;
    padding: 0;
    float: left
}

.FinanceThatLeft img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.FinanceThatRight {
    margin: 0;
    padding: 0
}

.FinanceThatRight h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.001em;
    color: #3f2355;
    text-decoration: none;
    text-align: left;
    position: relative
}

.FinanceThatRight h1::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 99;
    width: 150px;
    height: 4px;
    background: #fb5100
}

.FinanceThatRight p {
    margin: 60px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.Sec-AboutUsIcon {
    margin: 0;
    padding: 180px 0;
    background: #fff url(../image/about-bg-2.png) no-repeat bottom right
}

.AboutIcon-Container {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table
}

.AboutIcon-Container .AboutInner {
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    line-height: 180px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.AboutIcon-Container .AboutInner img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.AboutIcon-Container h1 {
    margin: 30px 0 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.001em;
    color: #3f2355
}

.AboutIcon-Container:hover .AboutInner {
    box-shadow: 20px 60px 100px rgba(18, 47, 66, 0.06);
    border: 1px solid #fff
}

.ContactUs-Section {
    margin: 0;
    padding: 0;
    background: url(../image/contact-bg-1.png) right top 170px no-repeat
}

.SimplyFill-Container {
    margin: 200px 0 0;
    padding: 80px 150px 100px;
    background: #fff;
    border: .5px solid #d1d3d6;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0 10px 60px rgba(21, 28, 56, 0.02)
}

.SimplyFill-Head {
    margin: 0;
    padding: 0 0 80px
}

.SimplyFill-Head h2 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: -0.1px;
    line-height: 27.13px
}

.SimplyFill-Form {
    margin: 0 0 40px;
    padding: 0
}

.SimplyFill-Form label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    letter-spacing: -0.0008em;
    color: #828385;
    line-height: 28px
}

.SimplyFill-Form input,
.SimplyFill-Form textarea {
    margin: 0;
    padding: 0 10px 0 20px;
    background: #f1f3f5;
    border-radius: 10px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    width: 100%;
    height: 62px
}

.SimplyFill-Form textarea {
    color: #aaabad;
    height: 180px;
    resize: none;
    padding-top: 20px
}

.SimplyFill-Form input::-webkit-input-placeholder {
    color: #3f2355
}

.SimplyFill-Form input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.SimplyFill-Form input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.SimplyFill-Form input:-ms-input-placeholder {
    color: #3f2355
}

.SimplyFill-Form input::-ms-input-placeholder {
    color: #3f2355
}

.SimplyFill-Form input::placeholder {
    color: #3f2355
}

.SimplyFill-Form textarea::-webkit-input-placeholder {
    color: #aaabad
}

.SimplyFill-Form textarea:-moz-placeholder {
    color: #aaabad
}

.SimplyFill-Form textarea:-ms-input-placeholder {
    color: #aaabad
}

.SimplyFill-Form textarea::-ms-input-placeholder {
    color: #aaabad
}

.SimplyFill-Form textarea::placeholder {
    color: #aaabad
}

.SimplyFill-Form button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border: 1px solid #fb5100;
    border-radius: 10px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 170px;
    height: 45px;
    line-height: 45px
}

.Section-GeneralInquiry {
    margin: 0;
    padding: 100px 0 350px;
    background: url(../image/contact-bg-2.png) no-repeat bottom -130px left
}

.GeneralInquiry {
    margin: 0;
    padding: 80px;
    border: .5px solid #d1d3d6;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.6)
}

.GeneralInquiry-Head {
    margin: 0;
    padding: 0;
    position: relative
}

.GeneralInquiry-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 42px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.GeneralInquiry-Head p {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 24.11px
}

.GeneralInquiry-Head .GeneralCon-List {
    margin: 30px 0 0;
    padding: 0
}

.GeneralInquiry-Head .GeneralCon-List ul::after {
    clear: both;
    display: block;
    content: ""
}

.GeneralInquiry-Head .GeneralCon-List ul {
    margin: 0;
    padding: 0
}

.GeneralInquiry-Head .GeneralCon-List ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.GeneralInquiry-Head .GeneralCon-List ul li:nth-child(2) {
    margin: 0 0 0 25px
}

.GeneralInquiry-Head .GeneralCon-List ul li:nth-child(3) {
    margin-top: 20px
}

.GeneralInquiry-Head .GeneralCon-List ul li h1,
.GeneralInquiry-Head .GeneralCon-List ul li a {
    margin: 0;
    padding: 0;
    color: #2f80ed;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    line-height: 27.6px;
    text-align: left;
    text-decoration: none;
    position: relative
}

.GeneralInquiry-Head .GeneralCon-List ul li h1::before,
.GeneralInquiry-Head .GeneralCon-List ul li a::before {
    margin: 0 10px 0 0;
    padding: 0;
    background: #e6e6e6;
    width: 40px;
    height: 40px;
    content: "";
    display: inline-block;
    line-height: 40px;
    font-family: "fontello";
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    color: #3f2355
}

.GeneralInquiry-Head .GeneralCon-List ul li a::before {
    content: ""
}

.GeneralInquiry-Head .CenterLine {
    margin: 0;
    padding: 0;
    background: #d1d3d6;
    height: 170px;
    width: .5px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 99
}

.Sec-PrivacyPolicy {
    margin: 0;
    padding: 0;
    background: #fbf9f9;
    overflow: hidden
}

.PrivacyPolicy-Head {
    margin: 0;
    padding: 90px 0 0
}

.PrivacyPolicy-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "freightdispproblauploadedfile";
    font-size: 48px;
    line-height: 62px;
    letter-spacing: -0.1px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.PrivacyPolicy-Head p {
    margin: 20px 0 0;
    padding: 0 85px 0 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.PrivacyPolicy-Image {
    margin: 0;
    padding: 0
}

.PrivacyPolicy-Image img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.PrivacyTerm-Container {
    margin: 120px 0;
    padding: 80px;
    border: .5px solid #d1d3d6;
    box-sizing: border-box;
    border-radius: 20px;
    background: #fff
}

.PrivacyTerm-Head {
    margin: 0;
    padding: 0
}

.PrivacyTerm-Head h1 {
    margin: 0 0 40px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 34px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.PrivacyTerm-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 32px
}

.PrivacyTerm-Head p span {
    font-family: "basis_grotesque_probold";
    font-weight: 700
}

.PrivacyTerm-Container .sec-mt {
    margin-top: 80px
}

.PrivacyTerm-Head ul {
    margin: 0;
    padding: 0
}

.PrivacyTerm-Head ul li {
    margin: 0;
    padding: 0 0 0 25px;
    list-style: none;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 40px;
    position: relative
}

.PrivacyTerm-Head ul li::before {
    margin: 0;
    padding: 0;
    background: #3f2355;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 99
}

.ad-post-body-main,
.App-post-body-main {
    display: table;
    width: 100%;
    height: 100%;
    padding: 55px 0 0 100px
}

.ad-post-body-main {
    overflow: hidden
}

.App-post-body-main {
    padding: 55px 0 0 100px
}

.App-post-body-main .ad-post-left-section {
    padding-bottom: 33px
}

.boxed-grid-main {
    margin: 0 -8px
}

.boxed-grid-col {
    width: 25%;
    float: left;
    padding: 0 8px 16px
}

.Section-AddPost {
    margin: 0;
    padding: 40px 36px 77px;
    background: #f8f8f8
}

.PostAdd-Container {
    margin: 0 30px;
    padding: 42px 0 0;
    background: #fff;
    border-radius: 10px
}

.PostAdd-ImgRight {
    margin: 0;
    padding: 0;
    width: 45%;
    display: table-cell;
    vertical-align: bottom
}

.PostAdd-ImgRight img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.PostAdd-TopList,
.PostApp-TopList {
    margin: 0;
    text-align: center
}

.PostApp-Status .top-status-bar {
    max-width: 1148px;
    margin: 40px auto 0
}

.top-status-bar {
    max-width: 1000px;
    margin: 42px auto 0
}

.top-status-bar-inner {
    background-color: #eeeef0;
    height: 8px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.top-status-bar-inner .filled-status-bar {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fb5100;
    width: 20%;
    height: 100%
}

.PostAdd-TopList::after,
.PostApp-TopList::after {
    display: block;
    content: "";
    clear: both
}

.PostAdd-TopList ul,
.PostApp-TopList ul {
    margin: 0;
    padding: 0
}

.PostAdd-TopList ul li,
.PostApp-TopList ul li {
    margin: 0 15px 0 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer
}

.post-ad-left-side-col {
    width: 108px;
    max-width: 108px
}

.PostAdd-TopList ul li a,
.PostApp-TopList ul li a {
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    color: #aaabad;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    background: #e6e6e6;
    border-radius: 50px;
    height: 36px;
    width: 36px;
    outline: none;
    line-height: 36px;
    position: relative;
    display: inline-block;
    margin: 0 0 0 15px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.PostApp-TopList ul li a {
    margin: 0 0 0 13px
}

.PostAdd-TopList ul li:first-child a,
.PostApp-TopList ul li:first-child a {
    margin-left: 0
}

.PostAdd-TopList ul li:last-child,
.PostApp-TopList ul li:last-child {
    margin-right: 0
}

.PostAdd-TopList ul li:last-child h1,
.PostApp-TopList ul li:last-child h1 {
    min-width: auto;
    margin: 0
}

.PostAdd-TopList ul li.active a,
.PostApp-TopList ul li.active a {
    background-color: #81db0f !important;
    background-image: url(../image/checkmark.svg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    color: #81db0f !important
}

.PostAdd-TopList ul li.activetext h1,
.PostApp-TopList ul li.activetext h1 {
    color: #81db0f
}

.PostAdd-TopList ul li.headactive h1,
.PostAdd-TopList ul li.headactive a,
.PostApp-TopList ul li.headactive h1,
.PostApp-TopList ul li.headactive a {
    color: #3f2355
}

.PostAdd-TopList ul li.headactive a,
.PostApp-TopList ul li.headactive a {
    background-color: #ebe8ee
}

.PostAdd-TopList ul li h1,
.PostApp-TopList ul li h1 {
    margin: 0 23px 0 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    color: #828385;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    min-width: 66px
}

.PostApp-TopList ul li h1 {
    margin: 0 25px 0 0
}

.PostApp-TopList ul li:nth-child(4) h1 {
    margin: 0;
    min-width: 86px
}

.PostApp-TopList ul li:nth-child(2) :after,
.PostApp-TopList ul li:nth-child(4) :after,
.PostApp-TopList ul li:nth-child(6) :after,
.PostAdd-TopList ul li:nth-child(2) :after,
.PostAdd-TopList ul li:nth-child(4) :after,
.PostAdd-TopList ul li:nth-child(6) :after,
.PostAdd-TopList ul li:nth-child(10) :after {
    width: 1px;
    height: 40px;
    background: #e8e8e8;
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 99
}

.PostAddMain-Scroll {
    margin: 0 0 0 100px;
    padding: 0
}

.ad-post-left-section {
    max-width: 688px;
    width: 100%;
    float: left;
    padding: 0 0 113px;
    min-height: 700px
}

.AdPost-SecOne {
    margin: 0;
    padding: 0
}

.AdPost-SecOne h6 {
    margin: 0 0 40px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.AdPost-SecOne .AdPost-Thumble {
    margin: 0 auto;
    padding: 40px 10px 0;
    background: #fbfcfd;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    min-height: 180px
}

.AdPost-SecOne .AdPost-Thumble .icon-holder {
    max-width: 100px;
    max-height: 100px;
    height: 81px;
    margin: 0 auto;
    display: block;
    position: relative
}

.AdPost-SecOne .AdPost-Thumble img {
    margin: 0;
    padding: 0;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.AdPost-SecOne .AdPost-Thumble h1 {
    margin: 0;
    padding: 12px 0 19px;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #3f2355;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.AdPost-SecOne .AdPost-Thumble:hover {
    box-shadow: 20px 16px 30px rgba(18, 31, 69, 0.06);
    background: #fff
}

.AdPost-SecOne .AdPost-CheckBox {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.AdPost-SecOne .AdPost-CheckBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.AdPost-SecOne .checkadpost {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #fbfcfd
}

.AdPost-SecOne .AdPost-CheckBox:hover input~.checkadpost {
    background-color: #fff
}

.AdPost-SecOne .AdPost-CheckBox input:checked~.checkadpost {
    background: #81db0f
}

.AdPost-SecOne .checkadpost:after {
    content: "";
    position: absolute;
    display: none
}

.AdPost-SecOne .AdPost-CheckBox input:checked~.checkadpost:after {
    display: block
}

.AdPost-SecOne .AdPost-CheckBox .checkadpost:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.Section-AddPost .content {
    height: 400px
}

.Section-AddPost .mCSB_scrollTools {
    position: absolute;
    width: auto;
    height: auto;
    left: auto;
    top: 0;
    right: auto;
    bottom: 0
}

.Section-AddPost .mCSB_inside>.mCSB_container {
    margin-left: 50px
}

.Section-AddPost .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f5f7fa
}

.Section-AddPost .mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.Section-AddPost .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fb5100
}

.Section-AddPost .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 8px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align: center
}

.VehicleForm-Head {
    margin: 0;
    padding: 0
}

.VehicleForm-Head label {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.post-ad-tabular-filer-inner {
    display: table;
    width: 100%
}

.post-ad-tabular-filter-row {
    display: table-row
}

.post-ad-tabular-filter-col {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 25px
}

.post-ad-tabular-filter-col:first-child {
    width: 235px
}

.games-dropdown-2 {
    background-color: #000 !important
}

.VehicleForm-Head input,
.VehicleForm-Head select {
    margin: 0;
    padding: 0 15px 0 50px;
    background: #fff url(../image/adpost-search.svg) no-repeat center left 15px;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #828385;
    width: 100%;
    height: 48px
}

.SelectCar-Brand {
    margin: 0 auto;
    background: #fbfcfd;
    padding: 4px 16px;
    border: 1px solid #eeeef0;
    border-radius: 10px;
    text-align: center;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    color: #3f2355;
    cursor: pointer;
    display: block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SelectCar-Brand img {
    margin: 0;
    max-width: 100%;
    display: inline-block !important;
    width: auto !important;
    max-height: 75px
}

.BrandMt {
    margin-top: 40px
}

.SelectCar-Brand:focus,
.SelectCar-Brand.active,
.SelectCar-Brand:hover {
    background: #faeeea;
    border: 1px solid #fb5100
}

.AdPost-SecTwo,
.AdPost-SecThree,
.AdPost-SecFour,
.AdPost-SecFive,
.AdPost-SecSix,
.AdPost-SecSeven {
    margin: 0;
    padding: 0
}

.AdPost-SecThree .two-col-grid {
    margin-top: 0
}

.section-heading.top-heading-m {
    margin-bottom: 22px
}

.AdPost-SecTwo h6 {
    margin: 0 0 19px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.AdPost-SecTwo h6.quick-search-heading {
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    line-height: 25px;
    color: #828385
}

.AdPost-SecThree .VehicleChoose-Name,
.AdPost-SecFour .VehicleChoose-Name {
    margin: 0 auto;
    padding: 0;
    background: #fbfcfd;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.AdPost-SecThree .VehicleChoose-Name h1,
.AdPost-SecFour .VehicleChoose-Name h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 60px
}

.AdPost-SecThree .VehicleChoose-Name.active,
.AdPost-SecFour .VehicleChoose-Name.active,
.AdPost-SecThree .VehicleChoose-Name:hover,
.AdPost-SecFour .VehicleChoose-Name:hover {
    border: 1px solid #fb5100;
    background: #faeeea
}

.AdPost-SecFive .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 10px
}

.AdPost-SecFive .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 48px;
    user-select: none;
    -webkit-user-select: none
}

.Kilometter-Form,
.Price-Form {
    margin: 0 0 50px;
    padding: 0;
    position: relative
}

.Kilometter-Form label,
.Price-Form label {
    margin: 0 0 20px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.Kilometter-Form input,
.Price-Form input {
    margin: 0;
    padding: 0 15px 0 45px;
    background: #fbfcfd url(../image/dollar-sign.svg) no-repeat left 15px top 14px;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    height: 50px;
    width: 100%
}

.Price-Form input.rv-length,
.Kilometter-Form input.rv-weight {
    background-image: none;
    padding: 0 15px 0 16px
}

.srv-validation-message {
    color: red;
    font-size: 12px
}

.validation-message {
    font-size: 12px
}

.Kilometter-Form input {
    background: #fbfcfd url(../image/kilometter-icon.svg) no-repeat left 15px top 14px
}

.Kilometter-Form input::-webkit-input-placeholder,
.Price-Form input::-webkit-input-placeholder {
    color: #3f2355
}

.Kilometter-Form input:-moz-placeholder,
.Price-Form input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.MyApp-ThumText .TopText-Head h5::after {
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 #000;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 5px 0 #000
}

.MyApp-ThumText .TopText-Head h3.withdraw::after {
    background: #aaa9ad
}

.Dicline-Color {
    color: #ff3030 !important
}

.Kilometter-Form input::-ms-input-placeholder,
.Price-Form input::-ms-input-placeholder {
    color: #3f2355
}

.Kilometter-Form input::placeholder,
.Price-Form input::placeholder {
    color: #3f2355
}

.SecSeven-Btn {
    margin: 0;
    padding: 0;
    float: right
}

.two-col-grid .col-outer {
    width: 50%;
    float: left;
    padding: 8px
}

.two-col-grid,
.three-col-grid {
    margin: 11px -8px 0
}

.three-col-grid .col-outer {
    width: 33.3%;
    float: left;
    padding: 8px
}

.MyApp-ThumText .TopText-Head h2.withdraw {
    color: #aaa9ad
}

.MyApp-ThumText .AmountRequest-Head {
    margin: 0;
    padding: 50px 0 0
}

.section-heading {
    margin: 0 0 30px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    line-height: 32px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.SecSeven-Btn button {
    margin: 39px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 140px;
    height: 48px;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.SecSeven-Btn.previous-btn button {
    width: auto;
    background-color: transparent;
    color: #3f2355
}

.SecSeven-Btn.previous-btn button i {
    color: #3f2355;
    font-weight: 700;
    margin: 0 15px 0 0
}

.SecSeven-Btn button i {
    margin: 0 0 0 15px;
    padding: 0;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 1px
}

.hull-material-head {
    margin-bottom: 50px !important
}

.hull-material-head .section-heading {
    margin: 0 0 20px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.SecEight-DropMenu {
    margin: 0;
    padding: 0
}

.SecEight-DropMenu label {
    margin: 10px 0 30px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.SecEight-DropMenu select {
    margin: 0;
    padding: 0 30px;
    background: #fbfcfd url(../image/info-arrow-down.svg) no-repeat center right 30px;
    background-size: 12px;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    height: 62px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.ColorPost-Container {
    margin: 0;
    padding: 0;
    background: #fbfcfd;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 10px;
    height: 62px;
    width: 100%;
    text-align: center;
    position: relative
}

.filter-two-col {
    margin: 0 -7px
}

.filter-two-col.owners-main .filters-inner-col:first-child {
    width: 42%
}

.filter-two-col.owners-main .filters-inner-col {
    width: 58%
}

.filters-vehicle-type {
    overflow: hidden;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transform: scaleY(0.9);
    transform-origin: center
}

.filters-vehicle-type.show {
    transform: scaleY(1)
}

.LeftMenu-Container .price-main {
    margin-top: 11px
}

.LeftMenu-Container .form-control {
    font-family: "BasisGrotesquePro-Medium";
    padding: 0 8px;
    border: none;
    height: 34.94px;
    background: #eeeef0 !important;
    border: .727907px solid #d1d3d6;
    border-radius: 7.27907px;
    line-height: auto;
    font-size: 13.1023px;
    color: #3f2355
}

.LeftMenu-Container label {
    display: block;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 11.6465px;
    line-height: 15.37px;
    color: rgba(63, 35, 85, 0.7);
    margin: 0 0 8px
}

.filter-two-col .filters-inner-col {
    width: 50%;
    float: left;
    padding: 0 7px
}

.filters-color-main .ColorPost-Container .color-box {
    background: #fbfcfd;
    border: 1.01801px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 5.09007px;
    height: 38px
}

.filters-color-main {
    margin: -10px -4px 0
}

.filters-color-main .ColorPost-Container {
    width: 50%;
    float: left;
    padding: 0 4px;
    height: 38px !important;
    background-color: transparent;
    border-radius: 0;
    border-color: transparent;
    margin: 10px 0 0;
    border: none !important
}

.filters-color-main .ColorPost-Container.active {
    border: transparent;
    background: transparent
}

.filters-color-main .ColorPost-Container.active .color-box {
    background-color: #faeeea;
    border-color: #fb5100
}

.filters-color-main .ColorPost-Container h1 {
    font-family: "basis_grotesque_proregular" !important;
    line-height: 38px !important;
    font-size: 11.6465px !important;
    color: #3f2355 !important
}

.filters-color-main .ColorPost-Container h1:before {
    width: 12px !important;
    height: 12px !important;
    top: 2px !important
}

.ColorPost-Container .ColorGreen,
.ColorPost-Container .ColorYellow,
.ColorPost-Container .ColorOrange,
.ColorPost-Container .ColorPurple,
.ColorPost-Container .ColorBlue,
.ColorPost-Container .ColorSilver,
.ColorPost-Container .ColorBlack,
.ColorPost-Container .ColorRed,
.ColorPost-Container .ColorGold,
.ColorPost-Container .ColorGrey,
.ColorPost-Container .ColorBiege,
.ColorPost-Container .ColorBrown {
    margin: 0;
    padding: 0;
    cursor: pointer
}

.ColorPost-Container .ColorGreen h1,
.ColorPost-Container .ColorYellow h1,
.ColorPost-Container .ColorOrange h1,
.ColorPost-Container .ColorPurple h1,
.ColorPost-Container .ColorBlue h1,
.ColorPost-Container .ColorSilver h1,
.ColorPost-Container .ColorBlack h1,
.ColorPost-Container .ColorRed h1,
.ColorPost-Container .ColorGold h1,
.ColorPost-Container .ColorGrey h1,
.ColorPost-Container .ColorBiege h1,
.ColorPost-Container .ColorBrown h1 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 62px
}

.ColorPost-Container .ColorGreen h1 span,
.ColorPost-Container .ColorYellow h1 span,
.ColorPost-Container .ColorOrange h1 span,
.ColorPost-Container .ColorPurple h1 span,
.ColorPost-Container .ColorBlue h1 span,
.ColorPost-Container .ColorSilver h1 span,
.ColorPost-Container .ColorBlack h1 span,
.ColorPost-Container .ColorRed h1 span,
.ColorPost-Container .ColorGold h1 span,
.ColorPost-Container .ColorGrey h1 span,
.ColorPost-Container .ColorBiege h1 span,
.ColorPost-Container .ColorBrown h1 span {
    display: inline-block;
    margin-left: 10px;
    width: 55px;
    text-align: left
}

.ColorPost-Container .ColorGreen h1::before,
.ColorPost-Container .ColorYellow h1::before,
.ColorPost-Container .ColorOrange h1::before,
.ColorPost-Container .ColorPurple h1::before,
.ColorPost-Container .ColorBlue h1::before,
.ColorPost-Container .ColorSilver h1::before,
.ColorPost-Container .ColorBlack h1::before,
.ColorPost-Container .ColorRed h1::before,
.ColorPost-Container .ColorGold h1::before,
.ColorPost-Container .ColorGrey h1::before,
.ColorPost-Container .ColorBiege h1::before,
.ColorPost-Container .ColorBrown h1::before {
    margin: 0;
    padding: 0;
    content: "";
    width: 25px;
    height: 25px;
    background: #27ae60;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 6px;
    z-index: 99
}

.ColorPost-Container.active {
    border: 1px solid #fb5100;
    background: #faeeea
}

.ColorPost-Container .ColorYellow h1::before {
    background: #ffe000
}

.ColorPost-Container .ColorOrange h1::before {
    background: #f55300
}

.ColorPost-Container .ColorPurple h1::before {
    background: #bb6bd9
}

.ColorPost-Container .ColorBlue h1::before {
    background: #2d9cdb
}

.ColorPost-Container .ColorSilver h1::before {
    background: silver
}

.ColorPost-Container .ColorBlack h1::before {
    background: #000
}

.ColorPost-Container .ColorRed h1::before {
    background: #eb5757
}

.ColorPost-Container .ColorGold h1::before {
    background: #efba00
}

.ColorPost-Container .ColorGrey h1::before {
    background: #aaaeb1
}

.ColorPost-Container .ColorBiege h1::before {
    background: #ede5d1
}

.ColorPost-Container .ColorBrown h1::before {
    background: #b6661e
}

#features {
    padding: 0 0 0 15px
}

.FeatureRadio-Btn {
    display: block;
    position: static;
    padding-left: 28px;
    margin-bottom: 20px;
    cursor: pointer;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    color: #3f2355;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.FeatureRadio-Btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.FeatureMark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #aaabad;
    background-color: #fff;
    border-radius: 50%
}

.FeatureRadio-Btn:hover input~.FeatureMark {
    background-color: #fff;
    border: 1px solid #fb5100
}

.FeatureRadio-Btn:hover input~.FeatureMark:after {
    display: block
}

.FeatureRadio-Btn input:checked~.FeatureMark {
    background-color: #fff;
    border: 1px solid #fb5100
}

.FeatureMark:after {
    content: "";
    position: absolute;
    display: none
}

.FeatureRadio-Btn input:checked~.FeatureMark:after {
    display: block
}

.FeatureRadio-Btn .FeatureMark:after {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
    background: #fb5100
}

.AdPost-SecFifteen {
    margin: 0;
    padding: 0
}

.AdPost-SecFifteen .dropzone {
    min-height: auto;
    background: #fff;
    margin: 0 !important;
    padding: 30px 0 0;
    border: 1px dashed #3f2355;
    box-sizing: border-box;
    border-radius: 10px;
    height: 107px;
    text-align: center;
    outline: none;
    cursor: pointer
}

.upload-photo-inner {
    display: table-cell;
    overflow: hidden;
    width: 20%;
    float: left;
    padding: 6px
}

.dropimage i {
    cursor: pointer
}

.AdPost-SecFifteen .dropzone:hover {
    transition: all .3s ease-in-out;
    border: 1px dashed #fb5100;
    background: #faeeea
}

.AdPost-SecFifteen .dropzone p {
    margin: 0;
    padding: 5px 0 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: #3f2355
}

.AdPost-SecFifteen .dropzone img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.dropimage {
    margin: 0;
    padding: 0
}

.dropimage ul {
    margin: 0 -21px 0 0;
    padding: 0
}

.dropimage ul>div {
    position: relative !important;
    display: inline-block !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    border: 1px solid rgba(234, 234, 234, 0.3) !important;
    margin-right: 12px !important;
    width: 18% !important;
    height: 107px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0
}

.dropimage ul div img {
    margin: 0;
    padding: 0;
    width: 100% !important;
    height: 107px !important;
    border-radius: 8px
}

.AdPost-SecFifteen .dropzone .dz-message {
    text-align: center;
    margin: 0;
    display: inline-block;
    border: 1px dashed #3f2355;
    box-sizing: border-box;
    border-radius: 10px;
    width: 140px;
    height: 107px;
    font-weight: 500;
    font-size: 12px;
    color: #3f2355
}

.AdPost-SecFifteen .dropzone .dz-message span img {
    display: block;
    width: 25px;
    text-align: center;
    margin: 0 auto 15px;
    position: relative;
    top: 30px;
    z-index: 99
}

.AdPost-SecFifteen .dropzone .dz-preview .dz-image {
    border-radius: 8px;
    overflow: hidden;
    width: 140px;
    height: 107px;
    position: relative;
    display: block;
    z-index: 10
}

.AdPost-SecFifteen .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 15px;
    min-height: 100px
}

.AdBoost-Container {
    margin: 30px auto 50px;
    padding: 7px 0 0;
    border: 1px solid #eeeef0;
    width: 100%
}

.AdBoost-Container .addDuration-head-main {
    display: table;
    width: 100%
}

.AdBoost-Container .addDuration-Head {
    margin: 0;
    padding: 0;
    max-width: 170px
}

.AdBoost-Container .TableBoost .table thead th {
    border-bottom: none
}

.AdBoost-Container .TableBoost .table thead th,
.AdBoost-Container .TableBoost .table thead td {
    border-top: none
}

.AdBoost-Container .addDuration-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.AdBoost-Container .addDuration-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.TableBoost .table {
    margin-bottom: 0
}

.TableBoost .table th,
.TableBoost .table td {
    vertical-align: middle
}

.TableBoost .table thead th,
.TableBoost .table thead td {
    vertical-align: top
}

.TableBoost .table td {
    text-align: left;
    width: 12%
}

.TableBoost .table td:last-child {
    width: auto;
    text-align: right
}

.TableBoost .table tbody tr:hover {
    background-color: #f1f3f5
}

.TableBoost .table tbody tr td,
.TableBoost .table tbody tr th {
    position: relative;
    border: none;
    padding: 28px 20px;
    border-left: 0;
    border-right: 0
}

.TableBoost .table tbody tr:hover td,
.TableBoost .table tbody tr:hover th {
    background-color: #f1f3f5
}

.TableBoost .table tbody tr td:after,
.TableBoost .table tbody tr th:after {
    content: "";
    position: absolute;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #eeeef0
}

.TableBoost .table tbody tr td,
.TableBoost .table tbody tr th {
    line-height: 22px;
    white-space: nowrap
}

.TableBoost .headone,
.TableBoost .headone span {
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 18px;
    color: #3f2355
}

.TableBoost .headone span {
    margin: 0 0 0 10px;
    display: inline-block
}

.TableBoost .headone {
    width: 180px
}

.TableBoost .headone span {
    font-size: 20px;
    font-weight: 700;
    font-family: "basis_grotesque_probold"
}

.TableBoost .ad-durationBtn {
    background: #81db0f;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    text-align: center;
    opacity: .5
}

.TableBoost .ad-durationBtn img {
    max-width: 100%;
    height: 14px;
    margin-top: 4px;
    position: relative;
    top: 2px
}

.TableBoost .adcross-Btn {
    width: 35px;
    height: 35px;
    background: #d1d3d6;
    border-radius: 50px;
    text-align: center
}

.TableBoost .adcross-Btn img {
    max-width: 100%;
    height: 12px;
    margin-top: 10px;
    position: relative;
    top: 0
}

.SelectedBtn {
    margin: 0;
    padding: 0
}

.TableBoost .SelectedBtn a,
.TableBoost .SelectedBtn button {
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    display: inline-block !important;
    width: 130px;
    height: 36px;
    display: block;
    position: relative;
    line-height: 36px;
    cursor: pointer
}

.TableBoost .SelectedBtn a.active,
.TableBoost .SelectedBtn button.active {
    background: #644e77 url(../image/adgood-icon.svg) no-repeat right 14px top 10px;
    background-size: 15px
}

.Select-TopHead {
    margin: 0;
    padding: 80px 0 50px
}

.Select-TopHead h3 {
    margin: 0 0 16px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 30px;
    letter-spacing: .0036em
}

.Select-TopHead p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px;
    letter-spacing: .0035em
}

.Sec-SelectAccount {
    margin: 0;
    padding: 0;
    position: relative
}

.Sec-SelectAccount img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    height: auto
}

.Sec-SelectAccount .SelectText {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    left: 40px;
    z-index: 99
}

.Sec-SelectAccount .SelectText h1 {
    margin: 0;
    padding: 0;
    color: #fff;
    font-style: normal;
    font-family: "freightdispproblauploadedfile";
    font-size: 48px;
    text-align: left;
    text-decoration: none;
    line-height: 60px
}

.ContainerBuyerIcon {
    margin: 50px 25px 0 15px;
    padding: 0;
    background: #fff;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 16px;
    text-align: center;
    width: 290px;
    height: 320px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.ContainerBuyerIcon .BuyerSeller {
    margin: 0;
    padding: 0;
    cursor: pointer
}

.ContainerBuyerIcon .BuyerSeller img {
    margin: 0;
    padding: 60px 0 30px;
    max-width: 100%;
    height: auto;
    width: 130px
}

.ContainerBuyerIcon .BuyerSeller h4 {
    margin: 0;
    padding: 0 0 75px;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 28px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0036em;
    line-height: 35px
}

.ContainerBuyerIcon:hover {
    box-shadow: 49px 20px 80px rgba(57, 53, 80, 0.05)
}

.BuyerSign-Congress {
    margin: 150px 0 0;
    padding: 0
}

.BuyerSign-Congress h1,
.BuyerSign-Congress h2,
.BuyerSign-Congress h3 {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 36px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 45.72px
}

.BuyerSign-Congress h2 {
    font-size: 26px;
    line-height: 34.32px;
    margin-bottom: 30px
}

.BuyerSign-Congress h3 {
    font-size: 36px;
    line-height: 45.72px;
    font-family: "basis_grotesque_proregular";
    margin-bottom: 30px
}

.BuyerSign-Congress p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 25.6px
}

.BuyerSign-Congress a {
    margin: 40px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 6px;
    border: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    width: 235px !important;
    height: 48px;
    line-height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.BuyerSign-Congress a:hover,
.BuyerSign-Congress a:focus,
.BuyerSign-Congress a:active {
    background: #3f2355;
    color: "#ffffff !important"
}

.UserSign-Container {
    margin: 0;
    padding: 80px 0 0
}

.GetPass-PadLeft {
    padding-left: 155px
}

.UserSign-Head {
    margin: 0 0 40px;
    padding: 0
}

.UserSign-Head h3 {
    margin: 0 0 12px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.UserSign-Head p,
.UserSign-Head a {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.UserSign-Head p.pass-head-mt {
    margin-top: 40px
}

.UserSign-Head a {
    font-family: "basis_grotesque_probold";
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.UserSign-Head a:hover {
    color: #fb7333
}

.UserSign-Form {
    margin: 0;
    padding: 0;
    position: relative
}

.UserSign-Form label {
    margin: 0 0 15px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.UserSign-Form input {
    margin: 0;
    padding: 0 10px 0 20px;
    background: #fff;
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #565a75;
    width: 100%;
    height: 50px
}

.UserSign-Form input::-webkit-input-placeholder {
    color: #565a75
}

.UserSign-Form input:-moz-placeholder {
    color: #565a75;
    opacity: 1
}

.UserSign-Form input::-moz-placeholder {
    color: #565a75;
    opacity: 1
}

.UserSign-Form input:-ms-input-placeholder {
    color: #565a75
}

.UserSign-Form input::-ms-input-placeholder {
    color: #565a75
}

.UserSign-Form input::placeholder {
    color: #565a75
}

.UserSign-Form a {
    margin: 10px 0 0;
    padding: 0;
    color: #2f80ed;
    font-size: 12px;
    font-family: "basis_grotesque_proregular";
    text-align: right;
    text-decoration: none;
    outline: none;
    float: right;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.UserSign-Form a:hover {
    color: #3f2355
}

.UserSign-Form i {
    margin: 0;
    padding: 0;
    color: #d1d1d1;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 46px;
    z-index: 99
}

.Section-DealerInfo .form-control:focus,
.Section-ListandGrid .form-control:focus,
.Section-UserProfile .form-control:focus,
.Section-AddPost .form-control:focus {
    background-color: #fff;
    border-color: #3f2355;
    outline: 0;
    padding-top: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #fb5100;
    outline: 0;
    box-shadow: none
}

.AdPostSec-twelve {
    margin: 0;
    padding: 0 200px 100px 0
}

.AdPostSec-Thirteen {
    margin: 0;
    padding: 0 100px 100px 0
}

.PaymentMethod-Container {
    margin: 0 0 0 -15px;
    padding: 0
}

.MethodBtn-Third {
    margin: 40px 0 0;
    padding: 0;
    max-width: 600px
}

.MethodRadio-Btn {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 0;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    font-family: "basis_grotesque_probold";
    font-weight: 500;
    color: #3f2355;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.MethodRadio-Btn img {
    margin: -6px 0 0;
    padding: 0;
    max-width: 100%;
    height: 22px
}

.MethodRadio-Btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.MethodCheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    border: 2px solid #aaabad;
    background-color: #fff;
    border-radius: 50%
}

.MethodRadio-Btn:hover input~.MethodCheck {
    background-color: #fff
}

.MethodRadio-Btn input:checked~.MethodCheck {
    background-color: #fff;
    border: 2px solid #fb5100
}

.MethodCheck:after {
    content: "";
    position: absolute;
    display: none
}

.MethodRadio-Btn input:checked~.MethodCheck:after {
    display: block
}

.MethodRadio-Btn .MethodCheck:after {
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fb5100
}

.paymentback {
    background: #fbfcfd;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 10px;
    height: 62px;
    margin: 0 0 16px;
    padding: 15px 20px
}

.CardNumber-Form {
    margin: 0 0 30px;
    padding: 0;
    position: relative
}

.CardNumber-Form label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.CardNumber-Form input {
    margin: 0;
    padding: 0 15px 0 56px;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 10px;
    outline: none;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    height: 50px;
    width: 100%
}

.StripeElement>input {
    display: block;
    margin: 10px 0 20px;
    max-width: 500px;
    padding: 0 15px 0 56px;
    font-size: 14px;
    font-family: "basis_grotesque_proregular";
    box-shadow: rgba(50, 50, 93, 0.14902) 0 1px 3px, rgba(0, 0, 0, 0.0196078) 0 1px 0;
    outline: 0;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #d4d0dd;
    height: 50px
}

.ElementsApp,
.ElementsApp .InputElement {
    font-size: 14px;
    color: #aaabad;
    letter-spacing: 0;
    font-family: "basis_grotesque_proregular"
}

.StripeElement {
    max-width: 100%;
    width: 100%;
    height: 50px;
    border: 1px solid #d4d0dd;
    border-radius: 10px;
    color: #000;
    padding-left: 56px;
    padding-top: 16px
}

.ElementsApp input {
    color: #aaabad !important;
    font-family: "basis_grotesque_proregular" !important
}

.payment-method-pr {
    padding-right: 49px
}

.CardNumber-Form img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 22px;
    top: 59px;
    z-index: 99
}

.CardNumber-Form input::-webkit-input-placeholder {
    color: #aaabad
}

.CardNumber-Form input:-moz-placeholder {
    color: #aaabad;
    opacity: 1
}

.CardNumber-Form input::-moz-placeholder {
    color: #aaabad;
    opacity: 1
}

.CardNumber-Form input:-ms-input-placeholder {
    color: #aaabad
}

.CardNumber-Form input::-ms-input-placeholder {
    color: #aaabad
}

.CardNumber-Form input::placeholder {
    color: #aaabad
}

.ExpiryUnlock {
    margin: -10px 0 25px;
    padding: 0
}

.ExpiryUnlock img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    display: inline-block
}

.ExpiryUnlock h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #aaabad;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 10px;
    z-index: 99
}

.AddSummary-Head {
    margin: 0;
    padding: 0
}

.AddSummary-Head h6 {
    margin: -30px 0 45px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.Add-SummaryContainer {
    margin: 0;
    padding: 15px 40px 25px;
    background: #fff;
    border: 1px solid #eeeef0;
    border-radius: 10px;
    max-width: 488px
}

.Add-SummaryContainer .PremiumList {
    margin: 0;
    padding: 25px 0 20px;
    border-bottom: 1px solid #eeeef0
}

.Add-SummaryContainer .PremiumList h1,
.Add-SummaryContainer .PremiumList h1 span {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.Add-SummaryContainer .PremiumList h1 span {
    float: right
}

.Add-SummaryContainer .PremiumList p {
    margin: 14px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #848484
}

.TotalContinue-Btn {
    margin: 0;
    padding: 0
}

.TotalContinue-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    color: #fff;
    line-height: 36px;
    font-family: "basis_grotesque_probold";
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 36px
}

.TotalContinue-Btn p {
    margin: 13px 0 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.AddFinalize-Container {
    margin: 0;
    padding: 0
}

.AddFinalize-Head {
    margin: 0 0 30px;
    padding: 0
}

.AddFinalize-Head h1 {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    text-align: left;
    text-decoration: none
}

.Finalize-CardDetail {
    margin: 0 0 16px;
    padding: 21px 40px;
    background: #fff;
    border: 1px solid #eeeef0;
    box-sizing: border-box;
    border-radius: 10px
}

.Finalize-CardDetail::after {
    clear: both;
    display: block;
    content: ""
}

.Finalize-CardDetail .CardDetail-Left,
.Finalize-CardDetail .CardDetail-Right {
    margin: 0;
    padding: 0;
    float: left
}

.Finalize-CardDetail .CardDetail-Left h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.Finalize-CardDetail .CardDetail-Left h1::after {
    content: "";
    background: url(../image/card-detail-icon.svg) no-repeat right top;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    right: -6px;
    top: 3px;
    z-index: 99
}

.Finalize-CardDetail .CardDetail-Left p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.Finalize-CardDetail .CardDetail-Right {
    float: right
}

.Finalize-CardDetail .CardDetail-Right button {
    margin: 2px 0 0;
    padding: 9px 28px;
    background: #f1f3f5;
    border-radius: 10px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 22px
}

.Finalize-CardDetail .CardDetail-Right button img {
    margin: 0 2px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    top: 0;
    z-index: 99
}

.FinalizePre-Btn {
    margin: 40px 0 50px;
    padding: 0
}

.FinalizePre-Btn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 186px;
    height: 48px;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.FinalizePre-Btn button.active {
    color: #2f80ed;
    background: none
}

.FinalizePre-Btn.discard-btn button.active {
    color: #2f80ed;
    width: auto;
    font-size: 20px
}

.AllDone-Head {
    margin: 0;
    padding: 0
}

.AllDone-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 36px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.AllDone-Head h2 {
    margin: 16px 0 20px;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 30px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.AllDone-Head p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.longEnough {
    max-height: 420px;
    width: 92%;
    overflow: auto
}

.SliderContainer {
    margin: 0;
    padding: 0
}

.SliderContainer .owl-theme .owl-dots {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: -240px;
    top: 227px;
    z-index: 99;
    margin-top: -18px
}

.SliderContainer .owl-theme .owl-dots button.owl-dot {
    background: none;
    border: none;
    outline: none;
    border-radius: 0
}

.SliderContainer .owl-theme .owl-dots .owl-dot button.active {
    border: none;
    outline: none
}

.SliderContainer .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: auto;
    padding: 4px 13px;
    margin: 0;
    background: #f5f7fa;
    display: block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0;
    font-size: 0
}

.SliderContainer .owl-theme .owl-dots .owl-dot:first-child span {
    border-radius: 50px 0 0 50px
}

.SliderContainer .owl-theme .owl-dots .owl-dot:last-child span {
    border-radius: 0 50px 50px 0
}

.SliderContainer .owl-theme .owl-dots .owl-dot.active span,
.SliderContainer .owl-theme .owl-dots .owl-dot:hover span {
    background: #fb5100;
    outline: none;
    border-radius: 50px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #d4d0dd;
    height: 48px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    color: #3f2355;
    font-size: 16px;
    font-family: "basis_grotesque_proregular"
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff;
    display: none
}

.select2-search--dropdown {
    display: none;
    padding: 4px
}

.PostApp-SecOne,
.PostApp-SecTwo,
.PostApp-SecThree,
.PostApp-SecFour,
.PostApp-SecFive,
.PostApp-SecSix,
.PostApp-SecSeven {
    margin: 0;
    padding: 0
}

.PostApp-Head {
    margin: 0 0 20px;
    padding: 0
}

.PostApp-Head h1 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 32px
}

.PostApp-Form {
    margin: 0 0 30px;
    padding: 0
}

.ApplicantInfo-Container label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 22.4px;
    display: block
}

.PostApp-Form .react-datepicker-wrapper {
    display: block
}

.PostApp-Form input,
.PostApp-Form select {
    margin: 0;
    padding: 0 15px;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    height: 50px;
    width: 100%
}

.PostApp-Form input:valid,
.VehicleForm-Head input:valid,
.vin-hin-section input:valid,
.Kilometter-Form input:valid,
.Price-Form input:valid,
.vin-hin-section textarea:valid,
.vehicle-budget-main .form-control:valid {
    border-color: #3f2355
}

.PostApp-Form .react-datepicker-popper select {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    background-image: none;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    height: auto;
    width: 40px;
    font-size: 13px;
    line-height: 25px
}

.PostApp-Form .react-datepicker-popper select:nth-child(3) {
    width: 70px
}

.PostApp-Form .react-datepicker__header>div {
    margin: 0 !important;
    display: block !important;
    text-align: center;
    padding: 5px 15px
}

.PostApp-Form .react-datepicker__header {
    background-color: transparent;
    border: none
}

.PostApp-Form .react-datepicker__header button {
    background-color: #fff;
    border-radius: 7px;
    border: none;
    border: #f0f0f0 solid 1px;
    float: left;
    width: 25px;
    height: 25px;
    color: #fff;
    position: relative;
    font-weight: 700
}

.PostApp-Form .react-datepicker__header button:after {
    color: #000;
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.PostApp-Form .react-datepicker {
    font-family: "BasisGrotesquePro-Medium"
}

.PostApp-Form .react-datepicker__header button:nth-child(4):after {
    content: ""
}

.PostApp-Form .react-datepicker__day-name,
.PostApp-Form .react-datepicker__day--outside-month {
    color: #969a9d
}

.PostApp-Form .react-datepicker__day {
    border: solid 2px transparent
}

.PostApp-Form .react-datepicker__day:hover {
    background-color: #1d5d90;
    color: #fff;
    border: #1d5d90 solid 2px
}

.ad-post-left-section {
    max-width: 720px;
    width: 100%;
    float: left;
    padding: 0 0 113px;
    min-height: 700px
}

.PostApp-Form .react-datepicker__day--today {
    border: #cfe8fe solid 2px;
    background-color: #fff;
    color: #1e8ad5
}

.PostApp-Form .react-datepicker__month-container {
    font-family: "BasisGrotesquePro-Medium"
}

.PostApp-Form .react-datepicker__header button:nth-child(4) {
    float: right
}

.PostApp-Form .react-datepicker__header select:first-child {
    max-width: 40px
}

.PostApp-Form .react-datepicker {
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.08)
}

.PostApp-Form .react-datepicker__triangle {
    display: none
}

.PostApp-Form .react-datepicker__input-container input {
    background-image: url(../image/calendar-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 93% 50% !important
}

.PostApp-Form input {
    color: #3f2355
}

.PostApp-Form {
    position: relative
}

.PostApp-Form .srv-validation-message,
.ListSource-Form .srv-validation-message {
    position: absolute;
    bottom: -26px;
    left: 0;
    font-size: 12px
}

.PostApp-Form input:focus {
    border-color: #3f2355
}

.PostApp-Form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../image/info-arrow-down.svg) no-repeat center right 20px
}

.PostApp-Form .KMIcon-1 {
    background: #fff url(../image/kilometter-icon.svg) no-repeat center left 16px;
    padding: 0 50px
}

.PostApp-Form .Priced-2 {
    background: #fff url(../image/dollar-sign.svg) no-repeat center left 16px;
    padding: 0 50px
}

.PostApp-Form input::-webkit-input-placeholder {
    color: #828385
}

.PostApp-Form input:-moz-placeholder {
    color: #828385;
    opacity: 1
}

.PostApp-Form input::-moz-placeholder {
    color: #828385;
    opacity: 1
}

.PostApp-Form input:-ms-input-placeholder {
    color: #828385
}

.PostApp-Form input::-ms-input-placeholder {
    color: #828385
}

.PostApp-Form input::placeholder {
    color: #828385
}

.PostApp-Coapplicant {
    margin: 0;
    padding: 0
}

.PostApp-Coapplicant h1 {
    margin: 0 0 14px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px
}

.PostApp-Coapplicant ul {
    margin: 0;
    padding: 0
}

.PostApp-Coapplicant ul li {
    margin: 0 25px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

.Applicant-Btn {
    display: inline-block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    font-size: 16px;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium"
}

.Applicant-Btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.Appmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #3f2355
}

.Applicant-Btn:hover input~.Appmark {
    background-color: #fff
}

.Applicant-Btn input:checked~.Appmark {
    background-color: #3f2355
}

.Appmark:after {
    content: "";
    position: absolute;
    display: none
}

.Applicant-Btn input:checked~.Appmark:after {
    display: block
}

.Applicant-Btn .Appmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.PostApp-NextBtn {
    margin: 39px 0 0;
    padding: 0
}

.PostApp-NextBtn.previous-btn button {
    width: auto;
    background-color: transparent;
    color: #3f2355
}

.PostApp-NextBtn.previous-btn i {
    color: #3f2355;
    font-weight: 700;
    margin: 0 15px 0 0
}

.PostApp-NextBtn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 140px;
    height: 48px;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.PostApp-NextBtn button i {
    margin: 0 0 0 15px;
    padding: 0;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 1px
}

.PostApp-SecFive .KilometterIcon {
    background: #fff url(../image/kilometter-icon.svg) no-repeat left 16px top 15px;
    padding-left: 50px
}

.PostApp-SecFive .PriceIcon,
.PostApp-SecSix .PriceIcon,
.PostApp-SecSeven .PriceIcon {
    background: #fff url(../image/dollar-sign.svg) no-repeat left 16px top 15px;
    padding-left: 45px
}

.PostApp-SecSeven .FinalizeHead {
    margin: 20px 0 0;
    padding: 0
}

.PostApp-SecSeven .FinalizeHead .trade_label {
    margin: 0 0 14px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 22.4px
}

.PostApp-SecSeven .FinalizeHead h1,
.PostApp-SecSeven .FinalizeHead a {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    text-decoration: none;
    text-align: left;
    outline: none;
    line-height: 30px
}

.PostApp-SecSeven .FinalizeHead a {
    color: #fb5100;
    font-family: "BasisGrotesquePro-Medium";
    cursor: pointer
}

.PostApp-SecSeven .RadioBtn-Con {
    margin: 40px 0 0;
    padding: 0
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    cursor: pointer;
    font-family: "basis_grotesque_proregular";
    font-weight: 500;
    font-size: 20px;
    color: #3f2355;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    text-overflow: inherit;
    overflow: visible;
    white-space: inherit
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn b {
    font-family: "basis_grotesque_probold";
    font-weight: 700
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.PostApp-SecSeven .RadioBtn-Con .FeatureMark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #aaabad;
    background-color: #fff;
    border-radius: 50%
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn:hover input~.FeatureMark {
    background-color: #fff
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn input:checked~.FeatureMark {
    background-color: #fff;
    border: 1px solid #fb5100
}

.PostApp-SecSeven .RadioBtn-Con .FeatureMark:after {
    content: "";
    position: absolute;
    display: none
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn input:checked~.FeatureMark:after {
    display: block
}

.PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn .FeatureMark:after {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    width: auto;
    height: auto;
    border-radius: 50%;
    background: #fb5100
}

.padLeft {
    padding-left: 0 !important
}

.tabActive {
    display: block
}

.tabDeactive {
    visibility: hidden;
    width: 100%;
    height: 0
}

.Section-whyfinance .tab-content>.tab-pane {
    display: none
}

.Section-whyfinance .tab-content>.active {
    display: block
}

.cursor-pointer {
    cursor: pointer
}

.vin-hin-section .form-control {
    margin: 0;
    padding: 0 20px;
    border: 1px solid #d4d0dd;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    width: 100%;
    height: 50px
}

.vin-hin-section textarea.form-control {
    padding: 10px 20px !important
}

.vin-hin-section .form-control:focus {
    border-color: #3f2355
}

.vin-hin-section label {
    display: block;
    font-family: "BasisGrotesquePro-Medium";
    color: #3f2355;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 14px
}

.vin-hin-section p {
    font-size: 14px;
    line-height: 25px;
    font-family: "basis_grotesque_proregular";
    color: #3f2355;
    margin: 30px 0 22px
}

.vin-hin-section strong {
    display: block;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 400;
    color: #3f2355;
    font-size: 16px;
    line-height: 22px
}

.react-select-main .react-select__menu {
    border-radius: 0 0 10px 10px !important;
    overflow: hidden;
    box-shadow: none;
    top: 33px !important;
    box-shadow: none !important;
    border: none !important;
    background-color: #fbfbfb;
    border: 1px solid #d4d0dd !important;
    box-shadow: none !important;
    border-radius: 0 0 10px 10px !important
}

.react-select-main .react-select__menu .react-select__option:first-child {
    border-top-color: transparent
}

.react-select-main .react-select__option {
    border-top: .5px solid #eaeaeb;
    border-bottom: solid .5px transparent;
    border-left: solid .5px transparent;
    border-right: solid .5px transparent;
    display: block;
    height: 49px;
    width: 100%;
    padding: 0 30px;
    background: #fbfbfb;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    line-height: 49px;
    cursor: pointer;
    color: #3f2355
}

.react-select-main .react-select__menu .react-select__option:hover {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.react-select-main .react-select__menu .react-select__option.is-selected {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.react-select-main .css-yk16xz-control {
    height: 48px !important;
    border: 1px solid #d4d0dd !important;
    box-sizing: border-box;
    border-radius: 10px !important
}

.react-select-main .react-select__value-container {
    padding: 0 49px
}

.react-select-main .css-1wa3eu0-placeholder {
    color: #3f2355;
    font-size: 16px;
    font-family: "basis_grotesque_proregular"
}

.react-select-main .react-select__indicators {
    display: none
}

.react-select-main .css-b8ldur-Input {
    margin: 0
}

.react-select-main .react-select__input input[type=text] {
    height: 42px
}

.App-post-body-main .react-select-main .react-select__input input[type=text] {
    height: 40px
}

.react-select-main .react-select__control {
    border-color: #d4d0dd !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    background: linear-gradient(176.33deg, rgba(255, 255, 255, 0) 70.95%, rgba(255, 255, 255, 0.16) 91.77%);
    background-image: url(../image/adpost-search.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 18px 50% !important;
    height: 48px !important
}

.react-location-select-main .react-location-select__single-value {
    font-size: 16px;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium"
}

.App-post-body-main .react-select-main .react-select__control {
    border: 1px solid #d4d0dd;
    background-image: url(../image/down-arrow.svg) !important;
    box-sizing: border-box;
    border-radius: 5px !important;
    background-position: 95% 50% !important;
    min-height: 50px
}

.App-post-body-main .react-select-main .react-select__input {
    opacity: 0
}

.App-post-body-main .react-select-main .react-select__value-container {
    padding: 0 15px
}

#selectSeating.react-select-main .react-select__control {
    background-image: none !important;
    border-radius: 5px !important
}

#selectSeating.react-select-main .react-select__value-container {
    padding: 0 20px !important
}

#selectSeating.react-select-main .react-select__indicators {
    display: block
}

#selectSeating.react-select-main .css-1okebmr-indicatorSeparator {
    display: none
}

#selectSeating.react-select-main .css-tlfecz-indicatorContainer {
    padding: 13px !important
}

#selectSeating.react-select-main .css-tlfecz-indicatorContainer svg path {
    fill: #3f2355
}

#selectSeating.react-select-main .css-b8ldur-Input {
    opacity: 0
}

#selectSeating.react-select-main .css-1gtu0rj-indicatorContainer {
    padding: 13px !important
}

.react-location-select-main .react-location-select__menu {
    background-color: #fbfbfb;
    border: 1px solid #d4d0dd;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden;
    box-shadow: none;
    top: 33px !important
}

.react-location-select-main .react-location-select__menu-list {
    border: none !important
}

.react-location-select-main .react-location-select__menu-list .react-location-select__option:first-child {
    border-color: transparent
}

.react-location-select-main .react-location-select__menu-list .react-location-select__option {
    border: .5px solid #eaeaeb;
    display: block;
    width: 100%;
    padding: 10px 30px;
    background: #fbfbfb;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    text-align: left;
    line-height: 22px;
    cursor: pointer;
    color: #3f2355
}

.react-location-select-main .react-location-select__menu-list .react-location-select__option:hover {
    background: #f1f3f5;
    border-color: #f1f3f5
}

.react-location-select-main .react-location-select__menu-list .react-location-select__option.is-selected {
    background: #faeeea;
    border: .5px solid #eee;
    border-color: #fb7333
}

.react-location-select-main .css-yk16xz-control {
    height: 48px;
    border: 1px solid #d4d0dd !important;
    box-sizing: border-box;
    border-radius: 10px !important
}

.react-location-select-main .react-location-select__value-container {
    padding: 0 49px
}

.react-location-select-main .css-1wa3eu0-placeholder {
    color: #3f2355;
    font-size: 16px;
    font-family: "basis_grotesque_proregular"
}

.react-location-select-main .react-location-select__indicators {
    display: block;
    cursor: pointer
}

.react-location-select-main .css-b8ldur-Input {
    margin: 0
}

.react-location-select-main .react-location-select__input input[type=text] {
    height: 42px
}

.react-location-select-main .react-location-select__control {
    border-color: #d4d0dd !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    background: linear-gradient(176.33deg, rgba(255, 255, 255, 0) 70.95%, rgba(255, 255, 255, 0.16) 91.77%);
    background-image: url(../image/pin-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 18px 50% !important
}

.upload-photos-main {
    margin: 0 -6px
}

.imageObject {
    overflow: hidden;
    width: 20%;
    float: left;
    padding: 6px;
    height: 119px;
    position: relative;
    border: 1px dashed transparent
}

.imageObject>div {
    width: 100%;
    height: 107px;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.imageObject>div>img {
    position: absolute;
    width: 100% !important;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.add-photos-head span {
    display: block
}

.add-photos-head p {
    font-size: 14px;
    line-height: 22px;
    color: #828385;
    margin: 0 0 17px
}

.add-photos-head span.note {
    font-family: "BasisGrotesquePro-Medium";
    font-size: 14px;
    line-height: 22px;
    color: #fb5100;
    display: block
}

.imageObject i {
    cursor: pointer
}

.imageObject img {
    width: 100% !important
}

.Distextarea {
    width: 668px !important;
    height: 235px !important
}

.ApplicantInfo-Container {
    margin: 0;
    padding: 0
}

.ApplicantInfo-Container::after {
    content: "";
    clear: both;
    display: block
}

.ApplicantInfo-Container .ApplicantLeft,
.ApplicantInfo-Container .ApplicantRight {
    margin: 0 16px 0 0;
    padding: 0;
    float: left;
    max-width: 326px;
    width: 100%
}

.ApplicantAddress {
    width: 668px;
    margin-bottom: 30px
}

.ApplicantAddress label {
    margin: 0 0 16px;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    line-height: 22.4px
}

.ApplicantAddress .react-location-select-main .react-location-select__control {
    border-radius: 5px !important
}

.App-post-body-main .react-select-main .css-1uccc91-singleValue {
    color: #3f2355;
    font-size: 16px;
    font-family: "BasisGrotesquePro-Medium"
}

.Applicantin-Btm {
    margin-bottom: 30px
}

.ApplicantAddress input {
    color: #3f2355;
    font-size: 16px;
    padding: 0 20px
}

.ApplicantAddress input::-webkit-input-placeholder {
    color: #aaabad
}

.ApplicantAddress input:-moz-placeholder {
    color: #aaabad;
    opacity: 1
}

.ApplicantAddress input::-moz-placeholder {
    color: #aaabad;
    opacity: 1
}

.ApplicantAddress input:-ms-input-placeholder {
    color: #aaabad
}

.ApplicantAddress input::-ms-input-placeholder {
    color: #aaabad
}

.ApplicantAddress input::placeholder {
    color: #aaabad
}

.DurationAd-Mt {
    margin-top: 41px;
    margin-bottom: 30px
}

.Dura-ApplicantHead {
    margin-bottom: 30px
}

.Finalize-SInput input {
    font-size: 14px;
    color: #aaabad
}

.MuiInput-underline:before,
.MuiInput-underline:after {
    border-bottom: none !important
}

.MuiInputBase-input {
    background: url(../image/postapp-calendar.svg) no-repeat right 20px center !important
}

.Addpost-responsiveimg {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    position: relative
}

.Addpost-responsiveimg img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.Unionlock-img {
    top: 56px !important
}

.my-facebook-button-class {
    margin: 0 0 0 15px;
    padding: 4px 0 0 30px;
    background: #fff url(../image/facebook.svg) no-repeat left 12px center;
    background-size: 20px;
    border: .5px solid #e5e5e5;
    outline: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    width: 169px;
    height: 46px;
    line-height: 40px;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 12px
}

.my-facebook-button-class:focus,
.my-facebook-button-class:active {
    border: .5px solid #e5e5e5;
    outline: none
}

.AddManual-Btn {
    margin: 0;
    padding: 0;
    text-align: center
}

.AddManual-Btn button {
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 5px;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    font-family: "basis_grotesque_probold";
    font-size: 16px;
    line-height: 22px;
    color: #3f2355;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Chatbg {
    background: #f8f8f8;
    padding: 0
}

.border-radius-0 {
    border-radius: 0;
    padding: 0 20px
}

.Message-ConLeft {
    margin: 0;
    padding: 32px 20px 15px;
    background: #fff
}

.Message-ConLeft::after {
    clear: both;
    display: table;
    content: ""
}

.Message-ConLeft a {
    margin: 0;
    padding: 0;
    background: #f4f5f6;
    border-radius: 10px;
    border: none;
    outline: none;
    width: 110px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #1b2d49;
    line-height: 50px;
    float: left
}

.Message-ConLeft a img {
    margin: 0 6px 0 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    position: relative;
    top: -3px
}

.Message-ConLeft a:hover,
.Message-ConLeft a:active,
.Message-ConLeft a:focus {
    color: #1b2d49
}

.Message-ConLeft h4 {
    margin: 10px 0 0 25px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    float: left
}

.HondaAccord-Con {
    margin: 41px 0 0;
    padding: 16px;
    background: #fff;
    border-radius: 20px
}

.HondaAccord-Con::after {
    clear: both;
    display: table;
    content: ""
}

.HondaAccord-Con .AccordLeft,
.HondaAccord-Con .AccordRight {
    margin: 0;
    padding: 0;
    float: left
}

.HondaAccord-Con .AccordLeft img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 167px;
    height: 124px;
    float: left;
    border-radius: 16px
}

.HondaAccord-Con .AccordLeft .AccordHead {
    margin: 22px 0 0 28px;
    padding: 0;
    float: left
}

.HondaAccord-Con .AccordLeft .AccordHead h1,
.HondaAccord-Con .AccordLeft .AccordHead h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    text-align: left;
    text-decoration: none;
    line-height: 34.5px;
    color: #3f2355
}

.HondaAccord-Con .AccordLeft .AccordHead h2 {
    color: #fb5100;
    font-size: 30px;
    line-height: 39.6px;
    margin-top: 6px;
    background: url(../image/head-tag.svg) no-repeat left center;
    padding-left: 40px
}

.HondaAccord-Con .AccordRight {
    float: right
}

.HondaAccord-Con .AccordRight .AccordHead-Right {
    margin: 0;
    padding: 30px 110px 0 0
}

.HondaAccord-Con .AccordRight .AccordHead-Right h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-align: right;
    text-decoration: none;
    color: #3f2355;
    line-height: 28.8px
}

.HondaAccord-Con .AccordRight .AccordHead-Right p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #828385;
    line-height: 12px
}

.HondaAccord-Con .AccordRight .dropdown-Right {
    margin: 35px 40px 0 0;
    padding: 0;
    float: right
}

.HondaAccord-Con .AccordRight .dropdown-Right button {
    margin: 0;
    padding: 0;
    background: url(../image/dropdown-btn.svg) no-repeat center center;
    border: none;
    border-radius: 0;
    outline: none;
    height: 40px;
    width: 40px
}

.HondaAccord-Con .AccordRight .dropdown-Right button:focus,
.HondaAccord-Con .AccordRight .dropdown-Right button:active {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    outline: none
}

.HondaAccord-Con .AccordRight .dropdown-Right .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none
}

.HondaAccord-Con .AccordRight .btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.HondaAccord-Con .AccordRight .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 10px 25px 49px #b30000;
    min-width: 145px;
    padding: 10px 0;
    transform: translate(-100px, 60px) !important
}

.HondaAccord-Con .AccordRight .dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 20px;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium"
}

.HondaAccord-Con .AccordRight .dropdown-item i {
    margin: 0;
    padding: 0;
    color: #897999;
    font-size: 24px;
    text-align: left;
    display: inline-block;
    position: relative;
    top: 3px
}

.EnginInput {
    display: block
}

.Emoji-Container {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 59px;
    z-index: 999
}

.emoji-mart-preview {
    display: none !important
}

.HeaderIcon-Right {
    margin: 27px 24px 0 0;
    padding: 0;
    float: right;
    position: relative
}

.HeaderIcon-Right img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto
}

.HeaderIcon-Right .Badge {
    background: #ff4e62;
    border: 2px solid #fff;
    height: 27px;
    width: 27px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    border-radius: 50%;
    font-size: 12px;
    font-family: "BasisGrotesquePro-Medium";
    position: absolute;
    top: -12px;
    right: -14px;
    z-index: 999
}

.ModalReport-Container {
    margin: 0;
    padding: 0
}

.ModalReport-Container p {
    font-style: normal;
    font-weight: 400;
    font-family: "basis_grotesque_proregular";
    font-size: 17px;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.ModalReport-Container button {
    margin: 10px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    width: 100px;
    height: 44px;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.ModalReport-Container button:hover,
.ModalReport-Container button:focus,
.ModalReport-Container button:active {
    background: #fb5100
}

.Profiledropdown {
    margin: 0 0 0 10px;
    position: relative;
    cursor: pointer
}

.Profiledropdown span.pr-avtar {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fb5100;
    border-radius: 50%;
    font-family: "basis_grotesque_probold";
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    overflow: hidden
}

.Profiledropdown span.pr-avtar img {
    height: 25px;
    max-width: 100%;
    width: 25px
}

.Profiledropdown .dropdownMenu span.pr-avtar {
    width: 40px;
    height: 40px;
    font-size: 16px
}

.Profiledropdown .dropdownMenu span.pr-avtar img {
    height: 40px;
    width: 40px
}

.Profiledropdown .dropdownMenu {
    position: absolute;
    top: 30px;
    right: -20px;
    width: 267px;
    z-index: 999;
    height: auto;
    background-color: #fff;
    border-radius: 4px;
    border: none;
    margin: 8px 0 0 !important;
    transform: translateY(30px) !important;
    opacity: 0;
    visibility: hidden;
    transition: all linear .3s
}

.Profiledropdown:hover .dropdownMenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px) !important
}

.Profiledropdown .dropdownMenu .profile-header {
    padding: 14px;
    background-color: #f5f7fa;
    border-bottom: 1px solid #eeeef0
}

.Profiledropdown .dropdownMenu .profile-header .detailDiv {
    display: flex;
    align-items: center
}

.Profiledropdown .dropdownMenu .profile-header .detailDiv span {
    margin-right: 7px
}

.Profiledropdown .dropdownMenu h2 {
    color: #3f2355;
    font: 14px basis_grotesque_probold;
    margin-bottom: 3px
}

.Profiledropdown .dropdownMenu .profile-header .detailDiv p {
    color: #897999;
    font: 12px BasisGrotesquePro-Medium;
    margin: 0
}

.Profiledropdown .dropdownMenu .profile-header .application-tag {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Profiledropdown .dropdownMenu .profile-header .application-tag .status {
    font-size: 12px
}

.Profiledropdown .dropdownMenu .itemWrapper {
    margin: 30px 27px 0;
    border-bottom: 1px solid #eeeef0
}

.Profiledropdown .dropdownMenu .itemWrapper .item {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-family: "BasisGrotesquePro-Medium";
    margin-bottom: 13px
}

.Profiledropdown .dropdownMenu .itemWrapper .item .imageWrapper {
    display: flex;
    justify-content: center;
    width: 26px
}

.Profiledropdown .dropdownMenu .itemWrapper .item span {
    margin-left: 13px;
    color: #644e77
}

.Profiledropdown .dropdownMenu .itemWrapper .item .new {
    margin-left: 5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fb5100
}

.Profiledropdown .dropdownMenu .logout {
    margin: 14px auto;
    background: #fb5100;
    border: 1px solid #fb5100;
    border-radius: 4px;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    width: 224px;
    height: 34px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.Profiledropdown .dropdownMenu .logout:hover {
    background: #3f2355;
    border: 1px solid #3f2355
}

.Profiledropdown .dropdown-item {
    display: block;
    width: 100%;
    padding: 0 0 18px 16px;
    clear: both;
    font-weight: 400;
    color: #3f2355;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-style: normal;
    font-size: 14px;
    font-family: "basis_grotesque_proregular"
}

.Profiledropdown .dropdown-item .drop-mylisting:after {
    content: "";
    font-family: "fontello";
    color: #3f2355;
    font-size: 11px
}

.Profiledropdown .dropdown-item .drop-mylisting {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0 11px 0 0
}

.Profiledropdown .dropdown-item .drop-savedlisting {
    display: inline-block;
    width: 20px;
    margin: 0 12px 0 0
}

.Profiledropdown .dropdown-item .drop-savedlisting:after {
    content: "";
    font-family: "fontello";
    color: #3f2355;
    font-size: 17px
}

.Profiledropdown .dropdown-item:hover,
.Profiledropdown .dropdown-item:active,
.Profiledropdown .dropdown-item:focus {
    text-decoration: none
}

.Profiledropdown a,
.Profiledropdown button {
    text-decoration: none;
    outline: none
}

.Profiledropdown .dropdown-item i {
    color: #3f2355;
    font-size: 20px
}

.Profiledropdown .dropdown-item img {
    margin: -7px 12px 0 0;
    padding: 0;
    max-width: 100%;
    height: 20px
}

.Profiledropdown .Borderline {
    margin: 16px 0 10px 16px;
    padding: 0;
    position: relative
}

.Profiledropdown .Borderline::after {
    background: #e9e9e9;
    width: 128px;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    z-index: 999
}

@media(min-width: 1100px) {
    .messageSec .messageIcon {
        width: 27px
    }

    .Profiledropdown {
        margin: 0 0 0 10px
    }

    .Profiledropdown span.pr-avtar {
        width: 40px;
        height: 40px;
        font-size: 16px
    }

    .Profiledropdown span.pr-avtar img {
        height: 40px;
        width: 40px
    }
}

.BoostYour-Container {
    margin: 0;
    padding: 0;
    max-width: 688px;
    width: 100%;
    display: none
}

.BoostYour-Head {
    margin: 0 0 16px;
    padding: 0
}

.BoostYour-Head h3 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    line-height: 25.6px;
    color: #3f2355
}

.BoostFree-Container {
    margin: 0 16px 20px 0;
    padding: 16px 0 20px 12px;
    background: #fff;
    border: 1px solid #eeeef0;
    border-radius: 10px;
    float: left;
    max-width: 296px;
    width: 100%;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.BoostFree-Head {
    margin: 0 0 17px;
    padding: 0
}

.BoostFree-Head h4 {
    margin: 0;
    padding: 0;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 22.4px;
    color: #3f2355
}

.BoostFree-Head h4 span {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    margin-left: 10px
}

.BoostAdDuration {
    margin: 0;
    padding: 0 30px 19px 0
}

.BoostAdDuration::after {
    clear: both;
    display: block;
    content: ""
}

.BoostAdDuration .BoostLeft,
.BoostAdDuration .BoostRight {
    margin: 0;
    padding: 0;
    float: left
}

.BoostAdDuration .BoostRight {
    float: right;
    margin-top: 4px
}

.BoostAdDuration .BoostLeft h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 19.2px
}

.BoostAdDuration .BoostLeft p {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 16px
}

.BoostAdDuration .BoostRight .BoostDuration {
    margin: 0;
    padding: 0;
    background: #81db0f;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    opacity: .5;
    position: relative
}

.BoostAdDuration .BoostRight .BoostDuration::before {
    margin: 0;
    padding: 0;
    background: #e8e8e8;
    width: 1px;
    height: 30px;
    content: "";
    position: absolute;
    left: -30px;
    z-index: 99
}

.BoostAdDuration .BoostRight .BoostDuration img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 12px;
    margin-top: 4px;
    position: relative;
    top: -3px
}

.BoostAdDuration .BoostRight .TopAddRight {
    position: relative
}

.BoostAdDuration .BoostRight .TopAddRight::before {
    margin: 0;
    padding: 0;
    background: #e8e8e8;
    width: 1px;
    height: 43px;
    content: "";
    position: absolute;
    left: -30px;
    z-index: 99;
    top: -9px
}

.BoostAdDuration .BoostMt {
    margin: 10px 0 0;
    padding: 0;
    width: 25px;
    height: 25px;
    background: #d1d3d6;
    border-radius: 50px;
    text-align: center;
    position: relative
}

.BoostAdDuration .BoostMt img {
    max-width: 100%;
    height: 12px;
    margin-top: 0;
    position: relative;
    top: -2px
}

.BoostAdBtn {
    margin: 11px 12px 0 0;
    padding: 0
}

.BoostAdBtn a,
.BoostAdBtn button {
    margin: 0;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 32px;
    display: block;
    width: 100%;
    height: 32px;
    cursor: pointer;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.BoostAdBtn a:hover,
.BoostAdBtn a:active,
.BoostAdBtn a:focus,
.BoostAdBtn button:hover,
.BoostAdBtn button:active,
.BoostAdBtn button:focus {
    background: #644e77
}

.BoostAdBtn a.active,
.BoostAdBtn button.active {
    background: #644e77 url(../image/adgood-icon.svg) no-repeat right 75px top 10px;
    background-size: 14px
}

.BoostFree-Container:hover {
    box-shadow: 16px 30px 60px rgba(38, 47, 86, 0.1)
}

.react-location-select__indicator.react-location-select__dropdown-indicator.css-tlfecz-indicatorContainer {
    display: none !important
}

.css-tlfecz-indicatorContainer {
    color: #3f2355 !important;
    padding: 15px 5px !important;
    cursor: pointer !important
}

.react-location-select__indicator.react-location-select__clear-indicator.css-1gtu0rj-indicatorContainer {
    color: #3f2355 !important;
    padding: 15px 5px !important
}

.react-location-select__indicator.react-location-select__dropdown-indicator.css-1gtu0rj-indicatorContainer {
    display: none !important;
    color: #3f2355 !important;
    padding: 15px 5px !important
}

.listing-footer-container {
    width: 100%;
    display: none
}

.listing-footer-container::after,
.listing-footer-container .footer-top-list::after {
    clear: both;
    display: table;
    content: ""
}

.listing-footer-container .footer-top-list {
    background: rgba(212, 208, 221, 0.12);
    margin-top: 11px;
    padding-top: 14px
}

.listing-footer-container .footer-top-list h1 {
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 15.4971px;
    text-align: center;
    text-decoration: none;
    line-height: 20.15px;
    color: #3f2355;
    margin: 0;
    padding: 0
}

.listing-footer-container .footer-top-list h1 span {
    color: #fb5100
}

.listing-footer-container .footer-top-list p {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 7.74856px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .004em;
    line-height: 12.4px;
    color: #828385;
    margin: 10px 0 12px;
    padding: 0
}

.listing-footer-container .footer-contact {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table
}

.listing-footer-container .footer-contact .footer-phone {
    margin: 0 0 0 7px;
    padding: 0;
    float: left
}

.listing-footer-container .footer-contact .footer-phone i {
    width: 12.82px;
    height: 12.82px;
    border-radius: 50%;
    background: #d4d0dd;
    line-height: 6.82px;
    float: left
}

.listing-footer-container .footer-contact .footer-phone i img {
    max-width: 100%;
    height: auto
}

.listing-footer-container .footer-contact .footer-phone h6 {
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 6.83931px;
    line-height: 13px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    float: left;
    margin: 0 0 0 3.42px;
    padding: 0
}

.listing-footer-container .discover-our-app {
    margin: 12px auto 0;
    padding: 0;
    text-align: center;
    display: table
}

.listing-footer-container .discover-our-app h1 {
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 10.259px;
    line-height: 13px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    margin: 0 0 8px;
    padding: 0
}

.listing-footer-container .discover-our-app img {
    max-width: 100%;
    height: auto;
    float: left;
    margin-left: 4px
}

.listing-footer-container .list-social-media {
    margin: 19px auto 40px;
    padding: 0;
    text-align: center;
    display: table
}

.listing-footer-container .list-social-media ul {
    margin: 0;
    padding: 0
}

.listing-footer-container .list-social-media ul li {
    margin: 0 7px;
    padding: 0;
    list-style: none;
    float: left
}

.listing-footer-container .list-social-media ul li a {
    width: 28.5px;
    height: 28.47px;
    line-height: 25.47px;
    background: #fff;
    box-shadow: 0 6.83931px 17.0983px rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    display: block;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    margin: 0;
    padding: 0
}

.listing-footer-container .list-social-media ul li a:hover {
    color: #fff;
    background: #fb5100
}

.listing-footer-container .list-social-media ul li:hover i {
    color: #fff
}

.listing-footer-container .list-social-media ul li.twitter i {
    font-size: 12px
}

.listing-footer-container .list-social-media ul li i {
    margin: 0;
    padding: 0;
    color: #3f2355;
    font-size: 14px;
    text-align: center;
    line-height: 28.47px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.listing-footer-container .list-footer-logo {
    margin: 6px auto 25px;
    padding: 0;
    display: table;
    text-align: center
}

.listing-footer-container .list-footer-logo img {
    max-width: 100%;
    height: auto;
    width: 168px;
    margin-bottom: 2px
}

.listing-footer-container .list-footer-logo p {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 7.74856px;
    text-align: center;
    text-decoration: none;
    color: #828385;
    margin: 0;
    padding: 0
}

.listing-footer-container .list-flinks-container {
    margin: 0;
    padding: 0
}

.listing-footer-container .list-flinks {
    margin: 0;
    padding: 0;
    float: left;
    width: 25%
}

.listing-footer-container .list-flinks h1 {
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 11.6228px;
    line-height: 15px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    margin: 0 0 10px;
    padding: 0
}

.listing-footer-container .list-flinks ul {
    margin: 0;
    padding: 0
}

.listing-footer-container .list-flinks ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.listing-footer-container .list-flinks ul li a {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 9.03998px;
    line-height: 25px;
    text-align: left;
    text-decoration: none;
    color: rgba(19, 19, 19, 0.6);
    margin: 0;
    padding: 0
}

.listing-footer-container .list-copyright {
    margin: 26px 0 30px;
    padding: 0
}

.listing-footer-container .list-copyright h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 9.03998px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .004em;
    color: #828385;
    line-height: 13.56px
}

.listing-footer-container .list-copyright p {
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 9.03998px;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 11.67px;
    margin: 10px 0 0;
    padding: 0
}

.VerifyScreen-Password {
    margin-top: 70px
}

.MapSearch-ModalContainer {
    margin: 0;
    padding: 0
}

.MapSearch-ModalContainer .modal-body {
    padding: 0
}

.MapSearch-ModalContainer .modal-dialog {
    max-width: 798px;
    margin: 1.75rem auto
}

.MapSearch-ModalContainer .modal-content {
    border: none;
    border-radius: 20px
}

.MapSearch-ModalContainer .Wheredo-Heading {
    margin: 20px 0 30px;
    padding: 0;
    text-align: center
}

.MapSearch-ModalContainer .Wheredo-Heading h1 {
    margin: 0;
    padding: 15px 0 6px;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    line-height: 26.4px
}

.MapSearch-ModalContainer .Wheredo-btn {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 25px;
    right: 35px;
    z-index: 99
}

.MapSearch-ModalContainer .Wheredo-btn button {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    border-radius: 50px;
    background: #d1d3d6;
    height: 42px;
    width: 42px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    opacity: 1;
    line-height: 0
}

.MapSearch-ModalContainer .AddGoogle-Map {
    height: 570px;
    width: 100%;
    position: relative
}

.MapSearch-ModalContainer .map-inner-height {
    height: 570px
}

.MapSearch-ModalContainer .AddGoogle-Map input {
    background: #fff;
    border: 1px solid #d1d3d6;
    border-radius: 10px;
    outline: none;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0035em;
    height: 80px !important;
    width: 100%;
    max-width: 704px;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 99;
    padding-left: 20px !important;
    margin: 0 auto;
    padding-right: 45px
}

.MapSearch-ModalContainer .AddGoogle-Map input::placeholder {
    color: #3f2355
}

.MapSearch-ModalContainer .AddGoogle-Map input::-webkit-input-placeholder {
    color: #3f2355
}

.MapSearch-ModalContainer .AddGoogle-Map input:-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.MapSearch-ModalContainer .AddGoogle-Map input::-moz-placeholder {
    color: #3f2355;
    opacity: 1
}

.MapSearch-ModalContainer .AddGoogle-Map input:-ms-input-placeholder {
    color: #3f2355
}

.MapSearch-ModalContainer .AddGoogle-Map input::-ms-input-placeholder {
    color: #3f2355
}

.MapSearch-ModalContainer .AddGoogle-Map input::placeholder {
    color: #3f2355
}

.MapSearch-ModalContainer .AddGoogle-Map i {
    color: #3f2355;
    font-size: 24px;
    position: absolute;
    right: 60px;
    z-index: 999;
    top: 33px;
    height: 80px;
    cursor: pointer;
    line-height: 78px
}

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 9999;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pac-logo:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px
}

.hdpi.pac-logo:after {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png)
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999
}

.pac-item:hover {
    background-color: #fafafa
}

.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

.footer-modal {
    display: flex
}

.footer-modal .slider {
    float: left;
    width: 65%;
    margin: 44px 0 40px 30px
}

.footer-modal .slider .rangeslider-horizontal {
    height: 5px;
    border-radius: 10px;
    max-width: 300px;
    width: 100%
}

.footer-modal .slider .rangeslider,
.footer-modal .slider .rangeslider .rangeslider__fill {
    display: block;
    box-shadow: none
}

.footer-modal .rangeslider {
    margin: 11px 0 0;
    position: relative;
    background: #d1d3d6;
    -ms-touch-action: none;
    touch-action: none;
    float: left
}

.footer-modal .slider .value-head {
    float: left;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    text-align: left;
    text-decoration: none;
    letter-spacing: .0035em;
    color: #3f2355;
    line-height: 26.4px;
    margin-right: 14px
}

.footer-modal .slider .value {
    float: left;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: -0.0041em;
    margin-left: 16px
}

.footer-modal .rangeslider-horizontal .rangeslider__fill {
    background-color: #81db0f
}

.footer-modal .rangeslider-horizontal .rangeslider__handle {
    width: 22px;
    height: 22px
}

.footer-modal .rangeslider .rangeslider__handle {
    border: .5px solid #81db0f;
    box-shadow: 3px 6px 10px rgba(38, 47, 86, 0.08)
}

.footer-modal .rangeslider-horizontal .rangeslider__handle:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    top: 6px;
    left: 6px;
    border-radius: 50%;
    background-color: transparent;
    box-shadow: none
}

.footer-modal .slider-apply-btn {
    float: right;
    width: 35%
}

.footer-modal .slider-apply-btn a,
.footer-modal .slider-apply-btn button {
    margin: 30px 30px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 12px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 25px;
    width: 160px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    float: right;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.footer-modal .slider-apply-btn a:hover,
.footer-modal .slider-apply-btn button:hover {
    background: #3f2355
}

.create-password-head {
    margin: 0 0 40px 15px;
    padding: 0;
    width: 100%;
    display: table
}

.create-password-head h1 {
    margin: 0 0 16px;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    line-height: 30px;
    letter-spacing: .0036em;
    color: #3f2355
}

.create-password-head ul,
.create-password-head ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.create-password-head ul li {
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #3f2355;
    line-height: 22.08px;
    text-align: left;
    text-decoration: none;
    position: relative;
    margin-bottom: 6px;
    padding-left: 20px
}

.create-password-head ul li a,
.create-password-head ul li span {
    font-family: "BasisGrotesquePro-Medium";
    border-bottom: 1.5px solid #3f2355
}

.create-password-head ul li:last-child {
    margin-bottom: 0
}

.create-password-head ul li::before {
    background: #3f2355;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 99
}

.no-chat-left-container {
    margin: 0;
    padding: 0
}

.no-chat-left-container .ChatLeft-Container {
    background: rgba(254, 254, 254, 0.7);
    margin: 0
}

.no-chat-left-container .ChatSearch input {
    margin: 0;
    padding: 0 15px 0 55px;
    background: rgba(254, 254, 254, 0.7) url(../image/chat-search-icon.svg) no-repeat left 22px center
}

.no-chat-left-container .ChatSearch::after {
    clear: both;
    display: table;
    content: ""
}

.no-chat-left-container .ChatSearch button,
.no-chat-left-container .ChatSearch a {
    background: #3f2355;
    border-radius: 10px;
    border: none;
    outline: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    font-family: "BasisGrotesquePro-Medium";
    max-width: 94px;
    width: 100%;
    height: 50px;
    position: absolute;
    right: 0;
    top: 19px;
    z-index: 99;
    display: none
}

.no-chat-left-container .ChatUnread-Btn button {
    background: #e6e6e6;
    color: #f5f7fa
}

.no-chat-left-container .no-left-message {
    display: table;
    width: 100%;
    height: 100vh
}

.no-chat-left-container .no-left-message h1 {
    display: table-cell;
    vertical-align: middle;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .004em;
    line-height: 28.8px;
    color: #aaabad;
    margin: 0;
    padding: 0
}

.no-chat-right-container {
    display: table;
    width: 100%;
    height: 100%
}

.no-chat-right-container .chat-right-head {
    display: table-cell;
    vertical-align: middle;
    height: 100vh
}

.no-chat-right-container .chat-right-head h2 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    color: #d1d3d6;
    line-height: 38.4px
}

.delete-add-modal-container,
.application-modal-container {
    margin: 0;
    padding: 0
}

.delete-add-modal-container .modal-dialog,
.application-modal-container .modal-dialog {
    max-width: 446px
}

.application-modal-container .modal-dialog {
    max-width: 1039px
}

.delete-add-modal-container .modal-content,
.application-modal-container .modal-content {
    border: none;
    border-radius: 20px
}

.delete-add-modal-container .modal-body,
.application-modal-container .modal-body {
    padding: 28px 31px 38px 34px
}

.delete-add-modal-container .delete-ad-head,
.application-modal-container .delete-ad-head {
    margin: 0;
    padding: 0
}

.delete-add-modal-container .delete-ad-head h2,
.application-modal-container .delete-ad-head h2 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 31px
}

.application-modal-container .delete-ad-head textarea {
    border: 1px solid #d4d0dd;
    border-radius: 5px;
    background: #fff;
    text-align: left;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    color: #828385;
    font-family: "BasisGrotesquePro-Medium";
    width: 100%;
    height: 183px;
    resize: none;
    margin-top: 39px;
    margin-bottom: 34px;
    padding: 12px 10px 10px
}

.delete-add-modal-container .delete-ad-head p,
.application-modal-container .delete-ad-head p {
    margin: 0;
    padding: 25px 0 44px;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    text-decoration: none;
    color: #5b5b5c
}

.delete-add-modal-container .delete-ad-button,
.application-modal-container .delete-ad-button {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table
}

.delete-add-modal-container .delete-ad-button button,
.application-modal-container .delete-ad-button button {
    margin: 0 18px 0 0;
    padding: 0;
    background: #edf1f7;
    border-radius: 10px;
    border: none;
    outline: none;
    width: 181px;
    height: 48px;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 18px;
    color: #6d6f72;
    float: left
}

.delete-add-modal-container .delete-ad-button button:last-child,
.application-modal-container .delete-ad-button button:last-child {
    margin: 0
}

.delete-add-modal-container .delete-ad-button button.active,
.application-modal-container .delete-ad-button button.active {
    background: #fb5100;
    color: #fff
}

.forgot-pass-two-container {
    margin: 80px 0 0;
    padding: 0
}

.forgot-pass-two-container h1 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    text-align: left;
    text-decoration: none;
    line-height: 45.72px;
    color: #3f2355
}

.forgot-pass-two-container button,
.forgot-pass-two-container a {
    margin: 40px 0 0;
    padding: 0;
    background: #fb5100;
    border-radius: 6px;
    border: none;
    outline: auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    max-width: 235px;
    width: 100%;
    line-height: 48px;
    cursor: pointer;
    height: 48px
}

.dealer-profile-container {
    background: #fff;
    padding: 30px
}

.dealer-profile-container .dealer-tab {
    margin: 0;
    padding: 0
}

.dealer-tab .card-header h2 button {
    margin: 0;
    padding: 0 20px;
    background: #f5f7fa;
    border-radius: 5px;
    font-size: 24px;
    font-family: "basis_grotesque_probold";
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    height: 60px;
    line-height: 60px
}

.dealer-tab .card-header {
    border-bottom: none
}

.dealer-tab .card .card-header .btn-link::after {
    content: "";
    font-family: "FontAwesome";
    float: right;
    font-size: 28px;
    font-weight: 700;
    color: #3f2355;
    margin: 0
}

.dealer-tab .card .card-header .btn-link.collapsed::after {
    content: ""
}

.dealer-tab .card {
    border: none;
    border-radius: 0;
    margin-bottom: 30px
}

.dealer-tab .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid transparent
}

.dealer-tab .card-body {
    padding: 0
}

.dealer-tab .dealer-info-container {
    max-width: 960px;
    width: 100%;
    padding-top: 30px;
    padding-left: 20px
}

.dealer-tab .dealer-info-container::after,
.dealer-form-step-one::after {
    clear: both;
    content: "";
    display: table
}

.dealer-form-step-one {
    padding: 0 0 20px
}

.dealer-form-step-one .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    padding: 0 10px 0 53px;
    line-height: 50px;
    background-color: #f5f7fa;
    border: 1px solid #f5f7fa;
    border-radius: 5px;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    width: 100%;
    height: 50px;
    font-family: "BasisGrotesquePro-Medium"
}

.dealer-form-step-one .custom-file-label::after {
    position: absolute;
    top: 13px;
    left: 15px;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 24px;
    width: 24px;
    padding: 0;
    line-height: 1.5;
    color: #3f2355;
    content: "";
    font-family: "FontAwesome";
    border-left: none;
    border-radius: 50px;
    background: rgba(212, 208, 221, 0.3)
}

.dealer-form-step-one .custom-file-input:lang(en)~.custom-file-label::after {
    content: "";
    font-family: "FontAwesome";
    color: #3f2355;
    text-align: center;
    line-height: 24px;
    font-size: 8px
}

.dealer-form-step-one .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50px;
    margin-bottom: 30px
}

.dealer-form-step-one .custom-file .active::after {
    background: url(../image/dealer-checkmark.svg) #81db0f no-repeat center center !important;
    text-indent: -9999px;
    background-position: 50% 50%;
    background-size: 40% !important
}

.dealer-form-step-one .inner-lable {
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    color: #828385;
    letter-spacing: -0.0008em;
    text-align: left;
    text-decoration: none;
    line-height: 28px;
    margin: 0 0 12px;
    padding: 0
}

.dealer-form-step-one .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 60px;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.dealer-form-step-one .form-left,
.dealer-form-step-one .form-right,
.dealer-form-step-one .form-left-upload,
.dealer-form-step-one .form-right-upload {
    float: left;
    max-width: 450px;
    width: 100%
}

.dealer-form-step-one .form-right-upload,
.dealer-form-step-one .form-right {
    float: right
}

.dealer-form-step-one .form-left label,
.dealer-form-step-one .form-right label {
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #828385;
    letter-spacing: -0.0008em;
    text-align: left;
    text-decoration: none;
    line-height: 28px;
    margin: 0 0 12px;
    padding: 0
}

.dealer-form-step-one .form-left input,
.dealer-form-step-one .form-right input {
    border: 1px solid #d1d3d6;
    border-radius: 5px;
    background: #fff;
    outline: none;
    width: 100%;
    height: 50px;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #1a1a1a;
    padding-left: 20px;
    padding-right: 15px
}

.dealer-form-step-one .form-left input::-webkit-input-placeholder,
.dealer-form-step-one .form-right input::-webkit-input-placeholder {
    color: #1a1a1a
}

.dealer-form-step-one .form-left input:-moz-placeholder,
.dealer-form-step-one .form-right input:-moz-placeholder {
    color: #1a1a1a;
    opacity: 1
}

.dealer-form-step-one .form-left input::-moz-placeholder,
.dealer-form-step-one .form-right input::-moz-placeholder {
    color: #1a1a1a;
    opacity: 1
}

.dealer-form-step-one .form-left input:-ms-input-placeholder,
.dealer-form-step-one .form-right input:-ms-input-placeholder {
    color: #1a1a1a
}

.dealer-form-step-one .form-left input::-ms-input-placeholder,
.dealer-form-step-one .form-right input::-ms-input-placeholder {
    color: #1a1a1a
}

.dealer-form-step-one .form-left input::placeholder,
.dealer-form-step-one .form-right input::placeholder {
    color: #1a1a1a
}

.dealer-form-step-one .form-left button,
.dealer-form-step-one .form-right button {
    width: 140px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    outline: none;
    border: 1px solid #fb5100;
    border-radius: 5px;
    background: #fb5100;
    color: #fff;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    float: left;
    padding: 0;
    margin: 10px 0 0
}

.dealer-info-container button {
    background: #f5f7fa;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    border-color: transparent;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 20px
}

.dealer-info-container button:hover,
.dealer-info-container button:focus,
.dealer-info-container button:active {
    background-color: #f5f7fa;
    color: #3f2355;
    border-color: transparent
}

.dealer-info-container .btn-primary:not(:disabled):not(.disabled).active:focus,
.dealer-info-container .btn-primary:not(:disabled):not(.disabled):active:focus,
.dealer-info-container .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem #610000
}

.dealer-info-container .btn-primary:not(:disabled):not(.disabled).active,
.dealer-info-container .btn-primary:not(:disabled):not(.disabled):active,
.dealer-info-container .show>.btn-primary.dropdown-toggle {
    background-color: #f5f7fa;
    color: #3f2355;
    border-color: #f5f7fa
}

.dealer-info-container button.btn-primary::after {
    content: "+";
    font-family: "FontAwesome";
    float: left;
    font-size: 24px;
    font-weight: 700;
    color: #3f2355;
    margin: 0 12px 0 0;
    position: relative;
    top: -1px
}

.dealer-info-container button.collapsed::after {
    content: "-"
}

.range-slider-mobile-view {
    margin-top: 45px
}

.range-slider-mobile-view .rc-slider {
    margin: 0 0 0 10px
}

.range-slider-mobile-view h1,
.range-slider-mobile-view h2 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    line-height: 18px;
    color: #3f2355;
    float: left;
    position: relative;
    top: -26px
}

.range-slider-mobile-view h2 {
    float: right;
    color: #fb5100
}

.range-slider-mobile-view h2 span {
    font-family: "basis_grotesque_proregular"
}

.range-slider-mobile-view .rc-slider-rail {
    background-color: #eaeaeb;
    height: 2px;
    border-radius: 6px
}

.range-slider-mobile-view .rc-slider-track {
    height: 2px;
    border-radius: 6px;
    background-color: #fb5100
}

.range-slider-mobile-view .rc-slider-handle {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: .5px solid #eeeef0;
    background-color: #fff;
    box-shadow: 3px 6px 10px #610000
}

.range-slider-mobile-view .rc-slider-handle:hover {
    border-color: #eeeef0
}

.mobile-check-btn {
    display: block;
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    font-size: 12px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "basis_grotesque_proregular" !important;
    color: #3f2355 !important;
    margin: 5px 0 0 !important;
    float: right
}

.mobile-check-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0 !important
}

.mobilemark {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border: 1px solid #3f2355;
    border-radius: 4px
}

.mobile-check-btn:hover input~.mobilemark {
    background-color: #3f2355
}

.mobile-check-btn input:checked~.mobilemark {
    background-color: #3f2355
}

.mobilemark:after {
    content: "";
    position: absolute;
    display: none
}

.mobile-check-btn input:checked~.mobilemark:after {
    display: block
}

.mobile-check-btn .mobilemark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid transparent;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.forgot-confirmation-container {
    display: table;
    text-align: center;
    margin: 0 auto;
    height: 100%
}

.forgot-confirmation-container .confirmation-inner {
    display: table-cell;
    vertical-align: middle
}

.forgot-confirmation-container .confirmation-inner img {
    max-width: 100%;
    height: auto;
    margin-bottom: 36px
}

.forgot-confirmation-container .confirmation-inner h1 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0036em;
    line-height: 30px;
    margin: 0 0 3px
}

.forgot-confirmation-container .confirmation-inner p {
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #3f2355;
    letter-spacing: .0035em;
    line-height: 22.4px
}

.dealer-how-inner-background {
    background: url(../image/dealership-background.jpg) no-repeat right;
    height: 885px
}

.dealer-how-inner-background.how-it-works-background {
    background: url(../image/how-it-work-background.png) no-repeat right #f8feff
}

.dealer-how-inner-background .dealership-how-container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left,
.dealer-how-inner-background .dealership-how-container .dealer-colum-right {
    float: left;
    width: 40%
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free {
    margin: 198px 0 0
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free.how-it-work-mt {
    margin-top: 240px
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h1,
.dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
    margin: 0 0 30px;
    font-family: "freightdispproblauploadedfile";
    font-weight: 900;
    font-size: 62px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 65.1px
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 {
    margin: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    text-decoration: none;
    line-height: 36px;
    color: #3f2355
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
    line-height: 74.4px;
    margin-bottom: 40px
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button {
    margin: 57px 0 0
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button.how-learn-more-button {
    margin: 40px 0 0
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button button,
.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button a {
    background: #fb5100;
    border: 1px solid #fb5100;
    border-radius: 10px;
    outline: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 52px;
    max-width: 160px;
    width: 100%;
    height: 52px;
    float: left;
    font-family: "BasisGrotesquePro-Medium";
    font-size: 18px;
    position: relative
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button a.watchvideo,
.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button button.watchvideo {
    max-width: 192px;
    background: #f5f7fa;
    color: #3f2355;
    border: none;
    margin-left: 16px;
    padding-left: 21px;
    text-align: left
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button span {
    background: url(../image/d-play-btn.svg) right center no-repeat;
    height: 38px;
    width: 38px;
    display: block;
    position: absolute;
    right: 13px;
    top: 7px;
    z-index: 999
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-right {
    width: 60%
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-right .right-side-img {
    margin: 209px 0 0;
    padding-left: 50px
}

.dealer-how-inner-background .dealership-how-container .dealer-colum-right .right-side-img img {
    max-width: 100%;
    height: auto
}

.how-it-works-main-container {
    position: relative;
    margin-top: 180px;
    background: url(../image/find-dream-line.svg) no-repeat center center;
    height: 1540px
}

.how-it-works-main-container .how-it-works-inner {
    margin: 0
}

.how-it-works-main-container .center-align-line {
    margin: 0 auto;
    text-align: center
}

.how-it-works-main-container .center-align-line img {
    max-width: 100%;
    height: auto
}

.how-it-works-main-container .find-your-dream-vehicle {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 852px;
    width: 100%;
    -webkit-transform: translate(-72%, -85%);
    -moz-transform: translate(-72%, -85%);
    -ms-transform: translate(-72%, -85%);
    -o-transform: translate(-72%, -85%);
    transform: translate(-72%, -85%)
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-two {
    left: 50%;
    max-width: 645px;
    width: 100%;
    -webkit-transform: translate(34%, 87%);
    -moz-transform: translate(34%, 87%);
    -ms-transform: translate(34%, 87%);
    -o-transform: translate(34%, 87%);
    transform: translate(34%, 87%)
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-three {
    top: 50%;
    left: 50%;
    max-width: 775px;
    width: 100%;
    -webkit-transform: translate(-107%, -26%);
    -moz-transform: translate(-107%, -26%);
    -ms-transform: translate(-107%, -26%);
    -o-transform: translate(-107%, -26%);
    transform: translate(-107%, -26%)
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-three span {
    float: right !important;
    margin: 0 0 0 20px !important
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-three h1 {
    text-align: right !important;
    display: table !important
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-three h1 span {
    margin-top: 20px !important;
    text-align: right !important;
    margin-left: 0 !important;
    margin-right: 20px !important
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-four {
    left: 50%;
    bottom: 0;
    top: 90%;
    max-width: 800px;
    width: 100%;
    -webkit-transform: translate(3%, -82%);
    -moz-transform: translate(3%, -82%);
    -ms-transform: translate(3%, -82%);
    -o-transform: translate(3%, -82%);
    transform: translate(3%, -82%)
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-left,
.how-it-works-main-container .find-your-dream-vehicle .find-your-right {
    float: left;
    margin: 0;
    width: 25%
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-right {
    float: right;
    padding-left: 20px;
    width: 75%
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-right.mt-find-step-two {
    margin-top: 60px
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-two .find-your-left {
    width: 30%
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-two .find-your-right {
    width: 70%;
    padding-left: 30px
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-three .find-your-left {
    width: 38%
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-three .find-your-right {
    width: 62%;
    padding-left: 30px
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-right.mt-find-step-four {
    margin-top: 40px
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-four .find-your-left {
    width: 38%
}

.how-it-works-main-container .find-your-dream-vehicle.find-step-four .find-your-right {
    width: 62%;
    padding-left: 30px
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-left.img-find-step-three {
    position: relative;
    left: -24px;
    top: 24px
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-left img {
    max-width: 100%;
    height: auto
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-right span {
    width: 44px;
    height: 44px;
    text-align: center;
    text-decoration: none;
    line-height: 46px;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    font-family: "basis_grotesque_probold";
    background: #3f2355;
    border-radius: 50px;
    float: left;
    margin: 0 20px 0 0
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-right h1 {
    font-weight: 700;
    font-size: 24px;
    font-family: "basis_grotesque_probold";
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    margin: 0;
    display: inline-grid;
    line-height: 38.4px
}

.how-it-works-main-container .find-your-dream-vehicle .find-your-right h1 span {
    font-weight: 400;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    background: none;
    color: #3f2355;
    width: 100%;
    max-width: 535px;
    text-align: left;
    line-height: 25.6px;
    margin-top: 20px
}

.we-accept-good-container {
    max-width: 1710px;
    width: 100%;
    padding: 160px 0;
    margin: 0 auto 100px;
    position: relative;
    background: url(../image/time-line-bg.svg) no-repeat center center
}

.we-accept-good-container .timeline-image {
    margin: 0
}

.we-accept-good-container .timeline-image img {
    max-width: 100%;
    height: auto
}

.we-accept-good-container .timeline-grid {
    float: left;
    width: 20%
}

.we-accept-good-container .timeline-grid .marketplace-with-huge {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -32px
}

.we-accept-good-container .timeline-grid .marketplace-with-huge span {
    background: #81db0f;
    box-shadow: 24px 30px 77px #000;
    border-radius: 50px;
    height: 52px;
    width: 52px;
    display: block;
    margin: 0 auto;
    line-height: 46px
}

.we-accept-good-container .timeline-grid .marketplace-with-huge span img {
    max-width: 100%;
    height: auto
}

.we-accept-good-container .timeline-grid .marketplace-with-huge h4 {
    font-weight: 500;
    font-size: 24px;
    font-family: "BasisGrotesquePro-Medium";
    text-align: center;
    text-decoration: none;
    line-height: 38.4px;
    color: #3f2355;
    margin: 30px 0 0
}

.your-estimate-budget-modal {
    margin: 0
}

.your-estimate-budget-modal .modal-dialog {
    max-width: 564px
}

.your-estimate-budget-modal .modal-content {
    border: none;
    border-radius: 8px
}

.your-estimate-budget-modal .modal-header {
    padding: 20px 20px 0;
    border-bottom: none
}

.your-estimate-budget-modal .modal-header .close {
    padding: 0;
    margin: -4px 0 0 auto;
    opacity: 1;
    outline: none
}

.your-estimate-budget-modal .modal-body {
    padding: 15px 20px 0
}

.your-estimate-budget-modal .modal-header span {
    font-size: 30px;
    color: #3f2355;
    outline: none
}

.your-estimate-budget-modal h5 {
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.your-estimate-budget-modal p,
.your-estimate-budget-modal p.m-t-m {
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #6d747a;
    line-height: 22px
}

.your-estimate-budget-modal p.m-t-m {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px
}

.your-estimate-budget-modal .kmx-list {
    margin: 0 0 20px 20px;
    padding: 0
}

.your-estimate-budget-modal .kmx-list li {
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #6d747a;
    line-height: 24px
}

.your-estimate-budget-modal .kmx-list li a {
    text-decoration: underline
}

.your-estimate-budget-modal .vehicle-payment-list {
    margin: 0 0 20px;
    padding: 0
}

.your-estimate-budget-modal .vehicle-payment-list ul,
.your-estimate-budget-modal .vehicle-payment-list .zero-down-payment-dialog-li-row li {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    color: #6d747a;
    line-height: 25px;
    display: inline-block
}

.your-estimate-budget-modal .vehicle-payment-list .zero-down-payment-dialog-li-row {
    margin-right: 20px;
    fill: #28820a;
    display: inline-block
}

.hp-featured-vehicle .owl-carousel .owl-nav.disabled,
.hp-featured-vehicle .owl-carousel .owl-dots.disabled {
    display: none
}

.hp-featured-vehicle .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin: 0;
    text-align: left;
    transform: translateY(-50%);
    padding: 0 8px
}

.hp-featured-vehicle .owl-theme .owl-nav i {
    display: none
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-prev {
    padding: 0;
    background-image: url(../image/whiteArrowLeft.svg)
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-prev.disabled {
    padding: 0;
    background-image: url(../image/whiteArrowLeft.svg)
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-next {
    padding: 10px;
    background-image: url(../image/whiteArrowRight.svg)
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-next.disabled {
    padding: 0;
    background-image: url(../image/whiteArrowRight.svg)
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-prev,
.hp-featured-vehicle .owl-theme .owl-nav .owl-next {
    margin: 0;
    background-color: #fb5100;
    background-repeat: no-repeat;
    background-position: center;
    backdrop-filter: blur(4px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    padding: 0;
    text-indent: 99999px
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-prev {
    left: -105px;
    position: absolute;
    top: -60px
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-next {
    right: -105px;
    position: absolute;
    top: -60px
}

.hp-featured-vehicle .owl-theme .owl-nav .owl-prev.disabled,
.hp-featured-vehicle .owl-theme .owl-nav .owl-next.disabled {
    background-color: #f9d9cc;
    opacity: 1;
    display: block
}

.post-ad-tabular-filter-row.vin-hin-section {
    max-width: 100%;
    width: 100%;
    display: block
}

.post-ad-tabular-filter-row .cke_top,
.post-ad-tabular-filter-row .cke_bottom {
    display: none !important
}

.post-ad-tabular-filter-row .cke_chrome {
    display: block;
    border: 1px solid #d4d0dd;
    padding: 1px;
    border-radius: 5px;
    max-width: 100%;
    width: 100%
}

.alert-add-modal-container .modal-dialog {
    max-width: 983px
}

.alert-add-modal-container .modal-content {
    border: 1px solid transparent;
    border-radius: 40px
}

.alert-add-modal-container .modal-body {
    padding: 0
}

.alert-add-modal-container .easy-to-post-container {
    display: flex
}

.alert-add-modal-container .easy-to-post-container .colum-left {
    background: #3f2355;
    width: 37%;
    border-radius: 36px 0 0 36px
}

.alert-add-modal-container .easy-to-post-container .colum-left .modal-logo {
    margin: 38px 0 61px 38px
}

.alert-add-modal-container .easy-to-post-container .colum-left .modal-logo img {
    max-width: 100%;
    height: auto
}

.alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list {
    margin: 0 auto 159px;
    text-align: center;
    display: table
}

.alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list ul,
.alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list ul li {
    list-style: decimal;
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 18px;
    line-height: 43.49px;
    text-align: left;
    text-decoration: none;
    color: #fff
}

.alert-add-modal-container .easy-to-post-container .colum-right {
    width: 63%;
    padding-top: 42px;
    padding-right: 47px;
    padding-left: 73px
}

.alert-add-modal-container .easy-to-post-container .colum-right .close {
    float: right;
    font-size: 35px;
    font-weight: 400;
    line-height: 10px;
    color: #3f2355;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    outline: none
}

.alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head {
    margin: 85px 0 0
}

.alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head h1 {
    margin: 0 0 30px;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 32px;
    line-height: 37.15px;
    color: #3f2355;
    text-align: left;
    text-decoration: none
}

.alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head p,
.alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head a {
    font-family: "basis_grotesque_proregular";
    font-weight: 400;
    font-size: 18px;
    line-height: 23.24px;
    color: #3f2355;
    text-align: left;
    text-decoration: none;
    margin: 0
}

.alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head a {
    outline: none;
    font-family: "BasisGrotesquePro-Medium"
}

@media only screen and (min-width: 250px)and (max-width: 3000px) {
    .Addpost-responsiveimg {
        display: none
    }

    .morefilter-mobile-view {
        display: none
    }
}

@media only screen and (max-width: 60000px)and (min-width: 50px) {
    .MobileNav {
        display: none
    }

    .MobileSearch {
        display: none
    }

    .TabShow {
        display: none
    }
}

@media only screen and (max-width: 767px)and (min-width: 50px) {

    html,
    body {
        min-height: 100%
    }

    .MobileNav {
        display: block
    }

    .SectionHeader {
        display: none
    }

    .SearchFilter-Container {
        display: none
    }

    .TabHide {
        display: none
    }

    .MobileSearch {
        display: block
    }

    .TabShow {
        display: block
    }
}

@media screen and (max-width: 3000px) {
    .Dealer-infoform {
        max-width: 1010px
    }

    .MobileSignUp-Container {
        max-width: 1010px
    }
}

@media screen and (max-width: 1919.99px) {
    .DealerInfo-List {
        padding: 80px 0 0
    }

    .Dealer-infoform {
        padding: 0
    }
}

@media screen and (max-width: 1750px) {
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        line-height: 60.4px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h1,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        font-size: 50px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 {
        font-size: 22px;
        line-height: 30px
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right span {
        width: 36px;
        height: 36px;
        line-height: 38px;
        font-size: 20px
    }

    .SimplyFill-Container {
        padding: 80px 100px
    }

    .GeneralInquiry {
        padding: 40px
    }

    .GeneralInquiry-Head h1 {
        font-size: 35px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1::before,
    .GeneralInquiry-Head .GeneralCon-List ul li a::before {
        margin: 0 8px 0 0;
        width: 32px;
        height: 32px;
        line-height: 30px;
        font-size: 16px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1,
    .GeneralInquiry-Head .GeneralCon-List ul li a {
        font-size: 16px;
        line-height: 22.6px
    }

    .GeneralInquiry-Head .CenterLine {
        right: 10px;
        top: 14px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(2) {
        margin: 0 0 0 18px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge span {
        height: 42px;
        width: 42px;
        line-height: 38px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge h4 {
        font-size: 20px;
        line-height: 28.4px;
        margin: 20px 0 0
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge {
        top: -22px
    }
}

@media screen and (max-width: 1630px) {
    .Saveads-Container .MyBtn-Three button {
        font-size: 14px;
        width: 150px;
        margin: 0 10px 0 0
    }

    .Saveads-Container .MyBtn-Two button {
        margin: 0 10px 0 0;
        font-size: 14px;
        width: 110px
    }

    .Saveads-Container .AdImage {
        height: 180px
    }

    .Saveads-Container .SavedBtn a {
        font-size: 14px;
        width: 150px
    }

    .Saveads-Container .SavedBtn a img {
        height: 24px
    }

    .FinanceThat-Container .ServiceTwo {
        margin: 0 5px;
        height: 35px;
        width: 35px;
        line-height: 30px
    }

    .FinanceThat-Container .ServiceTwo img {
        height: 16px
    }

    .FinanceThat-Container .ServiceOne a {
        padding: 0 10px;
        font-size: 14px;
        line-height: 40px;
        color: #3f2355;
        font-family: "BasisGrotesquePro-Medium";
        font-size: 12px
    }

    .my-facebook-button-class:focus,
    .my-facebook-button-class:active {
        border: .5px solid #e5e5e5;
        outline: none
    }

    .AddManual-Btn {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-bottom: 50px
    }

    .AddManual-Btn h1 {
        margin: 0;
        padding: 0;
        background: transparent;
        border-radius: 5px;
        border: none;
        outline: none;
        width: auto;
        height: auto;
        font-family: "basis_grotesque_probold";
        font-size: 16px;
        line-height: 22px;
        color: #3f2355;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all ease-in .3s;
        -moz-transition: all ease-in .3s;
        -o-transition: all ease-in .3s;
        transition: all ease-in .3s
    }

    .AddManual-Btn .addAddressManually {
        font: 14px basis_grotesque_probold;
        color: #fb5100;
        background-color: #f9d9cc;
        border: 1px solid #fab799;
        border-radius: 6px;
        padding: 8px 10px;
        margin-left: 20px
    }

    .AddManual-Btn .addAddressManually:focus {
        outline: none
    }

    .AddManual-Btn .addAddressManually i {
        margin-left: 8px;
        color: #fb5100
    }

    .Chatbg {
        background: #f8f8f8;
        padding: 0
    }

    .border-radius-0 {
        border-radius: 0;
        padding: 0 20px
    }

    .Message-ConLeft {
        margin: 0;
        padding: 32px 20px 15px;
        background: #fff
    }

    .Message-ConLeft::after {
        clear: both;
        display: table;
        content: ""
    }

    .Message-ConLeft a {
        margin: 0;
        padding: 0;
        background: #f4f5f6;
        border-radius: 10px;
        border: none;
        outline: none;
        width: 110px;
        height: 50px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-family: "basis_grotesque_proregular";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #1b2d49;
        line-height: 50px;
        float: left
    }

    .ProdThum-Service .ProdHead .disc-row .price-tag {
        font-size: 14px
    }

    .ProdThum-Service .ProdHead .disc-row .location {
        width: calc(100% - 120px);
        font-size: 11px
    }

    .dealer-how-inner-background.how-it-works-background {
        background-size: cover
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 {
        font-size: 18px;
        line-height: 30px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left {
        padding-left: 15px
    }

    .how-it-works-main-container .how-it-works-inner {
        margin: 0;
        zoom: 88%
    }

    .how-it-works-main-container .find-your-dream-vehicle {
        -webkit-transform: translate(-80%, -85%);
        -moz-transform: translate(-80%, -85%);
        -ms-transform: translate(-80%, -85%);
        -o-transform: translate(-80%, -85%);
        transform: translate(-80%, -85%)
    }

    .we-accept-good-container {
        background-size: 74% 30%
    }
}

@media screen and (max-width: 1520px) {
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        line-height: 60.4px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h1,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        font-size: 50px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 {
        width: 80%
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 br {
        display: none
    }

    .dealer-how-inner-background.how-it-works-background {
        background-size: cover
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-right {
        width: 55%
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left {
        float: left;
        width: 45%;
        padding-left: 40px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free {
        margin: 120px 0 0
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-right .right-side-img {
        margin: 120px 0 0;
        padding-left: 0
    }

    .how-it-works-main-container .how-it-works-inner {
        margin: 0;
        zoom: 80%
    }

    .how-it-works-main-container .find-your-dream-vehicle {
        -webkit-transform: translate(-85%, -85%);
        -moz-transform: translate(-85%, -85%);
        -ms-transform: translate(-85%, -85%);
        -o-transform: translate(-85%, -85%);
        transform: translate(-85%, -85%)
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four {
        -webkit-transform: translate(6%, -70%);
        -moz-transform: translate(6%, -70%);
        -ms-transform: translate(6%, -70%);
        -o-transform: translate(6%, -70%);
        transform: translate(6%, -70%)
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three {
        -webkit-transform: translate(-115%, -26%);
        -moz-transform: translate(-115%, -26%);
        -ms-transform: translate(-115%, -26%);
        -o-transform: translate(-115%, -26%);
        transform: translate(-115%, -26%)
    }

    .PostAdd-TopList ul li,
    .PostApp-TopList ul li {
        margin: 0 10px 0 0
    }

    .PostApp-TopList ul li h1 {
        margin: 0 15px 0 0
    }

    .PostApp-TopList ul li a {
        margin: 0 0 0 6px
    }

    .PostApp-TopList ul li:nth-child(4) h1 {
        min-width: 75px
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        height: 30px;
        width: 30px;
        line-height: 30px
    }

    .PostApp-Status .top-status-bar {
        max-width: 900px
    }

    .PostAdd-TopList ul li.active a,
    .PostApp-TopList ul li.active a {
        height: 30px;
        width: 30px;
        background-size: 25px
    }
}

@media screen and (max-width: 1440px) {
    .way-it-should .way-it-should-content h2 {
        font-size: 36px;
        line-height: 56px;
        margin: 0 0 16px
    }

    .way-it-should-wrapper {
        display: block !important
    }

    .way-it-should .image-holder {
        width: 60% !important
    }

    .way-it-should .way-it-should-content {
        padding: 0 30px 0 39px !important;
        width: 40% !important
    }

    .way-it-should-content-box h3 {
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 3px
    }

    .way-it-should .image-holder video {
        height: 483px !important
    }

    .way-it-should-content-box .text-box {
        padding: 0
    }

    .way-it-should-content-box {
        padding: 3px 64px 7px 70px
    }

    .way-it-should-content-box .icon-holder {
        width: 33px;
        height: 33px;
        left: 16px;
        border-radius: 18.3392px
    }

    .way-it-should {
        padding: 111px 45px 125px
    }

    .feature-list-tabs .nav-tabs .nav-link {
        font-size: 18.3333px !important;
        line-height: 50px;
        border-radius: 50px;
        padding: 0 33px
    }

    .feature-slider-content .image-holder {
        max-width: 238px;
        max-height: 185px
    }

    .feature-slider-content .text-box .title {
        font-size: 15px;
        line-height: 21px
    }

    .feature-slider-content .text-box .price-year .price {
        font-size: 15px;
        line-height: 20.7px
    }

    .feature-slider-content .text-box .price-year .year {
        font-size: 12px;
        line-height: 20.7px
    }

    .feature-slider-content .text-box .location {
        font-size: 11px;
        line-height: 15px
    }

    .feature-detail-footer .finance-that-logo img {
        max-width: 104px
    }

    .feature-detail-footer .btn-primary {
        padding: 0 15px;
        font-size: 10.1283px;
        line-height: 27px;
        border-radius: 8px
    }

    .hp-vehicle-in-area .tab-content {
        width: 91%
    }

    .hp-vehicle-in-area .owl-theme .owl-nav .owl-prev,
    .hp-vehicle-in-area .owl-theme .owl-nav .owl-next {
        width: 51px;
        height: 51px;
        background-size: 40px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .title {
        font-size: 17.2615px;
        line-height: 22.7px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .year {
        font-size: 15.8231px;
        line-height: 22.7px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .location {
        font-size: 14.3846px;
        line-height: 24px;
        width: calc(100% - 125px)
    }

    .hp-vehicle-in-area .image-holder .bottom-info .price-tag {
        font-size: 21.5769px;
        line-height: 24px
    }

    .hp-featured-vehicle .owl-theme .owl-nav .owl-prev,
    .hp-featured-vehicle .owl-theme .owl-nav .owl-next {
        width: 38px;
        height: 38px;
        background-size: 13px
    }

    .hp-featured-vehicle .owl-theme .owl-nav .owl-prev {
        top: 0;
        left: 40px
    }

    .hp-featured-vehicle .owl-theme .owl-nav .owl-next {
        top: 0;
        right: 40px
    }

    .feature-slider-content {
        padding: 16px
    }

    .feature-slider-content .text-box {
        padding: 0 0 0 16px
    }

    .feature-slider-content .text-box .price-year .price {
        background-size: 20px;
        padding: 0 0 0 25px
    }

    .hp-featured-vehicle h2 {
        margin: 0 0 54px
    }

    .text-box .feature-detail-top-row .info-btn {
        font-size: 8.49862px;
        line-height: 19px
    }

    .Saveads-Container .SaveExpire-List h3 {
        width: 25px;
        height: 25px;
        line-height: 12px
    }

    .Saveads-Container .SaveExpire-List h3 i {
        font-size: 12px
    }

    .Saveads-Container .messageicon {
        font-size: 11px !important
    }

    .Saveads-Container .SaveExpire-List h4 {
        font-size: 14px
    }

    .Saveads-Container .MyBtn-Three a {
        font-size: 14px;
        width: 130px;
        height: 50px;
        line-height: 50px;
        margin: 0 10px 0 0
    }

    .Saveads-Container .MyBtn-Two a {
        margin: 0 10px 0 0;
        font-size: 14px;
        width: 100px;
        height: 50px;
        line-height: 50px
    }

    .Saveads-Container .MyBtn-Two a i {
        margin: 0;
        font-size: 12px
    }

    .Saveads-Container .MyBtn-One button {
        border-radius: 10px;
        width: 50px;
        height: 50px
    }

    .Saveads-Container .MyBtn-One button i {
        font-size: 20px
    }

    .Saveads-Container .AdImage {
        height: 150px
    }

    .Saveads-Container .AdHeading h2 {
        font-size: 20px;
        line-height: 20px;
        top: 30%
    }

    .Saveads-Container .AdHeading h1 {
        font-size: 20px
    }

    .Saveads-Container .AdHeading h1 img {
        margin: 0 2px 0 0;
        height: 24px
    }

    .Saveads-Container .SavedBtn a {
        font-size: 14px;
        width: 135px;
        height: 50px;
        line-height: 50px;
        margin: 0 15px 0 0
    }

    .Saveads-Container .SavedBtn button {
        border-radius: 10px;
        width: 50px;
        height: 50px
    }

    .Saveads-Container .SavedBtn button i {
        font-size: 20px
    }

    .FinanceThat-Container .ServiceOne {
        margin: 0 0 0 5px
    }

    .FinanceThat-Container .ServiceOne a {
        padding: 0 6px;
        font-size: 12px;
        line-height: 35px
    }

    .FinanceThat-Container .ServiceOne a img {
        margin: 0 5px 0 0;
        height: 14px
    }

    .ProdThum-Service .ProdHead h2 {
        line-height: 22px
    }

    .ProdThum-Service .ProdHead .year {
        line-height: 22px
    }

    .ProdThum-Service .ProdHead .disc-row .location {
        width: 100%;
        font-size: 13.55px;
        float: none
    }

    .ProdThum-Service .ProdHead .disc-row .price-tag {
        float: none
    }

    .dealer-form-step-one .form-left,
    .dealer-form-step-one .form-right,
    .dealer-form-step-one .form-left-upload,
    .dealer-form-step-one .form-right-upload {
        max-width: 50%;
        width: 50%;
        padding-right: 20px
    }

    .dealer-tab .card-header h2 button {
        font-size: 24px
    }

    .dealer-form-step-one .inner-lable {
        font-size: 18px
    }

    .PostAdd-TopList ul li h1,
    .PostApp-TopList ul li h1 {
        font-size: 14px
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 12px
    }

    .PostAdd-TopList ul li.active a,
    .PostApp-TopList ul li.active a {
        height: 25px;
        width: 25px;
        background-size: 20px
    }

    .SimplyFill-Container {
        padding: 80px
    }

    .GeneralInquiry {
        padding: 30px
    }

    .GeneralInquiry-Head h1 {
        font-size: 30px
    }

    .GeneralInquiry-Head p {
        font-size: 14px;
        line-height: 20.11px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1::before,
    .GeneralInquiry-Head .GeneralCon-List ul li a::before {
        margin: 0 5px 0 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1,
    .GeneralInquiry-Head .GeneralCon-List ul li a {
        font-size: 16px;
        line-height: 22.6px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(2) {
        margin: 0 0 0 14px
    }

    .GeneralInquiry-Head .CenterLine {
        height: 130px;
        right: -10px;
        top: 24px
    }

    .AboutUs-HeadLeft a {
        margin-left: 4px !important
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge h4 {
        font-size: 18px;
        line-height: 26.4px;
        margin: 15px 0 0
    }

    .Saveads-Container .MyBtn-Two button {
        margin: 0 10px 0 0;
        font-size: 14px;
        width: 100px;
        height: 50px;
        line-height: 54px
    }

    .Saveads-Container .MyBtn-Two button i {
        margin: 0;
        font-size: 12px
    }

    .Saveads-Container .MyBtn-Three button {
        font-size: 14px;
        width: 130px;
        height: 50px;
        margin: 0 10px 0 0;
        line-height: 50px
    }
}

@media screen and (max-width: 1375px) {
    .SecAboutUs-Banner {
        padding: 50px 0
    }

    .AboutUs-HeadLeft h1 {
        font-size: 40px;
        line-height: 55px;
        letter-spacing: -0.1px
    }

    .AboutUs-HeadLeft p,
    .AboutUs-HeadLeft a {
        margin: 20px 0 0;
        font-size: 18px;
        line-height: 28px
    }

    .AboutUs-HeadRight {
        top: 50px
    }

    .AboutUs-HeadRight img {
        height: auto
    }

    .AboutIcon-Container h1 {
        font-size: 18px;
        line-height: 26px;
        display: block
    }
}

@media screen and (max-width: 1366px) {
    .FeatureRadio-Btn .FeatureMark::after {
        top: 1px
    }

    .FinanceThat-Container .ServiceTwo {
        margin: 0 5px;
        height: 30px;
        width: 30px;
        line-height: 25px
    }

    .FinanceThat-Container .ServiceTwo img {
        height: 14px
    }

    .FinanceThat-Container .ServiceOne a {
        padding: 0 4px;
        font-size: 10px;
        line-height: 30px
    }

    .OverView-Container .OverView-Left,
    .OverView-Container .OverView-Right {
        width: 50%;
        padding: 0 0 12px 10px
    }

    .OverView-Container .OverView-Left h3,
    .OverView-Container .OverView-Left h2,
    .OverView-Container .OverView-Right h3,
    .OverView-Container .OverView-Right h2,
    .OverView-Container .OverView-Left h4,
    .OverView-Container .OverView-Left h5,
    .OverView-Container .OverView-Right h5,
    .OverView-Container .OverView-Right h4 {
        width: auto;
        font-size: 12px
    }

    .OverView-Container .OverView-Left img,
    .OverView-Container .OverView-Right img {
        height: 18px
    }

    .LargeRight-Image h1 {
        font-size: 16px;
        line-height: 20.4px
    }

    .LargeRight-Image h1 span {
        font-size: 14px;
        line-height: 20px
    }

    .LargeRight-Image h4 {
        margin: 16px 0 0;
        font-size: 22px;
        line-height: 22px
    }

    .FinanceThat-Container .financethat-left-image span {
        font-size: 12px
    }

    .OverViewListing h1 {
        font-size: 16px;
        line-height: 40px
    }

    .Description-Head h2 {
        font-size: 16px;
        line-height: 40px
    }

    .FeatureList-Large ul li a {
        padding: 10px 0;
        font-size: 12px
    }

    .FeatureList-Large h4,
    .LargePayment-Container .card strong.title {
        font-size: 16px;
        line-height: 40px
    }

    .FeatureList-Large ul li {
        padding: 0 6px
    }

    .CreditSelect-Container .CreditDropdown select,
    .CreditSelect-Container h1,
    .DownPayment-Container h3,
    .DownPayment-Container h4 {
        font-size: 14px
    }

    .Payment-SummaryList {
        padding: 15px 15px 12px
    }

    .Payment-SummaryList ul li h3,
    .Payment-SummaryList ul li h4,
    .Payment-SummaryList ul li h5,
    .Payment-SummaryList ul li h6 {
        font-size: 12px
    }

    .Payment-SummaryList ul li {
        padding: 14px 0
    }

    .Payment-SummaryList h1 {
        font-size: 16px
    }

    .dealer-tab .card-header h2 button {
        font-size: 20px;
        height: 50px;
        line-height: 50px
    }

    .dealer-tab .card .card-header .btn-link::after {
        font-size: 24px
    }

    .dealer-form-step-one .form-left label,
    .dealer-form-step-one .form-right label {
        font-size: 18px
    }

    .dealer-form-step-one .form-left input,
    .dealer-form-step-one .form-right input {
        font-size: 18px
    }

    .dealer-form-step-one .inner-lable {
        font-size: 16px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h1,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        font-size: 45px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        line-height: 55.4px
    }

    .how-it-works-main-container .how-it-works-inner {
        zoom: 70%
    }

    .how-it-works-main-container .find-your-dream-vehicle {
        -webkit-transform: translate(-90%, -85%);
        -moz-transform: translate(-90%, -85%);
        -ms-transform: translate(-90%, -85%);
        -o-transform: translate(-90%, -85%);
        transform: translate(-90%, -85%)
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three {
        -webkit-transform: translate(-120%, -26%);
        -moz-transform: translate(-120%, -26%);
        -ms-transform: translate(-120%, -26%);
        -o-transform: translate(-120%, -26%);
        transform: translate(-120%, -26%)
    }

    .MyAppRight-List ul li h1::before,
    .MyAppRight-List ul li h2::before,
    .MyAppRight-List ul li h3::before,
    .MyAppRight-List ul li h4::before {
        margin: 0 6px 0 0;
        width: 16px;
        height: 16px;
        top: -2px
    }

    .MyAppRight-List ul li {
        margin: 0 0 0 15px
    }

    .MyApp-ThumText .TopText-Head h1,
    .MyApp-ThumText .TopText-Head h3,
    .MyApp-ThumText .TopText-Head h4,
    .MyApp-ThumText .TopText-Head h5 {
        padding: 0 0 12px;
        font-size: 14px
    }

    .MyApp-ThumText .TopText-Head h1::after,
    .MyApp-ThumText .TopText-Head h3:after,
    .MyApp-ThumText .TopText-Head h4::after,
    .MyApp-ThumText .TopText-Head h5::after {
        width: 13px;
        height: 13px
    }

    .MyApp-ThumText .TopText-Head h2 {
        font-size: 13px
    }

    .MyApp-ThumText .AmountRequest-Head {
        padding: 40px 0 0
    }

    .MyApp-ThumText .AmountRequest-Head h2 {
        font-size: 20px;
        margin: 10px 0 0
    }

    .MyApp-ThumText .AmountRequest-Head h3,
    .MyApp-ThumText .AmountRequest-Head h4 {
        font-size: 16px
    }

    .MyApp-ThumText .AmountRequest-Head h3 i {
        font-size: 18px
    }

    .PrivacyPolicy-Head {
        padding: 35px 0 0
    }

    .PrivacyPolicy-Head h1 {
        font-size: 36px;
        line-height: 48px;
        letter-spacing: 0
    }

    .PrivacyPolicy-Head p {
        margin: 10px 0 0;
        padding: 0 25px 0 0;
        font-size: 16px;
        line-height: 26px
    }

    .Message-ConLeft h4 {
        margin: 10px 0 0 20px;
        font-size: 24px
    }

    .ChatDropdown-List ul li a {
        padding: 12px
    }

    .ChatDropdown-Head img {
        height: 45px;
        width: 45px
    }

    .ChatDropdown-Head h1 {
        padding: 8px 0 0 6px;
        font-size: 16px;
        width: calc(100% - 82px)
    }

    .ChatRight-Container {
        padding: 25px
    }

    .HondaAccord-Con .AccordLeft .AccordHead h1,
    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        font-size: 22px;
        line-height: 30.5px
    }

    .HondaAccord-Con .AccordLeft img {
        width: 147px;
        height: 106px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge span {
        height: 34px;
        width: 34px;
        line-height: 30px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge span img {
        height: 20px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge {
        top: -18px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge h4 {
        font-size: 16px;
        line-height: 22.4px;
        margin: 15px 0 0
    }
}

@media screen and (max-width: 1199px) {
    .search-main-holder .search-grid-col {
        width: 33.33%
    }

    .ProdThum-Service .ProdHead .disc-row .price-tag {
        font-size: 17px
    }

    .banner-react-select-main .banner-react-select__control {
        padding: 0 15px
    }

    .SearchFilter-Container {
        padding: 15px 20px
    }

    .SearchFilter-Container .btn-primary {
        right: 20px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h1,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        font-size: 35px;
        margin-bottom: 30px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        line-height: 45.4px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free {
        margin: 80px 0 0
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-right .right-side-img {
        margin: 80px 0 0;
        padding-left: 0
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 {
        width: 100%;
        font-size: 16px;
        line-height: 25px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button.how-learn-more-button {
        margin: 30px 0 0
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button button,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button a {
        line-height: 45px;
        max-width: 140px;
        height: 45px;
        font-size: 16px
    }

    .how-it-works-main-container {
        background: url(../image/find-dream-line-responsive.svg) no-repeat center center;
        height: 1140px
    }

    .how-it-works-main-container .find-your-dream-vehicle {
        -webkit-transform: translate(-67%, -85%);
        -moz-transform: translate(-67%, -85%);
        -ms-transform: translate(-67%, -85%);
        -o-transform: translate(-67%, -85%);
        transform: translate(-67%, -85%)
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-two {
        -webkit-transform: translate(-11%, 103%);
        -moz-transform: translate(-11%, 103%);
        -ms-transform: translate(-11%, 103%);
        -o-transform: translate(-11%, 103%);
        transform: translate(-11%, 103%)
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three {
        -webkit-transform: translate(-94%, -26%);
        -moz-transform: translate(-94%, -26%);
        -ms-transform: translate(-94%, -26%);
        -o-transform: translate(-94%, -26%);
        transform: translate(-94%, -26%)
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four {
        -webkit-transform: translate(-22%, -45%);
        -moz-transform: translate(-22%, -45%);
        -ms-transform: translate(-22%, -45%);
        -o-transform: translate(-22%, -45%);
        transform: translate(-22%, -45%)
    }

    .we-accept-good-container {
        background: url(../image/time-line-bg-responsive.svg) no-repeat center center;
        padding: 0;
        margin: 210px auto 250px;
        height: 900px;
        background-size: 100% 100%
    }

    .we-accept-good-container .timeline-grid {
        float: none;
        width: 100%
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge.first-one {
        top: -120px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge.first-two {
        padding-top: 64px;
        padding-bottom: 180px
    }

    .we-accept-good-container .timeline-grid .marketplace-with-huge.first-four {
        padding-top: 160px;
        padding-bottom: 190px
    }

    .Modal-SignInForm {
        max-width: 550px
    }

    .ModalPopup-Container .Admin-SignInRight {
        max-width: 400px
    }

    .Modal-SignForm-Container .SignForm-Left,
    .Modal-SignForm-Container .SignForm-Right {
        max-width: 230px;
        margin: 0 15px 0 0
    }

    .Modal-RegisterHead {
        max-width: 500px
    }

    .Saveads-Container .SavedBtn span {
        display: none
    }

    .Saveads-Container .SavedBtn a {
        font-size: 12px;
        width: 40px;
        height: 40px;
        line-height: 50px;
        margin: 0 10px 0 0;
        border-radius: 5px
    }

    .Saveads-Container .SavedBtn a img {
        height: 21px;
        margin: 0;
        top: -6px
    }

    .Saveads-Container .colum-3 {
        width: 22%
    }

    .Saveads-Container .colum-2 {
        width: 55%
    }

    .Saveads-Container .AdImage {
        height: 124px
    }

    .Saveads-Container .AdHeading h1 {
        font-size: 16px;
        margin: 15px 0 0
    }

    .Saveads-Container .AdHeading h1 img {
        height: 20px
    }

    .Saveads-Container .AdHeading h2 {
        font-size: 16px
    }

    .Saveads-Container .AdsList-Btm ul li h1 i {
        height: 25px;
        width: 25px;
        font-size: 14px;
        line-height: 28px;
        margin-right: 6px
    }

    .Saveads-Container .AdsList-Btm ul li h1 {
        font-size: 14px
    }

    .Saveads-Container .AdsList-Btm {
        bottom: 8px
    }

    .Saveads-Container .SavedBtn {
        right: 14px;
        bottom: 14px
    }

    .Saveads-Container .SaveExpire-List h4 {
        font-size: 10px;
        line-height: 16px
    }

    .Saveads-Container .SaveExpire-List h4 span {
        line-height: 10px
    }

    .Saveads-Container .SaveExpire-List {
        margin: 0 15px 0 0
    }

    .Saveads-Container .SaveExpire-Container {
        bottom: 5px
    }

    .Saveads-Container .MyBtn-Two button {
        margin: 0 10px 0 0;
        font-size: 12px;
        width: 80px;
        height: 40px;
        line-height: 42px;
        border-radius: 5px
    }

    .Saveads-Container .MyBtn-Two button i {
        margin: 0;
        font-size: 10px
    }

    .Saveads-Container .MyBtn-Container {
        right: 15px;
        bottom: 15px
    }

    .SimplyFill-Container {
        margin: 150px 0 0;
        padding: 60px
    }

    .Section-GeneralInquiry {
        padding: 100px 0;
        background: none
    }

    .GeneralInquiry {
        padding: 30px
    }

    .GeneralInquiry-Head h1 {
        font-size: 32px
    }

    .GeneralInquiry-Head p {
        font-size: 14px;
        line-height: 18.11px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1::before,
    .GeneralInquiry-Head .GeneralCon-List ul li a::before {
        margin: 0 5px 0 0;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1,
    .GeneralInquiry-Head .GeneralCon-List ul li a {
        font-size: 14px;
        line-height: 18.6px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(2) {
        margin: 0 0 0 15px
    }

    .GeneralInquiry-Head .CenterLine {
        height: 130px;
        right: 0;
        top: 18px
    }

    .Saveads-Container .MyBtn-One button {
        border-radius: 5px;
        width: 40px;
        height: 40px
    }

    .Saveads-Container .MyBtn-One button i {
        font-size: 18px
    }

    .Saveads-Container .MyBtn-Three button {
        font-size: 12px;
        width: 110px;
        height: 40px;
        margin: 0 10px 0 0;
        line-height: 40px;
        border-radius: 5px
    }

    .Saveads-Container .AdHeading h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px
    }

    .Saveads-Container .SavedBtn button {
        border-radius: 5px;
        width: 40px;
        height: 40px
    }

    .Saveads-Container .SavedBtn button i {
        font-size: 18px
    }
}

@media screen and (max-width: 1080px) {
    .Header-AddPost button {
        margin: 0 0 0 10px;
        font-size: 12px;
        width: 110px;
        height: 40px
    }

    .SignUp-Head a {
        font-size: 14px
    }

    .SignUp-Head span {
        margin: 0;
        font-size: 14px
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 14px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px
    }

    .SignIn-Con,
    .SignUp-Con {
        max-width: 250px
    }

    .CreatAccount-Btn {
        margin: 20px 0
    }

    .SignUp-Head {
        margin: 21px 0 0
    }

    .navbar {
        padding: 7px 10px
    }

    .Sec-SelectAccount .SelectText {
        top: 20px;
        left: 20px
    }

    .Sec-SelectAccount .SelectText h1 {
        font-size: 30px;
        line-height: 40px
    }

    .DealerHead {
        padding: 50px 0 30px
    }

    .Select-TopHead {
        padding: 50px 0 30px
    }

    .Select-TopHead p br {
        display: none
    }

    .ContainerBuyerIcon {
        margin: 15px 15px 0;
        width: 200px;
        height: 200px
    }

    .ContainerBuyerIcon .BuyerSeller img {
        padding: 30px 0 20px;
        width: 100px
    }

    .ContainerBuyerIcon .BuyerSeller h4 {
        padding: 0 0 30px;
        font-size: 20px;
        line-height: 20px
    }

    .RegMt {
        padding: 50px 0 0
    }

    .Section-DealerInfo {
        padding: 0
    }

    .DealerInfo-List ul li h1 {
        font-size: 20px
    }

    .DealerInfo-List ul li a {
        font-size: 16px;
        height: 35px;
        width: 35px;
        line-height: 37px
    }

    .DealerInfo-List ul li.active a {
        height: 35px;
        width: 35px
    }

    .DealerInfo-List {
        padding: 50px 0 0
    }

    .PostAdd-TopList ul li,
    .PostApp-TopList ul li {
        margin: 0 10px 0 0
    }

    .PostAdd-TopList ul li h1,
    .PostApp-TopList ul li h1 {
        margin: 0 10px 0 0;
        font-size: 14px
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        font-size: 12px;
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0 0 0 6px
    }

    .ad-post-body-main,
    .App-post-body-main {
        padding: 50px 0 0 50px
    }

    .boxed-grid-col {
        width: 33.33%
    }

    .Distextarea {
        width: 460px !important;
        height: 200px !important;
        resize: none
    }

    .upload-photo-inner {
        width: 25%
    }

    .imageObject {
        width: 25%
    }

    .detail-page-main-outer .detail-carousal {
        width: 52%
    }

    .detail-page-main-outer .detail-list-detail {
        width: 48%
    }

    .detail-page-main-outer .detail-carousal .carousel-root {
        padding: 0 30px
    }

    .search-main-holder .search-grid-col {
        width: 33.33%
    }

    .ListSearch-Form input,
    .ListSearch-Form select {
        padding: 0 15px 0 20px;
        font-size: 16px;
        height: 60px
    }

    .ListLocation-Form input {
        padding: 0 15px 0 30px;
        font-size: 16px;
        height: 60px
    }

    .ListLocation-Form i {
        font-size: 16px;
        top: 17px
    }

    .ListSearch-Form::after {
        height: 35px;
        top: 14px
    }

    .ListLocation-Form button {
        padding: 6px 12px;
        border-radius: 6px;
        font-size: 16px;
        top: 13px
    }

    .ListLocation-Form button::before {
        font-size: 16px
    }

    .GetPass-PadLeft {
        padding-left: 20px;
        padding-top: 60px
    }

    .MyAppRight-List ul li h1::before,
    .MyAppRight-List ul li h2::before,
    .MyAppRight-List ul li h3::before,
    .MyAppRight-List ul li h4::before {
        margin: 0 6px 0 0;
        width: 18px;
        height: 18px;
        top: -2px
    }

    .MyAppRight-List ul li {
        margin: 0 0 0 6px
    }

    .MyApp-ThumText .AmountRequest-Head h3,
    .MyApp-ThumText .AmountRequest-Head h4 {
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 18px
    }

    .Message-ConLeft {
        padding: 20px 12px 15px;
        margin-top: 0;
        border-radius: 0 0 0 0
    }

    .Message-ConLeft a {
        border-radius: 5px;
        width: 90px;
        height: 38px;
        font-size: 14px;
        line-height: 38px
    }

    .Message-ConLeft h4 {
        margin: 8px 0 0 16px;
        font-size: 20px
    }

    .ChatSearch input {
        padding: 0 15px 0 40px;
        background: #fff url(../image/chat-search-icon.svg) no-repeat left 15px center;
        background-size: 15px;
        border-radius: 5px;
        font-size: 14px;
        height: 38px
    }

    .ChatSearch {
        padding: 15px 12px 0
    }

    .ChatUnread-Btn button {
        margin: 0 20px 0 0;
        padding: 0;
        font-size: 14px;
        background: none
    }

    .ChatUnread-Btn button:hover,
    .ChatUnread-Btn button.active {
        color: #3f2355;
        background: none;
        font-family: "basis_grotesque_probold";
        font-weight: 700
    }

    .ChatUnread-Btn {
        padding: 20px 12px
    }

    .ChatLeft-Container.border-radius-0 {
        padding: 0
    }

    .ChatDropdown-List ul li a {
        border-bottom: 1px solid rgba(209, 211, 214, 0.3);
        border-left: none;
        border-right: none;
        border-top: none;
        border-radius: 0;
        margin-bottom: 0;
        padding: 12px
    }

    .ChatDropdown-List ul li a:hover,
    .ChatDropdown-List ul li a:focus,
    .ChatDropdown-List ul li a:active,
    .ChatDropdown-List ul li.active a {
        background: rgba(238, 238, 240, 0.4)
    }

    .ChatDropdown-Head img {
        height: 36px;
        width: 36px
    }

    .ChatDropdown-Head h1 {
        padding: 0 0 0 8px;
        font-size: 14px;
        width: calc(100% - 75px)
    }

    .ChatLeft-Container {
        height: 100vh;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .HondaAccord-Con .AccordLeft img {
        width: 100px;
        height: 74px;
        border-radius: 5px
    }

    .HondaAccord-Con {
        margin: 30px 0 0;
        padding: 12px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid rgba(209, 211, 214, 0.3)
    }

    .ChatDropdown-Head h2,
    .ChatDropdown-Head h2 span {
        right: 4px;
        top: 6px
    }

    .HondaAccord-Con .AccordLeft .AccordHead {
        margin: 0 0 0 10px
    }

    .HondaAccord-Con .AccordLeft .AccordHead h1,
    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        font-size: 14px;
        line-height: 19.32px
    }

    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        background-size: 20px;
        padding-left: 25px
    }

    .ChatRight-Container {
        margin: 0 0 40px;
        padding: 12px;
        border-radius: 0 0 5px 5px
    }

    .UserMessage-Section {
        padding: 30px 0 0
    }

    .HondaAccord-Con .AccordRight .dropdown-Right {
        margin: 20px 8px 0 0
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right h1 {
        font-size: 14px;
        line-height: 19.8px
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right p {
        font-size: 12px;
        line-height: 16px
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right {
        padding: 24px 60px 10px 0
    }

    .UserChat-Right .InnerReply-Head {
        margin: 0
    }

    .UserChat-Right .InnerReply-Head h1 {
        padding: 10px;
        border-radius: 6px;
        font-size: 12px
    }

    .chat-avtar {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin: 0
    }

    .UserChat-Left .InnerChat-Head {
        margin: 0 0 10px 10px
    }

    .UserChat-Left .InnerChat-Head h1 {
        padding: 10px;
        font-size: 12px
    }

    .UserChat-Left .InnerReply-Head img {
        margin: 0 0 4px;
        border-radius: 6px;
        width: 106px;
        height: auto
    }

    .UserChat-Right .InnerReply-Head img {
        margin: 0 0 4px;
        width: 106px;
        border-radius: 6px
    }

    .ChatMessage-Search input {
        padding: 0 60px 0 10px;
        border-radius: 5px;
        font-size: 12px;
        height: 30px
    }

    .Emojifile-List ul li i {
        font-size: 16px
    }

    .Emojifile-List ul li .image-upload i {
        font-size: 16px;
        color: #2f80ed
    }

    .Emojifile-List ul li {
        margin: 0 6px 0 0
    }

    .Emojifile-List {
        margin: 2px 20px 0 0
    }

    .ChatMessage-Btn button {
        border-radius: 5px;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .ChatMessage-Btn {
        margin: 30px 0 0 10px
    }

    .ChatMessage-Search {
        margin: 30px 0 0 12px;
        width: 78%
    }

    .ChatImage-Upload {
        padding: 12px;
        margin: 0 12px
    }

    .ChatImage-Upload .ImageList .ImageHolder {
        width: 80px;
        height: 55px;
        border-radius: 5px
    }

    .ChatImage-Upload .ImageList .ImageHolder i {
        font-size: 14px;
        right: 6px;
        top: 2px
    }

    .Block-ConverstionHead p {
        margin: 50px auto 20px;
        font-size: 12px;
        line-height: 19.2px;
        max-width: 330px
    }

    .Block-ConverstionHead p br {
        display: none
    }

    .Block-ConverstionHead button {
        margin: 0 auto 10px;
        font-size: 16px;
        line-height: 25.6px;
        display: block
    }

    .SecAboutUs-Banner {
        padding: 35px 0 20px
    }

    .AboutUs-HeadLeft h1 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0
    }

    .AboutUs-HeadRight {
        left: 0;
        top: 0
    }

    .AboutUs-HeadRight img {
        height: 200px
    }

    .AboutUs-HeadLeft p,
    .AboutUs-HeadLeft a {
        margin: 16px 0 0;
        font-size: 12px;
        line-height: 18.6px
    }

    .FinanceThat-About .offset-1 {
        margin-left: 0
    }

    .FinanceThat-About {
        margin: 140px 0 0;
        background: none
    }

    .FinanceThatRight h1 {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0
    }

    .FinanceThatRight h1::before {
        bottom: -10px;
        width: 80px;
        height: 2px
    }

    .FinanceThatRight p {
        margin: 40px 0 0;
        font-size: 12px;
        line-height: 19.2px
    }

    .Sec-AboutUsIcon {
        padding: 100px 0;
        background: none
    }

    .AboutIcon-Container .AboutInner {
        width: 96px;
        height: 96px;
        line-height: 90px;
        margin: 0 auto
    }

    .AboutIcon-Container .AboutInner img {
        height: 45px
    }

    .AboutIcon-Container h1 {
        margin: 12px 0 0;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0
    }
}

@media screen and (max-width: 991.99px) {
    .PostAdd-Container {
        margin: 0;
        padding: 30px 0 0
    }

    .PostAdd-TopList ul li.headactive a,
    .PostApp-TopList ul li.headactive a {
        background-color: #d7d2dd
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        font-size: 16px;
        height: 32px;
        width: 32px;
        line-height: 34px;
        margin: 0 0 0 10px;
        background: #f9f9f9;
        font-family: "basis_grotesque_probold";
        font-weight: 700
    }

    .PostAdd-TopList ul li,
    .PostApp-TopList ul li {
        margin: 0
    }

    .PostApp-TopList ul li:nth-child(2) :after,
    .PostApp-TopList ul li:nth-child(4) :after,
    .PostApp-TopList ul li:nth-child(6) :after,
    .PostApp-TopList ul li:nth-child(8) :after,
    .PostAdd-TopList ul li:nth-child(2) :after,
    .PostAdd-TopList ul li:nth-child(4) :after,
    .PostAdd-TopList ul li:nth-child(6) :after,
    .PostAdd-TopList ul li:nth-child(8) :after,
    .PostAdd-TopList ul li:nth-child(10) :after {
        width: 1px;
        height: 40px;
        background: #e8e8e8;
        content: "";
        position: absolute;
        right: 0;
        top: -10px;
        z-index: 99;
        display: none
    }

    .PostAdd-TopList ul li.headactive h1,
    .PostAdd-TopList ul li.headactive a,
    .PostApp-TopList ul li.headactive h1,
    .PostApp-TopList ul li.headactive a {
        color: #3f2355;
        display: block;
        font-family: "basis_grotesque_probold";
        font-weight: 700
    }

    .PostAdd-TopList ul li h1,
    .PostApp-TopList ul li h1 {
        min-width: 25px;
        display: none;
        margin: 0 15px 0 8px
    }

    .top-status-bar {
        max-width: 366px;
        margin: 16px auto 0
    }

    .top-status-bar-inner {
        background-color: #f5f7fa;
        height: 5px
    }

    .PostAdd-ImgRight {
        display: none
    }

    .Addpost-responsiveimg {
        display: block;
        padding-bottom: 50px
    }

    .ad-post-body-main,
    .App-post-body-main {
        padding: 22px 0 0
    }

    .ad-post-left-section {
        max-width: 400px;
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 auto;
        text-align: center
    }

    .SecSeven-Btn button {
        margin: 50px 0 0
    }

    .AdPost-SecOne h6 {
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 20px
    }

    .AdPost-SecOne .AdPost-Thumble h1 {
        font-size: 12px;
        line-height: 20px;
        padding: 4px 0 10px
    }

    .AdPost-SecOne .AdPost-Thumble img {
        max-width: 43px;
        width: 100%
    }

    .AdPost-SecOne .checkadpost {
        height: 14px;
        width: 14px
    }

    .AdPost-SecOne .AdPost-CheckBox .checkadpost:after {
        left: 5px;
        top: 2px;
        width: 5px;
        height: 9px;
        border: solid #fff;
        border-width: 0 2px 2px 0
    }

    .AdPost-SecOne .AdPost-Thumble {
        padding: 25px 10px 0;
        min-height: 120px
    }

    .AdPost-SecOne .AdPost-Thumble .icon-holder {
        height: 50px
    }

    .post-ad-tabular-filter-col:first-child {
        width: 100%;
        text-align: left
    }

    .post-ad-tabular-filter-col {
        display: block;
        padding: 0 0 15px
    }

    .VehicleForm-Head label {
        font-size: 16px;
        line-height: 20px;
        font-family: "basis_grotesque_proregular"
    }

    .post-ad-tabular-filter-row {
        display: block;
        margin-bottom: 10px
    }

    .VehicleForm-Head input,
    .VehicleForm-Head select {
        border-radius: 5px;
        font-size: 12px;
        height: 38px;
        background-size: 18px;
        padding-left: 40px
    }

    .SelectCar-Brand {
        padding: 5px 16px;
        border-radius: 5px
    }

    .AdPost-SecThree .VehicleChoose-Name,
    .AdPost-SecFour .VehicleChoose-Name {
        border-radius: 5px
    }

    .AdPost-SecThree .VehicleChoose-Name h1,
    .AdPost-SecFour .VehicleChoose-Name h1 {
        font-family: "basis_grotesque_proregular";
        font-size: 12px;
        line-height: 38px
    }

    .section-heading {
        margin: 0 0 10px;
        font-family: "basis_grotesque_proregular";
        font-size: 14px;
        line-height: 22px
    }

    .section-heading.top-heading-m {
        margin-bottom: 6px
    }

    .Kilometter-Form,
    .Price-Form {
        margin: 0 0 30px;
        text-align: left
    }

    .Kilometter-Form label,
    .Price-Form label {
        margin: 0 0 10px;
        font-family: "basis_grotesque_proregular";
        font-size: 14px
    }

    .Kilometter-Form input,
    .Price-Form input {
        background: #fbfcfd url(../image/dollar-sign.svg) no-repeat left 16px top 9px;
        background-size: 18px;
        border-radius: 5px;
        font-family: "basis_grotesque_proregular";
        height: 38px
    }

    .Kilometter-Form input {
        background: #fbfcfd url(../image/kilometter-icon.svg) no-repeat left 16px top 10px;
        background-size: 18px
    }

    .ColorPost-Container {
        border-radius: 5px;
        height: 38px
    }

    .ColorPost-Container .ColorGreen h1,
    .ColorPost-Container .ColorYellow h1,
    .ColorPost-Container .ColorOrange h1,
    .ColorPost-Container .ColorPurple h1,
    .ColorPost-Container .ColorBlue h1,
    .ColorPost-Container .ColorSilver h1,
    .ColorPost-Container .ColorBlack h1,
    .ColorPost-Container .ColorRed h1,
    .ColorPost-Container .ColorGold h1,
    .ColorPost-Container .ColorGrey h1,
    .ColorPost-Container .ColorBiege h1,
    .ColorPost-Container .ColorBrown h1 {
        font-family: "basis_grotesque_proregular";
        font-size: 12px;
        line-height: 38px
    }

    .ColorPost-Container .ColorGreen h1::before,
    .ColorPost-Container .ColorYellow h1::before,
    .ColorPost-Container .ColorOrange h1::before,
    .ColorPost-Container .ColorPurple h1::before,
    .ColorPost-Container .ColorBlue h1::before,
    .ColorPost-Container .ColorSilver h1::before,
    .ColorPost-Container .ColorBlack h1::before,
    .ColorPost-Container .ColorRed h1::before,
    .ColorPost-Container .ColorGold h1::before,
    .ColorPost-Container .ColorGrey h1::before,
    .ColorPost-Container .ColorBiege h1::before,
    .ColorPost-Container .ColorBrown h1::before {
        width: 12px;
        height: 12px;
        top: 2px;
        left: 6px
    }

    .ColorPost-Container .ColorGreen h1 span,
    .ColorPost-Container .ColorYellow h1 span,
    .ColorPost-Container .ColorOrange h1 span,
    .ColorPost-Container .ColorPurple h1 span,
    .ColorPost-Container .ColorBlue h1 span,
    .ColorPost-Container .ColorSilver h1 span,
    .ColorPost-Container .ColorBlack h1 span,
    .ColorPost-Container .ColorRed h1 span,
    .ColorPost-Container .ColorGold h1 span,
    .ColorPost-Container .ColorGrey h1 span,
    .ColorPost-Container .ColorBiege h1 span,
    .ColorPost-Container .ColorBrown h1 span {
        width: 45px
    }

    .two-col-grid,
    .three-col-grid {
        margin: 0 -8px
    }

    .FeatureRadio-Btn {
        padding-left: 23px;
        font-family: "basis_grotesque_proregular";
        font-size: 12px;
        text-align: left
    }

    .FeatureMark {
        height: 16px;
        width: 16px
    }

    .FeatureRadio-Btn .FeatureMark:after {
        top: 2px;
        left: 2px;
        width: auto;
        height: auto;
        bottom: 2px;
        right: 2px
    }

    .vin-hin-section label {
        text-align: left;
        margin: 0 0 10px;
        font-size: 14px;
        font-family: "basis_grotesque_proregular"
    }

    .Distextarea {
        max-width: 400px !important;
        height: 160px !important;
        width: 400px !important
    }

    .upload-photo-inner {
        width: 33%
    }

    .AdPostSec-Thirteen {
        padding: 0 0 100px 60px
    }

    .payment-method-pr {
        padding-right: 10px
    }

    .MethodBtn-Third {
        margin: 16px 0 0
    }

    .MethodRadio-Btn {
        padding-left: 30px;
        line-height: 10px;
        font-size: 14px
    }

    .MethodCheck {
        height: 20px;
        width: 20px;
        top: -6px
    }

    .MethodRadio-Btn .MethodCheck:after {
        top: 2px;
        left: 2px;
        width: 12px;
        height: 12px
    }

    .paymentback {
        border-radius: 5px;
        height: 40px;
        margin: 0 0 16px;
        padding: 15px 12px
    }

    .MethodRadio-Btn img {
        margin: -5px 0 0;
        max-width: 60px;
        height: auto
    }

    .CardNumber-Form label {
        margin: 0 0 10px;
        font-size: 12px
    }

    .CardNumber-Form input {
        border-radius: 5px;
        font-size: 12px;
        height: 40px;
        padding: 0 15px 0 42px
    }

    .CardNumber-Form img {
        left: 12px;
        top: 46px;
        height: 15px
    }

    .payment-method-pr .mt-4 {
        margin-top: 0 !important
    }

    .Add-SummaryContainer {
        padding: 10px 12px 25px
    }

    .Add-SummaryContainer .PremiumList h1,
    .Add-SummaryContainer .PremiumList h1 span {
        font-size: 14px
    }

    .Add-SummaryContainer .PremiumList p {
        margin: 6px 0 0;
        font-size: 14px;
        color: #aaabad
    }

    .Add-SummaryContainer .PremiumList {
        padding: 16px 0 14px
    }

    .TotalContinue-Btn p {
        font-size: 10px
    }

    .CardNumber-Form {
        margin: 0 0 16px
    }

    .ExpiryUnlock {
        margin: -4px 0 25px;
        display: flex
    }

    .AddSummary-Head h6 {
        margin: -20px 0 16px;
        font-size: 16px
    }

    .Unionlock-img {
        top: 44px !important;
        height: 20px !important
    }

    .Finalize-CardDetail {
        margin: 0 0 16px;
        padding: 20px
    }

    .AddFinalize-Head {
        margin: 0 0 16px
    }

    .AddFinalize-Head h1 {
        font-size: 16px
    }

    .vin-hin-section .form-control {
        padding: 0 16px;
        font-size: 12px;
        height: 38px
    }

    .vin-hin-section p {
        font-size: 11px;
        line-height: 14px;
        margin: 20px 0 16px;
        text-align: left
    }

    .vin-hin-section strong {
        font-size: 11px;
        line-height: 15px;
        text-align: left
    }

    .ApplicantInfo-Container label {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 22.4px
    }

    .PostApp-Form input,
    .PostApp-Form select {
        height: 38px;
        font-size: 12px
    }

    .Applicantin-Btm {
        margin-bottom: 20px
    }

    .PostApp-Form .react-datepicker__input-container input {
        background-position: 94% 54% !important;
        background-size: 18px
    }

    .PostApp-Head h1 {
        font-size: 16px;
        line-height: 20px
    }

    .PostApp-Status .top-status-bar {
        max-width: 378px;
        margin: 16px auto 0
    }

    .PostApp-Form .srv-validation-message,
    .ListSource-Form .srv-validation-message {
        bottom: -18px;
        font-size: 10px
    }

    .ApplicantAddress {
        width: 100%;
        text-align: left;
        margin-bottom: 20px
    }

    .App-post-body-main .react-select-main .react-select__control {
        height: 48px;
        background-size: 12px
    }

    .ApplicantAddress label {
        margin: 0 0 10px;
        font-size: 14px
    }

    .App-post-body-main .react-select-main .css-1uccc91-singleValue {
        font-size: 12px
    }

    .App-post-body-main .react-select-main .react-select__input input[type=text] {
        height: 32px
    }

    .ApplicantAddress .react-location-select-main .css-yk16xz-control {
        height: 48px
    }

    .ApplicantAddress .react-location-select-main .react-location-select__input input[type=text] {
        height: 32px
    }

    .ApplicantAddress .css-tlfecz-indicatorContainer {
        padding: 10px 5px !important
    }

    .ApplicantAddress .react-location-select-main .react-location-select__value-container {
        padding: 0 40px
    }

    .ApplicantAddress .react-location-select-main .react-location-select__control {
        background-position: 15px 50% !important;
        background-size: 20px
    }

    .ApplicantAddress .react-location-select-main .css-1wa3eu0-placeholder {
        font-size: 12px
    }

    .ApplicantAddress .react-location-select-main .react-location-select__single-value {
        font-size: 12px
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn {
        padding-left: 28px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 22px
    }

    .ListSource-Form label {
        font-size: 14px
    }

    .ListSource-Form {
        text-align: left;
        margin: 20px 0 0
    }

    .ListSource-Form input {
        font-size: 12px
    }

    .ListSource-Form select,
    .ListSource-Form input {
        height: 38px
    }

    .Priced-2 {
        background: url(../image/dollar-sign.svg) no-repeat center left 15px !important;
        padding-left: 45px !important;
        background-size: 18px !important
    }

    .PostApp-Form .KMIcon-1 {
        padding: 0 45px;
        background-size: 18px
    }

    .PostAdd-TopList ul li.active a,
    .PostApp-TopList ul li.active a {
        background-size: 22px;
        height: 32px;
        width: 32px
    }

    .Dealer-Mobileimg {
        display: none
    }

    .RegisterAccount-Container {
        margin: 0 auto;
        text-align: center;
        display: table
    }

    .Select-TopHead h3 {
        font-size: 20px;
        line-height: 25px;
        text-align: center
    }

    .Select-TopHead p {
        font-size: 14px;
        text-align: center;
        line-height: 19.6px
    }

    .ContainerBuyerIcon {
        margin: 0 15px 100px;
        width: 197px;
        height: 217px
    }

    .ContainerBuyerIcon .BuyerSeller img {
        padding: 40px 0 20px;
        width: 88px
    }

    .ContainerBuyerIcon .BuyerSeller h4 {
        padding: 0 0 25px;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 25px
    }

    .Select-TopHead {
        padding: 10px 0 50px
    }

    .Section-DealerInfo {
        padding: 0
    }

    .DealerInfo-List ul li h1 {
        font-size: 20px
    }

    .DealerInfo-List {
        margin: 0 auto;
        padding: 10px 0 0;
        text-align: center
    }

    .DealerInfo-List ul li a {
        font-size: 16px;
        height: 32px;
        width: 32px;
        line-height: 35px
    }

    .DealerHead {
        padding: 40px 0 20px
    }

    .Dealer-infoform {
        width: 520px;
        margin: 0 auto
    }

    .SignIn-Con,
    .SignUp-Con {
        max-width: 220px
    }

    .DealerHead h4 {
        font-size: 14px;
        line-height: 16px
    }

    .DealerForm label {
        margin: 0 0 10px;
        font-size: 14px
    }

    .DealerForm input,
    .DealerForm select {
        font-size: 14px;
        height: 38px
    }

    .DealerForm .srv-validation-message {
        font-size: 12px
    }

    .DealerInfo-List ul li.active a {
        height: 32px;
        width: 32px
    }

    .DealerForm select {
        background: #fff url(../image/info-arrow-down.svg) no-repeat center right 15px;
        background-size: 12px
    }

    .Register-Form input {
        font-size: 14px;
        height: 38px
    }

    .Register-Form .passicon {
        top: 40px
    }

    .Register-Form .passicon i {
        font-size: 10px
    }

    .UploadBtn-Head label {
        margin: 0 0 10px;
        font-size: 14px
    }

    .Section-DealerInfo .custom-file-label {
        padding: 0 10px 0 45px;
        font-size: 12px;
        height: 38px;
        line-height: 38px
    }

    .Section-DealerInfo .custom-file-label::after {
        top: 8px;
        height: 20px;
        width: 20px
    }

    .Section-DealerInfo .custom-file-input:lang(en)~.custom-file-label::after {
        line-height: 22px;
        font-size: 10px
    }

    .Section-DealerInfo .custom-file {
        height: 38px;
        margin-bottom: 30px
    }

    .DealerBtn {
        margin-top: 50px;
        font-size: 16px
    }

    .BtnMark {
        top: -2px;
        height: 24px;
        width: 24px
    }

    .DealerPara-Head h3 {
        font-size: 14px
    }

    .DealerPara-Head {
        margin: 0 0 10px
    }

    .Dealer-LastHead {
        padding: 40px 0 40px 15px
    }

    .Dealer-LastHead h1 {
        font-size: 20px;
        text-align: center;
        line-height: 25px
    }

    .Dealer-LastHead p {
        font-size: 14px;
        text-align: center;
        line-height: 19.6px
    }

    .aligncenter-mobile {
        margin: 0 auto;
        text-align: center;
        display: inline-flex
    }

    .UserRegister-SignUp-r {
        margin: 0;
        padding: 0;
        position: absolute;
        top: -60px
    }

    .hp-featured-vehicle .owl-theme .owl-nav .owl-next {
        right: -105px;
        position: absolute;
        top: -60px
    }

    .hp-featured-vehicle .owl-theme .owl-nav .owl-prev.disabled,
    .hp-featured-vehicle .owl-theme .owl-nav .owl-next.disabled {
        background-color: #f9d9cc;
        opacity: 1;
        display: block
    }

    .post-ad-tabular-filter-row.vin-hin-section {
        max-width: 100%;
        width: 100%;
        display: block
    }

    .post-ad-tabular-filter-row .cke_top,
    .post-ad-tabular-filter-row .cke_bottom {
        display: none !important
    }

    .post-ad-tabular-filter-row .cke_chrome {
        display: block;
        border: 1px solid #d4d0dd;
        padding: 1px;
        top: 100px;
        left: 0;
        right: 0;
        z-index: 99
    }

    .UserRegister-SignUp-r h1 {
        font-family: "freightdispproblauploadedfile";
        font-style: normal;
        font-size: 32px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        line-height: 41.6px;
        margin: 0;
        padding: 0
    }

    .RegMt {
        padding: 30px 0 0
    }

    .Register-Head h1 {
        font-size: 20px;
        text-align: center;
        line-height: 25px
    }

    .Register-Head p {
        font-size: 14px;
        text-align: center;
        line-height: 19.6px
    }

    .Register-Head {
        margin: 0 0 12px
    }

    .DealerHead p {
        font-size: 14px;
        text-align: center;
        line-height: 16px;
        margin-bottom: 20px
    }

    .MobileSignUp-Container {
        width: 520px;
        margin: 0 auto;
        text-align: center
    }

    .Register-Form label {
        margin: 0 0 10px;
        font-size: 14px
    }

    .Register-Form {
        text-align: left
    }

    .Create-Padd {
        margin-top: 20px;
        float: left;
        margin-bottom: 20px
    }

    .HeaderIcon-Right {
        margin: 18px 10px 0 0
    }

    .Profiledropdown .dropdown-toggle::after {
        width: 14px
    }

    .Header-AddPost button {
        margin: 0 0 0 8px;
        border-radius: 5px;
        font-size: 12px;
        width: 100px;
        height: 32px
    }

    .HeaderIcon-Right img {
        height: 24px
    }

    .Profiledropdown .btn-primary i {
        font-size: 25px
    }

    .SignUp-Head a {
        font-family: "BasisGrotesquePro-Medium";
        font-size: 12px
    }

    .SignUp-Head span {
        margin: 0;
        font-family: "BasisGrotesquePro-Medium";
        font-size: 12px
    }

    .navbar-nav {
        flex-direction: inherit
    }

    .navbar-nav li {
        float: left
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
        font-family: "BasisGrotesquePro-Medium"
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6px;
        padding-left: 6px
    }

    .SignUp-Head {
        margin: 16px 2px 0 0
    }

    .MenuNav-List {
        margin: 6px 0 0
    }

    .Profiledropdown .btn {
        margin-top: 20px
    }

    .paddtop-1 {
        margin-bottom: 17px
    }

    .Register-Footer {
        padding: 16px 0
    }

    .SignIn-CopyRight h2,
    .SignIn-CopyRight h3 {
        font-size: 14px;
        text-align: center;
        line-height: 19px
    }

    .DealerHead h3 {
        margin: 0 0 16px;
        font-size: 20px;
        text-align: center
    }

    .CreatAccount-Btn {
        margin: 40px 0 30px;
        text-align: left
    }

    .BoostYour-Container {
        display: block;
        margin: 0 0 0 70px
    }

    .AdBoost-Container {
        display: none
    }

    .Verification-Head {
        margin: 0
    }

    .Verification-Head h1 {
        font-size: 20px;
        line-height: 25px;
        text-align: center
    }

    .Verification-Head p {
        font-size: 14px;
        text-align: center;
        line-height: 22.4px
    }

    .CodeSent-Con {
        margin: 40px 0 30px;
        width: 400px;
        height: 68px
    }

    .CodeSent-Con .CodeSent-Left img {
        height: 30px
    }

    .CodeSent-Con .CodeSent-Right h1,
    .CodeSent-Con .CodeSent-Right h2 {
        font-size: 14px;
        line-height: 18.8px
    }

    .VerifyCode-Form label {
        margin: 0 0 10px;
        font-size: 14px
    }

    .VerifyCode-Form {
        text-align: left;
        max-width: 400px
    }

    .VerifyCode-Form input {
        font-size: 12px;
        height: 38px
    }

    .CodeAgain-Head {
        margin: 75px 0 0;
        float: left
    }

    .VerifyBtn {
        margin: 60px 0 100px;
        float: right
    }

    .Section-Footer {
        padding: 40px 0
    }

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

    .FooterLogo img {
        width: 20%
    }

    .DownloadApp-Head {
        margin: 16px auto 0;
        display: table;
        width: 100%;
        text-align: center
    }

    .Contact-fLinks {
        margin: 20px auto 0;
        padding: 0;
        text-align: center;
        display: table
    }

    .Contact-fLinks ul li h1 i,
    .Contact-fLinks ul li a i,
    .Contact-fLinks ul li h2 {
        margin: 0 5px 0 0;
        padding: 0;
        font-size: 15px;
        width: 24px;
        height: 24px;
        line-height: 25px
    }

    .Contact-fLinks ul li h1,
    .Contact-fLinks ul li a {
        font-size: 12px;
        line-height: 24px
    }

    .footerEmail {
        font-size: 10px !important;
        top: -1px
    }

    .Contact-fLinks ul li h2 i {
        left: -2px
    }

    .DownloadApp-Head img {
        margin: 0 8px 0 0;
        width: 110px
    }

    .SocialMedia-Icon {
        margin: 16px auto 0;
        text-align: center
    }

    .SocialMedia-Icon ul li {
        margin: 0 4px 0 0
    }

    .SocialMedia-Icon ul li:nth-child(1) i {
        font-size: 25px
    }

    .SocialMedia-Icon ul li:nth-child(2) i {
        font-size: 28px;
        position: relative;
        top: 3px
    }

    .SocialMedia-Icon ul li:nth-child(3) i {
        font-size: 22px
    }

    .SocialMedia-Icon ul li:nth-child(4) i {
        font-size: 24px;
        margin-left: 6px
    }

    .SocialMedia-Icon ul li i {
        font-size: 22px
    }

    .footerlinks h3 {
        margin: 0 0 12px;
        font-size: 20px
    }

    .footerlinks {
        margin: 50px auto 0;
        width: 25%;
        padding: 0 15px
    }

    .footerlinks ul li {
        margin: 0 0 10px
    }

    .search-main-holder .filters-col {
        max-width: 288px
    }

    .search-main-holder .right-grid-view-main {
        width: calc(100% - 288px)
    }

    .search-main-holder .search-grid-col {
        width: 50%
    }

    .ListSearch-Form input,
    .ListSearch-Form select {
        padding: 0 15px;
        font-size: 12px;
        height: 40px
    }

    .ListLocation-Form input {
        font-size: 12px;
        height: 40px;
        padding: 0 15px 0 30px
    }

    .ListSearch-Form::after {
        top: 8px;
        height: 24px
    }

    .ListSearch-Form select {
        background: url(../image/filter-arrow.svg) no-repeat right 20px center;
        background-size: 10px
    }

    .ListLocation-Form button {
        padding: 5px 15px;
        border-radius: 5px;
        font-size: 12px;
        right: 12px;
        top: 6px
    }

    .ListLocation-Form button::before {
        font-size: 12px
    }

    .ListLocation-Form i {
        font-size: 14px;
        top: 9px
    }

    .ResultHead h3 {
        font-size: 16px
    }

    .SortBay-Menu h1 {
        font-size: 14px
    }

    .SortBay-Menu select {
        font-size: 14px
    }

    .SortBay-Menu i {
        font-size: 22px;
        left: 62px;
        top: 6px
    }

    .Section-ListandGrid {
        padding: 30px 0 0
    }

    .Filter-Head h1,
    .Filter-Head h1 span {
        font-size: 14px;
        line-height: 17.78px
    }

    .LeftMenu-Container .card-header h2 button {
        font-size: 14px;
        line-height: 17.78px;
        font-family: "basis_grotesque_probold"
    }

    .filters-vehicle-type .vehicle-type-description strong {
        font-size: 10px;
        line-height: 13.2px
    }

    .detail-page-main-outer .detail-carousal {
        width: 48%
    }

    .detail-page-main-outer .detail-list-detail {
        width: 52%
    }

    .detail-page-main-outer .detail-carousal .carousel-root {
        padding: 0 30px
    }

    .cross-detail {
        width: 30px;
        height: 30px
    }

    .cross-detail:before {
        height: 18px;
        margin: -9px 0 0 -1px
    }

    .cross-detail:after {
        height: 18px;
        margin: -9px 0 0 -1px
    }

    .ListDetail-Badge {
        width: 30px;
        height: 30px
    }

    .ListDetail-Badge i {
        font-size: 16px;
        line-height: 32px
    }

    .detail-carousal .carousel.carousel-slider .control-arrow.control-next {
        background-position: 6px 50%;
        background-size: 20px;
        width: 30px;
        height: 30px
    }

    .detail-carousal .carousel.carousel-slider .control-arrow.control-prev {
        background-position: 6px 50%;
        background-size: 20px;
        width: 30px;
        height: 30px
    }

    .LargeRight-Image h1 {
        font-size: 20px;
        line-height: 25.4px
    }

    .LargeRight-Image h4 {
        font-size: 24px
    }

    .FinanceThat-Container .ServiceTwo {
        margin: 0 auto 0 10px;
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    .FinanceThat-Container .ServiceTwo img {
        height: 16px
    }

    .FinanceThat-Container .ServiceOne {
        margin: 0 0 0 10px
    }

    .FinanceThat-Container .ServiceOne a {
        padding: 0 16px;
        font-size: 15px;
        line-height: 40px
    }

    .OverViewListing h1 {
        font-size: 14px;
        line-height: 40px
    }

    .OverView-Container .OverView-Left h3,
    .OverView-Container .OverView-Left h2,
    .OverView-Container .OverView-Right h3,
    .OverView-Container .OverView-Right h2,
    .OverView-Container .OverView-Left h4,
    .OverView-Container .OverView-Left h5,
    .OverView-Container .OverView-Right h5,
    .OverView-Container .OverView-Right h4 {
        font-size: 14px
    }

    .OverViewRate-Container .RateImage img {
        height: 48px;
        width: 48px
    }

    .OverViewRate-Container .RateImage a {
        line-height: 42px
    }

    .OverViewRate-Container .RateImage .pr-avatar {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 15px
    }

    .OverViewRate-Container .RateImage .RateBadge {
        height: 25px;
        width: 25px;
        left: 52px
    }

    .OverViewRate-Container .RateImage .RateBadge i {
        font-size: 14px;
        line-height: 25px
    }

    .OverViewRate-Container .OverView-Btm h1 {
        margin: 12px 0 6px;
        font-size: 13px;
        line-height: 18.2px
    }

    .OverViewRate-Container .OverView-Btm h5 {
        font-size: 11px;
        line-height: 14.85px
    }

    .OverViewRate-Container .OverView-Btm a {
        margin: 20px 20px 0
    }

    .Description-Head h2 {
        font-size: 14px;
        line-height: 40px
    }

    .FeatureList-Large h4 {
        font-size: 14px;
        line-height: 40px
    }

    .LargePayment-Container .card strong.title {
        font-size: 14px;
        line-height: 40px
    }

    .Payment-SummaryList h1 {
        font-size: 14px;
        line-height: 17px
    }

    .Payment-SummaryList ul li {
        padding: 12px 0
    }

    .Payment-SummaryList ul li h3,
    .Payment-SummaryList ul li h4,
    .Payment-SummaryList ul li h5,
    .Payment-SummaryList ul li h6 {
        font-size: 10px
    }

    .EstimatedPayment-Head h1 {
        font-size: 12px
    }

    .EstimatedPayment-Head h2,
    .EstimatedPayment-Head h3,
    .EstimatedPayment-Head span {
        font-size: 16px;
        line-height: 18px
    }

    .EstimatedPayment-Head h4 {
        margin: 9px 0 16px;
        font-size: 12px;
        line-height: 18px
    }

    .EstimatedPayment-Head button img {
        height: 20px;
        top: -5px;
        left: -6px
    }

    .EstimatedPayment-Head button {
        font-size: 14px !important;
        line-height: 32px
    }

    .banner-filters-content-inner {
        vertical-align: top;
        padding-top: 30px;
        padding-left: 70px;
        padding-right: 70px
    }

    .NavBanner-Head {
        padding: 0 0 15px
    }

    .SectionBanner .bannerButtons .text {
        font: 15px basis_grotesque_probold;
        margin: 0 10px
    }

    .SectionBanner .bannerButtons button {
        font-size: 14px;
        width: 190px;
        height: 47px
    }

    .NavBanner-Head h1 {
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        font-size: 30px;
        margin-top: 44px
    }

    .SearchFilter-Container {
        padding: 0 10px;
        border-radius: 5px;
        margin-top: 60px
    }

    .SearchFilter-Container.more-filters {
        margin-top: 60px
    }

    .SearchFilter-form input,
    .SearchFilter-form select {
        font-size: 10px;
        height: 40px;
        border-radius: 5px
    }

    .SearchFilter-form::after {
        height: 20px;
        top: 10px
    }

    .banner-react-select-main .banner-react-select__control {
        font-size: 10px;
        padding: 0 10px
    }

    .SearchFilter-Container .btn-primary {
        border-radius: 5px;
        font-size: 12px;
        line-height: 28px;
        right: 5px;
        width: 98px;
        height: 28px
    }

    .SearchFilter-Container .btn-primary::before {
        font-size: 14px
    }

    .SectionBanner .AddLocation-Form {
        padding: 0 90px 0 25px
    }

    .AddLocation-Form i {
        left: 5px;
        font-size: 14px
    }

    .SectionBanner .ShowFilter-Head {
        display: none
    }

    .SectionBanner .SearchFilter-form.categories {
        display: none
    }

    .SectionBanner .SearchFilter-form.search {
        width: 60.9%
    }

    .SectionBanner .SearchFilter-form.search .large {
        display: none
    }

    .SectionBanner .SearchFilter-form.search .small {
        display: block
    }

    .SectionBanner .AddLocation-Form {
        padding: 0 20px 0 32px
    }

    .vehicle-budget {
        padding: 60px 40px 80px
    }

    .vehicle-budget h2 {
        margin: 0 0 30px;
        font-size: 28px;
        line-height: 56px;
        color: #3f2355
    }

    .way-it-should {
        padding: 15px
    }

    .way-it-should-wrapper {
        display: block
    }

    .way-it-should .image-holder {
        width: 100% !important
    }

    .way-it-should .way-it-should-content {
        width: 100%;
        padding: 0 40px
    }

    .way-it-should .way-it-should-content h2 {
        font-size: 28px;
        margin: 20px 0 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .way-it-should .title {
        display: none
    }

    .dealer-listing-banner .banner-detail-sec {
        padding: 20px
    }

    .dealer-listing-banner .banner-detail-sec .dealer-detail-col:first-child {
        width: 150px
    }

    .dealer-listing-banner .dealer-logo-holder {
        width: 150px;
        height: 150px
    }

    .dealer-listing-banner .dealer-detail h1 {
        margin: 0 0 20px;
        font-size: 30px;
        line-height: 30px
    }

    .dealer-listing-banner .dealer-detail .detail-icon {
        width: 28px;
        height: 28px;
        background-size: 12px;
        margin: 0 10px 0 0
    }

    .dealer-listing-banner .dealer-detail .dealer-detail-list-item {
        font-size: 15px;
        line-height: 30px;
        margin: 0 0 10px 20px
    }

    .banner-filters-content-main {
        padding: 0
    }

    .first-banner .NavBanner-Head {
        padding: 0 0 25px
    }

    .SectionBanner {
        height: 338px
    }

    .banner-react-select-main .banner-react-select__control {
        height: 40px
    }

    .AddLocation-Form input {
        font-size: 10px;
        height: 40px
    }

    .ShowFilter-Head button {
        font-size: 12px
    }

    .imageObject {
        width: 33%
    }

    .dealer-how-inner-background.how-it-works-background {
        background: url(../image/how-it-work-responsive.png) no-repeat top right #f8feff
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left {
        width: 55%
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-right {
        width: 45%
    }

    .how-it-works-main-container .how-it-works-inner {
        zoom: 60%
    }

    .Select-TopHead p.select-para-mobile {
        max-width: 485px;
        width: 100%;
        margin: 0 auto
    }

    .GetPass-PadLeft {
        padding-left: 0;
        padding-top: 0;
        margin: 0 auto;
        text-align: center;
        display: table
    }

    .UserSign-Head h3 {
        font-size: 20px;
        line-height: 25px
    }

    .UserSign-Head p.pass-head-mt {
        margin-top: 0
    }

    .UserSign-Head p {
        line-height: 22.4px;
        letter-spacing: .0035em;
        max-width: 397px;
        width: 100%
    }

    .UserSign-Head p br {
        display: none
    }

    .forgot-confirmation-container {
        margin: 36px auto 0
    }

    .create-password-head h1 {
        font-size: 20px;
        line-height: 25px
    }

    .create-password-head ul li {
        font-size: 14px;
        line-height: 19.32px;
        margin-bottom: 9px;
        padding-left: 15px
    }

    .create-password-head ul li::before {
        height: 8px;
        width: 8px;
        top: 5px
    }

    .Section-UserProfile .container-fluid,
    .Section-UserProfile.Chatbg .container-fluid {
        padding-left: 40px !important;
        padding-right: 40px !important
    }

    .UserProfile-Container {
        padding: 16px;
        border-radius: 5px
    }

    .Input-UserForm label {
        margin: 0 0 8px;
        font-size: 14px;
        line-height: 19.6px
    }

    .Input-UserForm input,
    .Input-UserForm select {
        padding: 0 12px;
        font-size: 12px;
        height: 30px
    }

    .Input-UserForm {
        margin: 0 0 12px
    }

    .ChangePass-Btn {
        margin: 30px 0 16px;
        float: left
    }

    .ChangePass-Btn button {
        font-size: 14px;
        width: 160px
    }

    .Input-UserForm .react-select-main .react-select__input input[type=text] {
        height: 24px
    }

    .Input-UserForm .react-select-main .css-yk16xz-control {
        min-height: 30px
    }

    .Input-UserForm .react-select-main .react-select__control {
        border-radius: 5px !important;
        background-position: 10px 50% !important;
        background-size: 18px
    }

    .Input-UserForm .react-select-main .react-select__value-container {
        padding: 0 35px
    }

    .Input-UserForm .react-select-main .css-1wa3eu0-placeholder {
        font-size: 12px
    }

    .profile-sideMenu ul li a {
        padding: 12px 16px;
        font-size: 14px
    }

    .profile-sideMenu ul li:nth-child(1) a:after {
        font-size: 15px
    }

    .profile-sideMenu ul li:nth-child(2) a:after {
        font-size: 10px;
        padding-top: 4px
    }

    .profile-sideMenu ul li:nth-child(3) a:after {
        font-size: 18px;
        right: 17px;
        top: 11px
    }

    .profile-sideMenu ul li:nth-child(4) a:after {
        font-size: 18px;
        right: 17px;
        top: 11px
    }

    .profile-sideMenu ul li:nth-child(5) a:after {
        font-size: 18px;
        right: 17px;
        top: 10px
    }

    .profile-sideMenu ul li:nth-child(6) a:after {
        font-size: 18px;
        right: 16px;
        top: 10px
    }

    .BuyerSign-Congress {
        margin: 100px 0
    }

    .BuyerSign-Congress h1 {
        margin: 0 0 12px;
        text-align: center
    }

    .BuyerSign-Congress h2 {
        font-size: 20px;
        line-height: 26.4px;
        text-align: center
    }

    .BuyerSign-Congress h3 {
        font-size: 30px;
        line-height: 38.1px;
        margin-bottom: 25px;
        text-align: center
    }

    .dealer-colum-left.dealer-head-mobile {
        padding-left: 30px !important
    }

    .dealer-colum-left.dealer-head-mobile .creative-your-free h1 {
        font-size: 36px !important;
        line-height: 38.4px !important;
        margin-bottom: 16px !important
    }

    .dealer-colum-left.dealer-head-mobile .creative-your-free h2 {
        line-height: 18px !important;
        font-size: 12px !important;
        max-width: 286px
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button {
        margin: 30px 0 120px !important;
        display: flex
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button a {
        line-height: 32px !important;
        max-width: 147px !important;
        height: 32px !important;
        font-size: 12px !important;
        border-radius: 5px !important
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button button.watchvideo {
        max-width: 140px !important;
        margin-left: 16px !important;
        padding-left: 16px !important;
        height: 32px !important;
        border-radius: 5px !important;
        line-height: 32px !important;
        font-size: 12px !important
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button span {
        background-size: 100% !important;
        height: 21px !important;
        width: 21px !important;
        top: 6px !important;
        right: 16px !important
    }

    .VehicleForm-Head.boost-label-hide-text {
        display: none
    }

    .StripeElement {
        height: 40px;
        border-radius: 5px;
        padding-left: 43px;
        padding-top: 10px
    }

    .InputContainer .InputElement {
        top: 1px
    }

    .Profiledropdown .btn-primary span.pr-avtar {
        width: 25px;
        height: 25px;
        line-height: 28px;
        font-size: 12px;
        top: 19px
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureMark {
        height: 17px;
        width: 17px
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn .FeatureMark:after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px
    }

    .FinalizePre-Btn button {
        width: 148px
    }

    .FinalizePre-Btn.discard-btn {
        float: left
    }

    .VechileList-Head h2 {
        font-size: 16px;
        line-height: 25.6px
    }

    .VechileList-Head p {
        font-size: 14px;
        line-height: 19.6px
    }

    .StockNumber-Container {
        margin: 20px 0 0
    }

    .StockNumber-Container .StockCon-Left {
        width: calc(100% - 83px);
        padding-right: 16px
    }

    .StockNumber-Container .StockCon-Right {
        width: 83px
    }

    .StockNumber-Container .StockCon-Right button {
        height: 38px;
        width: 83px;
        font-size: 14px
    }

    .StockNumber-Container .StockCon-Left input {
        padding: 0 10px 0 12px;
        font-size: 12px;
        height: 38px
    }

    .VehicleFound-Container {
        margin: 16px 0 0
    }

    .VehicleFound-Container h1 {
        margin: 0 0 12px
    }

    .Vehicle-Ad2 .Veh-Ad3,
    .Vehicle-Ad2 .Veh-Ad4 {
        width: 18%
    }

    .Vehicle-Ad2 .Veh-Ad4 {
        width: 82%
    }

    .Vehicle-Ad2 .Veh-Ad3 h2,
    .Vehicle-Ad2 .Veh-Ad4 h3 {
        font-size: 14px
    }

    .Modal-SignForm-Container .SignForm-Left,
    .Modal-SignForm-Container .SignForm-Right {
        max-width: 220px;
        padding-right: 15px
    }

    .Modal-SignInForm {
        max-width: 475px
    }

    .ModalPopup-Container .Admin-SignInRight {
        max-width: 250px
    }

    .ModalPopup-Container .Admin-SignInRight img {
        height: 590px
    }

    .Admin-SignInLeft .Mdp-SignBtn {
        margin: 20px 0 0 20px
    }

    .Admin-SignInLeft .Mdp-SignBtn button {
        height: 30px;
        width: 30px
    }

    .Modal-SignInHead h1 {
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 24px
    }

    .Modal-SignInHead {
        margin: 20px 0 0 20px
    }

    .Modal-SignForm-Container {
        margin: 30px 0 0 30px;
        margin-top: 0 !important
    }

    .Modal-SignForm-Container .SignForm-Left,
    .Modal-SignForm-Container .SignForm-Right {
        margin: 0 0 30px
    }

    .SignIn-Container {
        margin: 0 0 0 20px
    }

    .SignIn-Container button {
        width: 150px
    }

    .SignIn-SocialMedia {
        margin: 30px 0 0 20px;
        display: flex
    }

    .SignIn-SocialMedia .GooglePlus h1,
    .SignIn-SocialMedia .Sign-Facebook h1,
    .SignIn-SocialMedia .Sign-Linkedin h1 {
        font-size: 10px
    }

    .ModalPopup-Container .Admin-SignInRight h4 {
        font-size: 20px;
        top: 20px;
        left: 15px;
        line-height: 24px
    }

    .Section-SavedAds {
        margin: 0 0 12px;
        padding: 16px;
        border-radius: 5px
    }

    .Saveads-Container .colum-1,
    .Saveads-Container .colum-2,
    .Saveads-Container .colum-3 {
        width: 23.6%
    }

    .Saveads-Container .colum-2 {
        width: 56%;
        padding-left: 10px
    }

    .Saveads-Container .colum-3 {
        width: 16%
    }

    .Saveads-Container .AdImage {
        height: 85px
    }

    .Saveads-Container .SaveExpire-Container {
        bottom: 4px;
        left: 10px
    }

    .Saveads-Container .MyBtn-Container {
        right: 10px;
        bottom: 10px
    }

    .ChangePass-Container h1 {
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 25.6px
    }

    .ChangePass-Form .setting-label {
        line-height: 19.6px;
        font-size: 14px;
        letter-spacing: 0;
        margin: 0 0 8px
    }

    .ChangePass-Form input {
        padding: 0 25px 0 12px;
        height: 30px
    }

    .ChangePass-Form .icon-eye {
        font-size: 10px;
        top: 40px;
        right: 13px
    }

    .ChangePass-Form .setting-current-password {
        margin-bottom: 20px;
        font-size: 10px;
        line-height: 14px;
        margin-top: 5px
    }

    .ChangePass-Container .button-update-setting button {
        width: 160px;
        height: 48px;
        padding: 0;
        font-family: "basis_grotesque_probold";
        font-weight: 700;
        font-size: 14px
    }

    .MyApp-Head h1 {
        font-size: 20px;
        line-height: 26.4px
    }

    .MyAppRight-List ul li h1,
    .MyAppRight-List ul li h2,
    .MyAppRight-List ul li h3,
    .MyAppRight-List ul li h4 {
        font-size: 10px
    }

    .MyAppRight-List ul li h1::before,
    .MyAppRight-List ul li h2::before,
    .MyAppRight-List ul li h3::before,
    .MyAppRight-List ul li h4::before {
        margin: 0 2px 6px 0;
        width: 10px;
        height: 10px;
        top: 0
    }

    .MyAppRight-List ul li {
        margin: 0 0 0 6px
    }

    .MyApp-ThumText {
        padding: 12px
    }

    .MyApp-ThumText .TopText-Head h1,
    .MyApp-ThumText .TopText-Head h3,
    .MyApp-ThumText .TopText-Head h4,
    .MyApp-ThumText .TopText-Head h5 {
        padding: 0 0 8px;
        font-size: 12px
    }

    .MyApp-ThumText .TopText-Head h1::after,
    .MyApp-ThumText .TopText-Head h3:after,
    .MyApp-ThumText .TopText-Head h4::after,
    .MyApp-ThumText .TopText-Head h5::after {
        width: 12px;
        height: 12px
    }

    .MyApp-ThumText .AmountRequest-Head h1 {
        font-size: 12px
    }

    .MyApp-ThumText .AmountRequest-Head h2 {
        margin: 4px 0 0;
        font-size: 16px;
        line-height: 20.66px
    }

    .MyApp-ThumText .AmountRequest-Head {
        padding: 40px 0 0
    }

    .MyApp-ThumText .AmountRequest-Head h3,
    .MyApp-ThumText .AmountRequest-Head h4 {
        margin: 14px 0 0;
        font-size: 12px;
        line-height: 15.84px
    }

    .MyApp-ThumText .AmountRequest-Head h3 i {
        font-size: 15px
    }

    .MyApp-ThumText .AmountRequest-Head a {
        margin: 16px 0 0;
        padding: 3px 0;
        border-radius: 5px;
        font-size: 12px
    }

    .MyApp-ThumText .TopText-Head h2 {
        margin: 8px 0 0;
        font-size: 10px;
        line-height: 13.2px
    }

    .PrivacyPolicy-Head h1 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0
    }

    .PrivacyPolicy-Head p {
        margin: 16px 0 30px;
        padding: 0;
        font-size: 12px;
        line-height: 18.6px;
        text-decoration: none;
        max-width: 342px
    }

    .PrivacyPolicy-Head {
        padding: 35px 0 0
    }

    .PrivacyTerm-Container {
        margin: 66px 0;
        padding: 30px
    }

    .PrivacyTerm-Head h1 {
        margin: 0 0 16px;
        font-size: 20px;
        line-height: 26.4px
    }

    .PrivacyTerm-Head p {
        font-size: 12px;
        line-height: 22px
    }

    .PrivacyTerm-Container .sec-mt {
        margin-top: 30px
    }

    .forget-password-validation .srv-validation-message {
        background-size: 5%;
        padding-left: 30px;
        position: absolute;
        max-width: 600px;
        bottom: -30px
    }

    .Message-ConLeft {
        padding: 20px 12px 15px;
        margin-top: 30px;
        border-radius: 5px 5px 0 0
    }

    .Message-ConLeft a {
        border-radius: 5px;
        width: 90px;
        height: 38px;
        font-size: 14px;
        line-height: 38px
    }

    .Message-ConLeft h4 {
        margin: 8px 0 0 16px;
        font-size: 20px
    }

    .ChatSearch input {
        padding: 0 15px 0 40px;
        background: #fff url(../image/chat-search-icon.svg) no-repeat left 15px center;
        background-size: 15px;
        border-radius: 5px;
        font-size: 14px;
        height: 38px
    }

    .ChatSearch {
        padding: 15px 12px 0
    }

    .ChatUnread-Btn button {
        margin: 0 20px 0 0;
        padding: 0;
        font-size: 14px;
        background: none
    }

    .ChatUnread-Btn button:hover,
    .ChatUnread-Btn button.active {
        color: #3f2355;
        background: none;
        font-family: "basis_grotesque_probold";
        font-weight: 700
    }

    .ChatUnread-Btn {
        padding: 20px 12px
    }

    .ChatLeft-Container.border-radius-0 {
        padding: 0
    }

    .ChatDropdown-List ul li a {
        border-bottom: 1px solid rgba(209, 211, 214, 0.3);
        border-left: none;
        border-right: none;
        border-top: none;
        border-radius: 0;
        margin-bottom: 0;
        padding: 12px
    }

    .ChatDropdown-List ul li a:hover,
    .ChatDropdown-List ul li a:focus,
    .ChatDropdown-List ul li a:active,
    .ChatDropdown-List ul li.active a {
        background: rgba(238, 238, 240, 0.4)
    }

    .ChatDropdown-Head img {
        height: 36px;
        width: 36px
    }

    .ChatDropdown-Head h1 {
        padding: 0 0 0 8px;
        font-size: 14px;
        width: calc(100% - 75px)
    }

    .ChatLeft-Container {
        height: 100vh;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .HondaAccord-Con .AccordLeft img {
        width: 100px;
        height: 74px;
        border-radius: 5px
    }

    .HondaAccord-Con {
        margin: 30px 0 0;
        padding: 12px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid rgba(209, 211, 214, 0.3)
    }

    .ChatDropdown-Head h2,
    .ChatDropdown-Head h2 span {
        right: 4px;
        top: 6px
    }

    .HondaAccord-Con .AccordLeft .AccordHead {
        margin: 0 0 0 10px
    }

    .HondaAccord-Con .AccordLeft .AccordHead h1,
    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        font-size: 14px;
        line-height: 19.32px
    }

    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        background-size: 20px;
        padding-left: 25px
    }

    .ChatRight-Container {
        margin: 0 0 40px;
        padding: 12px;
        border-radius: 0 0 5px 5px
    }

    .UserMessage-Section {
        padding: 30px 0 0
    }

    .HondaAccord-Con .AccordRight .dropdown-Right {
        margin: 20px 8px 0 0
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right h1 {
        font-size: 14px;
        line-height: 19.8px
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right p {
        font-size: 12px;
        line-height: 16px
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right {
        padding: 24px 60px 10px 0
    }

    .UserChat-Right .InnerReply-Head {
        margin: 0
    }

    .UserChat-Right .InnerReply-Head h1 {
        padding: 10px;
        border-radius: 6px;
        font-size: 12px
    }

    .chat-avtar {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        margin: 0
    }

    .UserChat-Left .InnerChat-Head {
        margin: 0 0 10px 10px
    }

    .UserChat-Left .InnerChat-Head h1 {
        padding: 10px;
        font-size: 12px
    }

    .UserChat-Left .InnerReply-Head img {
        margin: 0 0 4px;
        border-radius: 6px;
        width: 106px;
        height: auto
    }

    .UserChat-Right .InnerReply-Head img {
        margin: 0 0 4px;
        width: 106px;
        border-radius: 6px
    }

    .ChatMessage-Search input {
        padding: 0 60px 0 10px;
        border-radius: 5px;
        font-size: 12px;
        height: 30px
    }

    .Emojifile-List ul li i {
        font-size: 16px
    }

    .Emojifile-List ul li .image-upload i {
        font-size: 16px;
        color: #2f80ed
    }

    .Emojifile-List ul li {
        margin: 0 6px 0 0
    }

    .Emojifile-List {
        margin: 2px 20px 0 0
    }

    .ChatMessage-Btn button {
        border-radius: 5px;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .ChatMessage-Btn {
        margin: 30px 0 0 10px
    }

    .ChatMessage-Search {
        margin: 30px 0 0 12px;
        width: 78%
    }

    .ChatImage-Upload {
        padding: 12px;
        margin: 0 12px
    }

    .ChatImage-Upload .ImageList .ImageHolder {
        width: 80px;
        height: 55px;
        border-radius: 5px
    }

    .ChatImage-Upload .ImageList .ImageHolder i {
        font-size: 14px;
        right: 6px;
        top: 2px
    }

    .Block-ConverstionHead p {
        margin: 50px auto 20px;
        font-size: 12px;
        line-height: 19.2px;
        max-width: 330px
    }

    .Block-ConverstionHead p br {
        display: none
    }

    .Block-ConverstionHead button {
        margin: 0 auto 10px;
        font-size: 16px;
        line-height: 25.6px;
        display: block
    }

    .Modal-RegisterHead {
        margin: 20px 0 0 20px;
        max-width: 342px
    }

    .detail-page-main-outer .detail-carousal .carousel .slide img {
        height: auto
    }

    .Modal-SignInHead p,
    .Modal-SignInHead a {
        margin: 0 0 15px;
        font-size: 14px;
        line-height: 16.2px
    }

    .Modal-SignForm-Container {
        margin: 0 0 0 20px;
        margin-top: 0 !important
    }

    .Modal-SignForm-Container .SignForm-Left label,
    .Modal-SignForm-Container .SignForm-Right label {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 19.4px
    }

    .Modal-SignForm-Container .SignForm-Left input,
    .Modal-SignForm-Container .SignForm-Right input {
        padding: 0 10px;
        border-radius: 5px;
        font-size: 14px;
        height: 40px
    }

    .Modal-RegisterHead h1 {
        font-size: 20px;
        line-height: 24px
    }

    .Modal-SignForm-Container .SignForm-Left i,
    .Modal-SignForm-Container .SignForm-Right i {
        font-size: 14px;
        right: 30px;
        top: 38px
    }

    .Modal-RegisterHead p {
        margin: 10px 0 0;
        font-size: 14px;
        line-height: 19.4px
    }

    .Modal-ByClicked {
        margin: 0 0 20px 20px
    }

    .Modal-ByClicked h1,
    .Modal-ByClicked h1 a {
        font-size: 14px;
        line-height: 19.68px
    }

    .Modal-RegisterHead h3,
    .Modal-RegisterHead h3 a {
        margin: 15px 0;
        font-size: 14px;
        line-height: 19px
    }

    .alert-add-modal-container .modal-dialog {
        padding-left: 15px;
        padding-right: 20px
    }

    .alert-add-modal-container .easy-to-post-container .colum-left {
        width: 45%
    }

    .alert-add-modal-container .easy-to-post-container .colum-right {
        width: 55%;
        padding-top: 30px;
        padding-right: 25px;
        padding-left: 25px
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head {
        margin: 50px 0 0
    }

    .alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list {
        margin: 0 auto 130px
    }

    .alert-add-modal-container .easy-to-post-container .colum-left .modal-logo {
        margin: 30px 0 30px 20px
    }

    .search-main-holder .right-grid-view-main.fixed-filters-layout {
        margin-left: 0
    }

    .search-main-holder .filters-col.fixed-filters {
        position: static
    }

    .AppNotFound-Container,
    .AppSubmit-Container,
    .Page404-Container {
        padding: 0
    }

    .AppNotFound-Head {
        padding: 160px 83px 70px
    }

    .AppNotFound-Head h1 {
        margin: 0 0 30px;
        font-size: 14px;
        line-height: 21px
    }

    .AppNotFound-Head a {
        margin: 0 0 20px;
        width: 235px;
        height: 46px;
        line-height: 46px;
        border-radius: 5px;
        font-size: 14px
    }

    .AppNotFound-Head h2 {
        font-size: 16px;
        line-height: 21px
    }

    .Conditionapprov-Con-Head h2 {
        font-size: 28px;
        line-height: 36.15px
    }

    .Conditionapprov-Con-Head h3 {
        font-size: 16px;
        line-height: 20.66px
    }

    .Conditionapprov-Con-Head h5,
    .Conditionapprov-Con-Head h4 {
        margin: 16px 0 12px;
        font-size: 24px;
        line-height: 26px
    }

    .Conditionapprov-Con-Head p {
        font-size: 14px;
        line-height: 21px
    }

    .Conditionapprov-Con-Head a {
        margin: 40px 0 16px;
        font-size: 14px;
        line-height: 46px;
        width: 263px;
        height: 46px
    }

    .Page404-Head {
        padding: 80px 60px
    }

    .Page404-Head h3 {
        font-size: 14px;
        line-height: 21px
    }

    .Page404-Head a {
        width: 233px;
        height: 46px;
        line-height: 46px;
        font-size: 14px
    }

    .AppSubmit-Head h1 {
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 36px
    }

    .AppSubmit-Head p {
        font-size: 14px;
        line-height: 21px
    }

    .AppSubmit-Head h2 {
        font-size: 16px;
        line-height: 20.66px
    }

    .AppSubmit-Head a {
        margin: 30px 0 0;
        background: #fb5100;
        border: 1px solid #fb5100;
        border-radius: 5px;
        font-size: 14px;
        line-height: 46px;
        width: 233px;
        height: 46px;
        color: #fff
    }

    .AppSubmit-Head {
        padding: 50px
    }

    .Saveads-Container .AdHeading h1 {
        font-size: 14px;
        margin: 10px 0 0
    }

    .Saveads-Container .AdHeading h1 img {
        margin: 0 2px 0 0;
        height: 18px;
        top: -3px
    }

    .Saveads-Container .AdsList-Btm {
        left: 10px;
        bottom: 10px
    }

    .Saveads-Container .SavedBtn {
        right: 10px;
        bottom: 10px
    }

    .Saveads-Container .AdHeading h2 {
        font-size: 12px;
        line-height: 15.84px;
        top: 0;
        position: static;
        margin: 6px 0 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px
    }

    .Saveads-Container .AdsList-Btm ul li h1 i {
        height: 12px;
        width: 12px;
        font-size: 8px;
        line-height: 8px
    }

    .Saveads-Container .AdsList-Btm ul li h1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90px;
        font-size: 10px
    }

    .Saveads-Container .AdsList-Btm ul li {
        margin: 0 12px 0 0
    }

    .Saveads-Container .AdsList-Btm ul li h1,
    .Saveads-Container .AdsList-Btm ul li h2 {
        font-size: 10px;
        display: block
    }

    .Saveads-Container .AdsList-Btm ul li h1 img,
    .Saveads-Container .AdsList-Btm ul li h2 img {
        width: 12px
    }

    .Saveads-Container .SavedBtn a span {
        display: none
    }

    .Saveads-Container .SavedBtn a {
        font-size: 0;
        width: 26px;
        height: 0;
        line-height: 0;
        margin: 0 10px 0 0;
        background: none
    }

    .Saveads-Container .SavedBtn button {
        border-radius: 5px;
        width: 24px;
        height: 24px
    }

    .Saveads-Container .SavedBtn button i {
        font-size: 12px;
        margin-top: -2px;
        display: block
    }

    .Saveads-Container .SavedBtn a img {
        height: 20px;
        top: 2px
    }

    .Savedads-Head {
        margin: 0 0 16px
    }

    .Savedads-Head h1 {
        font-size: 20px;
        line-height: 26.4px
    }

    .Saveads-Container .SaveExpire-List h3 {
        width: 16px;
        height: 16px;
        line-height: 0;
        top: -5px;
        margin: 0 1px 0 0
    }

    .Saveads-Container .SaveExpire-List h3 i {
        font-size: 10px
    }

    .Saveads-Container .SaveExpire-List h4 {
        font-size: 8px;
        line-height: 12px
    }

    .Saveads-Container .SaveExpire-List h4 span {
        line-height: 10px
    }

    .Saveads-Container .SaveExpire-List {
        margin: 0 12px 0 0
    }

    .Saveads-Container .MyBtn-One button {
        border-radius: 5px;
        width: 24px;
        height: 24px
    }

    .Saveads-Container .MyBtn-One button i {
        font-size: 12px;
        display: block;
        margin-top: -2px
    }

    .Saveads-Container .MyBtn-Two button {
        margin: 0 10px 0 0;
        font-size: 10px;
        width: 45px;
        height: 24px;
        border-radius: 5px;
        line-height: 26px
    }

    .Saveads-Container .MyBtn-Two button i {
        display: none
    }

    .SecAboutUs-Banner {
        padding: 35px 0 20px
    }

    .AboutUs-HeadLeft h1 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0
    }

    .AboutUs-HeadRight {
        left: -30px;
        top: 0
    }

    .AboutUs-HeadRight img {
        height: auto
    }

    .AboutUs-HeadLeft p,
    .AboutUs-HeadLeft a {
        margin: 16px 0 0;
        font-size: 12px;
        line-height: 18.6px
    }

    .FinanceThat-About .offset-1 {
        margin-left: 0
    }

    .FinanceThat-About {
        margin: 140px 0 0;
        background: none
    }

    .FinanceThatRight h1 {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0
    }

    .FinanceThatRight h1::before {
        bottom: -10px;
        width: 80px;
        height: 2px
    }

    .FinanceThatRight p {
        margin: 40px 0 0;
        font-size: 12px;
        line-height: 19.2px
    }

    .Sec-AboutUsIcon {
        padding: 100px 0;
        background: none
    }

    .AboutIcon-Container .AboutInner {
        width: 96px;
        height: 96px;
        line-height: 90px;
        margin: 0 auto
    }

    .AboutIcon-Container .AboutInner img {
        height: 45px
    }

    .AboutIcon-Container h1 {
        margin: 12px 0 0;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0
    }

    .SimplyFill-Container {
        margin: 150px 0 0;
        padding: 20px 90px 27px;
        border: .5px solid #d1d3d6;
        border-radius: 10px
    }

    .SimplyFill-Head h2 {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 18.08px
    }

    .SimplyFill-Head {
        padding: 0 0 25px
    }

    .SimplyFill-Form label {
        margin: 0 0 8px;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 19.6px
    }

    .SimplyFill-Form input,
    .SimplyFill-Form textarea {
        padding: 0 10px 0 12px;
        border-radius: 5px;
        font-size: 12px;
        height: 30px
    }

    .SimplyFill-Form {
        margin: 0 0 16px
    }

    .SimplyFill-Form textarea {
        height: 100px !important;
        padding-top: 12px !important;
        margin-top: 6px
    }

    .SimplyFill-Form button {
        margin: 10px 0 0;
        border-radius: 5px;
        font-size: 14px;
        width: 100px;
        height: 32px;
        line-height: 32px
    }

    .GeneralInquiry {
        padding: 20px
    }

    .GeneralInquiry-Head h1 {
        font-size: 28px;
        line-height: 42.2px
    }

    .GeneralInquiry-Head p {
        font-size: 12px;
        line-height: 18.08px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1::before,
    .GeneralInquiry-Head .GeneralCon-List ul li a::before {
        margin: 0 5px 0 0;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1,
    .GeneralInquiry-Head .GeneralCon-List ul li a {
        font-size: 12px;
        line-height: 16.56px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(2) {
        margin: 0 0 0 10px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(3) {
        margin-top: 12px
    }

    .GeneralInquiry-Head .CenterLine {
        height: 103px;
        right: -10px;
        top: 35px
    }

    .Section-GeneralInquiry {
        padding: 60px 0 100px;
        background: none
    }

    .Saveads-Container .MyBtn-Three button {
        font-size: 8px;
        width: 45px;
        height: 24px;
        border-radius: 5px;
        margin: 0 5px 0 0;
        line-height: 24px
    }
}

@media screen and (max-width: 766.99px) {
    .mobile-display-none {
        display: none
    }

    .navbar-nav {
        flex-direction: column
    }

    .navbar-collapse {
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #fff;
        border-top: 1px solid #f1f3f5;
        padding: 8px 0;
        box-shadow: 0 20px 40px #f0f0f0;
        height: auto !important
    }

    .navbar-light .navbar-toggler {
        color: transparent;
        border-color: transparent;
        position: absolute;
        z-index: 999
    }

    .navbar-toggler .navbar-toggler-icon {
        background-image: url(../image/toggle-btn.svg);
        width: 26px;
        height: 18px
    }

    .navbar-toggler>.close {
        display: inline;
        background-image: url(../image/toggle-cross.svg);
        width: 24px;
        background-repeat: no-repeat;
        height: 25px
    }

    .navbar-toggler.collapsed>.close,
    .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
        display: none
    }

    .navbar-toggler {
        padding: 0;
        font-size: 0;
        line-height: 0;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: none
    }

    .bg-light {
        background-color: #fff !important;
        box-shadow: 0 20px 60px #610000;
        height: 57px
    }

    .navbar-brand {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        margin: 0 auto;
        text-align: center
    }

    .navbar-brand img {
        margin: 0;
        padding: 4px 0;
        max-width: 100%;
        height: auto;
        width: 129px;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-55%, -50%);
        -moz-transform: translate(-55%, -50%);
        -ms-transform: translate(-55%, -50%);
        -o-transform: translate(-55%, -50%);
        transform: translate(-55%, -50%)
    }

    .signup-mobile {
        font-family: "BasisGrotesquePro-Medium";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        text-align: right;
        text-decoration: none;
        outline: none;
        color: #828385;
        line-height: 16.56px;
        position: absolute;
        right: 15px !important;
        z-index: 99;
        text-transform: capitalize
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 12px;
        font-family: "basis_grotesque_proregular";
        position: relative
    }

    .navbar-light .navbar-nav .nav-link::after {
        content: "";
        font-family: "FontAwesome";
        color: #aaabad;
        font-size: 22px;
        text-align: right;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999
    }

    .navbar-nav li {
        float: none;
        padding: 0 13px
    }

    .mobile-SignBtn {
        margin: 10px auto;
        padding: 0;
        text-align: center
    }

    .mobile-SignBtn a,
    .mobile-SignBtn button {
        margin: 0 6px;
        padding: 0;
        background: #fff;
        border: .5px solid #fb5100;
        border-radius: 5px;
        outline: none;
        font-family: "BasisGrotesquePro-Medium";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        color: #fb5100;
        height: 32px;
        line-height: 32px;
        width: 43%;
        display: inline-block
    }

    .mobile-SignBtn a.active,
    .mobile-SignBtn button.active {
        background: #3f2355;
        border: .5px solid #3f2355;
        color: #fff
    }

    .BoostYour-Container {
        display: block;
        margin: 0;
        padding: 12px;
        width: 100%;
        max-width: 100%
    }

    .AdPostSec-twelve {
        padding: 0
    }

    .BoostFree-Container {
        max-width: 100%;
        width: 100%
    }

    .MobileSearch {
        margin: 70px 0 0;
        padding: 0;
        overflow: hidden;
        position: relative
    }

    .MobileSearch input {
        margin: 0;
        padding: 0 40px 0 12px;
        background: #fff;
        border: .5px solid rgba(0, 0, 0, 0.07);
        box-sizing: border-box;
        border-radius: 5px;
        outline: none;
        font-family: "basis_grotesque_proregular";
        font-weight: 500;
        font-size: 14px;
        color: #828385;
        text-align: left;
        text-decoration: none;
        height: 47px;
        width: 100%
    }

    .FinanceThatRight h1::before {
        bottom: -10px;
        width: 80px;
        height: 2px
    }

    .FinanceThatRight p {
        margin: 40px 0 0;
        font-size: 12px;
        line-height: 19.2px
    }

    .Sec-AboutUsIcon {
        padding: 100px 0;
        background: none
    }

    .AboutIcon-Container .AboutInner {
        width: 96px;
        height: 96px;
        line-height: 90px;
        margin: 0 auto
    }

    .AboutIcon-Container .AboutInner img {
        height: 45px
    }

    .AboutIcon-Container h1 {
        margin: 12px 0 0;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0
    }
}

@media screen and (max-width: 991.99px) {
    .PostAdd-Container {
        margin: 0;
        padding: 30px 0 0
    }

    .PostAdd-TopList ul li.headactive a,
    .PostApp-TopList ul li.headactive a {
        background-color: #d7d2dd
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        font-size: 16px;
        height: 32px;
        width: 32px;
        line-height: 34px;
        margin: 0 0 0 10px;
        background: #f9f9f9;
        font-family: "basis_grotesque_probold";
        font-weight: 700
    }

    .PostAdd-TopList ul li,
    .PostApp-TopList ul li {
        margin: 0
    }

    .PostApp-TopList ul li:nth-child(2) :after,
    .PostApp-TopList ul li:nth-child(4) :after,
    .PostApp-TopList ul li:nth-child(6) :after,
    .PostApp-TopList ul li:nth-child(8) :after,
    .PostAdd-TopList ul li:nth-child(2) :after,
    .PostAdd-TopList ul li:nth-child(4) :after,
    .PostAdd-TopList ul li:nth-child(6) :after,
    .PostAdd-TopList ul li:nth-child(8) :after,
    .PostAdd-TopList ul li:nth-child(10) :after {
        width: 1px;
        color: #828385;
        text-align: left;
        text-decoration: none;
        height: 47px;
        width: 100%
    }

    .MobileSearch input::-webkit-input-placeholder {
        color: #828385
    }

    .MobileSearch input:-moz-placeholder {
        color: #828385;
        opacity: 1
    }

    .MobileSearch input::-moz-placeholder {
        color: #828385;
        opacity: 1
    }

    .MobileSearch input:-ms-input-placeholder {
        color: #828385
    }

    .MobileSearch input::-ms-input-placeholder {
        color: #828385
    }

    .MobileSearch input::placeholder {
        color: #828385
    }

    .MobileSearch button,
    .MobileSearch a {
        margin: 0;
        padding: 0;
        background: #fff;
        border: .5px solid rgba(0, 0, 0, 0.07);
        border-left: none;
        border-radius: 0 5px 5px 0;
        height: 40px;
        width: 45px;
        text-align: center;
        position: absolute;
        right: 0;
        z-index: 99;
        outline: none
    }

    .MobileSearch button img,
    .MobileSearch a img {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 10px;
        z-index: 99
    }

    .MobileSearch button i,
    .MobileSearch a i {
        margin: 0;
        padding: 0;
        color: #fb5100;
        font-size: 20px;
        text-align: center;
        line-height: 24px
    }

    .MobileSearch i {
        margin: 0;
        padding: 0;
        cursor: pointer
    }

    .MobileSearch i img {
        max-width: 100%;
        height: auto
    }

    .SeeAll-LoadBtn {
        margin: 40px 0 0;
        padding: 0
    }

    .SeeAll-LoadBtn button {
        margin: 0;
        padding: 0;
        background: #fb5100;
        border-radius: 5px;
        border: none;
        outline: none;
        font-family: "basis_grotesque_probold";
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        height: 32px;
        width: 100%
    }

    .search-main-holder .right-grid-view-main {
        width: 100%;
        padding: 0 15px 76px
    }

    .search-main-holder .filters-col {
        max-width: 100%
    }

    .LeftMenu-Container .card-header h2 button {
        font-size: 14px;
        line-height: 18.07px;
        font-family: "basis_grotesque_proregular"
    }

    .ProdThum-Service h4 {
        font-size: 8px
    }

    .ProdThum-Service .ProdHead h2 {
        font-size: 10px;
        line-height: 12.2px;
        margin-bottom: 3px
    }

    .ProdThum-Service .ProdHead .year {
        font-size: 10px;
        line-height: 12.2px
    }

    .ProdThum-Service .ProdHead .disc-row .location {
        font-size: 10px;
        line-height: 22px;
        width: 100%
    }

    .ProdThum-Service .ProdHead .disc-row .location i {
        height: 15px;
        width: 15px;
        font-size: 8px;
        line-height: 17px
    }

    .ProdThum-Service .IconBadge {
        width: 20px;
        height: 20px;
        top: 14px;
        background: #fff
    }

    .ProdThum-Service .IconBadge i {
        width: 20px;
        height: 20px
    }

    .ProdThum-Service .ProdHead .disc-row .price-tag {
        font-size: 12px
    }

    .ListSearch-Container {
        display: none
    }

    .MobileFilter-Container {
        margin: 0;
        padding: 0;
        max-width: 100%;
        width: 100%
    }

    .MobileFilter-Container .TorontoFilter {
        margin: 0;
        padding: 0;
        float: left;
        background: #edeaf3;
        border-radius: 5px;
        height: 30px;
        width: 39%;
        display: flex;
        overflow: hidden
    }

    .MobileFilter-Container .TorontoFilter i {
        color: #3f2355;
        font-size: 12px;
        text-align: left;
        line-height: 30px;
        margin-left: 5px
    }

    .MobileFilter-Container .TorontoFilter h1 {
        margin: 0;
        padding: 0;
        color: #3f2355;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        text-align: left;
        text-decoration: none;
        font-family: "basis_grotesque_probold";
        line-height: 30px;
        margin-left: 2px
    }

    .MobileFilter-Container .choosefilter {
        margin: 0 0 0 8px;
        padding: 0;
        float: left;
        background: #edeaf3;
        border-radius: 5px;
        height: 30px;
        width: 27%;
        display: flex;
        overflow: hidden
    }

    .MobileFilter-Container .choosefilter img {
        margin: 7px 3px 0 8px;
        padding: 0;
        max-width: 100%;
        height: 16px
    }

    .MobileFilter-Container .choosefilter h2 {
        margin: 0;
        padding: 0;
        color: #3f2355;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        text-align: left;
        text-decoration: none;
        font-family: "basis_grotesque_probold";
        line-height: 30px;
        margin-left: 2px
    }

    .MobileFilter-Container .FilterStep3 {
        margin: 0;
        padding: 0;
        float: right;
        width: 30%
    }

    .MobileFilter-Container .FilterStep3 .Responsivedrop {
        margin: 0 auto;
        padding: 0;
        float: right;
        width: 30px;
        height: 30px;
        background: #edeaf3;
        border-radius: 5px;
        line-height: 28px;
        text-align: center
    }

    .ResultHead {
        display: block
    }

    .MobileView-Filterhide {
        display: none
    }

    .Section-ListDetail {
        overflow: visible
    }

    .LargeImage-Container {
        position: static;
        background-image: none
    }

    .ListDetail-Scroll {
        padding: 30px 15px 0;
        position: fixed;
        margin-top: 374px
    }

    .detail-page-main-outer .detail-carousal {
        width: 100%;
        display: block
    }

    .detail-page-main-outer .detail-list-detail {
        width: 100%;
        display: block
    }

    .detail-page-main-outer .detail-carousal .carousel-root {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%)
    }

    .detail-page-main-outer .detail-carousal .carousel .slide img {
        width: 100%;
        height: auto
    }

    .detail-carousal .carousel.carousel-slider .control-arrow.control-prev {
        background-position: 9px 50%;
        background-size: 10px;
        width: 30px;
        height: 30px;
        margin-left: 20px
    }

    .detail-carousal .carousel.carousel-slider .control-arrow.control-next {
        background-position: 11px 50%;
        background-size: 10px;
        width: 30px;
        height: 30px;
        margin-right: 20px
    }

    .detail-page-main-outer .thumbs-wrapper .thumbs {
        padding: 10px 0 0
    }

    .FinanceThat-Container {
        margin: 30px 0 0
    }

    .FinanceThat-Container .ServiceTwo {
        line-height: 36px
    }

    .OverView-Container .OverView-Left h3,
    .OverView-Container .OverView-Left h2,
    .OverView-Container .OverView-Right h3,
    .OverView-Container .OverView-Right h2,
    .OverView-Container .OverView-Left h4,
    .OverView-Container .OverView-Left h5,
    .OverView-Container .OverView-Right h5,
    .OverView-Container .OverView-Right h4 {
        font-size: 10px;
        margin-left: 10px
    }

    .OverViewRate-Container .RateImage img {
        height: 60px;
        width: 60px
    }

    .OverViewRate-Container .RateImage .pr-avatar {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 18px
    }

    .OverViewRate-Container .OverView-Btm h1 {
        margin: 8px 0;
        font-size: 15px;
        line-height: 22.5px
    }

    .OverViewRate-Container .OverView-Btm h5 {
        font-size: 13px;
        line-height: 18.2px
    }

    .OverViewRate-Container .OverView-Btm a {
        margin: 20px 15px 40px
    }

    .Description-Head p {
        margin: 0 0 20px;
        padding: 14px;
        font-size: 12px;
        line-height: 19.8px
    }

    .FeatureList-Large ul li a {
        font-size: 10px;
        line-height: 12.7px
    }

    .CreditSelect-Container .CreditDropdown {
        padding: 10px 20px 0
    }

    .CreditSelect-Container {
        margin: 0 0 20px;
        padding: 20px;
        height: 57px;
        border-radius: 8px
    }

    .CreditSelect-Container .CreditDropdown select {
        height: 57px;
        font-size: 14px
    }

    .CreditSelect-Container h1 {
        font-size: 10px;
        line-height: 0
    }

    .DownPayment-Container {
        margin: 0 0 20px;
        padding: 12px 20px;
        border-radius: 10px;
        height: 57px
    }

    .DownPayment-Container h3,
    .DownPayment-Container h4 {
        font-size: 10px;
        line-height: 14px
    }

    .MonthlyPay-Form input {
        font-size: 14px !important;
        margin: 0
    }

    .Payment-SummaryList {
        padding: 15px 0 12px
    }

    .Payment-SummaryList ul li {
        padding: 12px
    }

    .Payment-SummaryList h1 {
        padding: 0 0 5px 12px
    }

    .detail-carousal .carousel .slider-wrapper.axis-horizontal .slider .slide div {
        margin: 0
    }

    .detail-page-main-outer {
        display: block
    }

    .FinanceThat-Container .ServiceOne a {
        padding: 0 5px;
        font-size: 12px;
        line-height: 30px
    }

    .FinanceThat-Container .ServiceTwo {
        height: 30px;
        width: 30px;
        line-height: 25px;
        margin: 0 0 0 5px
    }

    .FinanceThat-Container .ServiceTwo img {
        height: 14px
    }

    .FinanceThat-Container .ServiceOne {
        margin: 0 0 0 5px
    }

    .LeftMenu-Container {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        width: 100%;
        overflow: auto;
        bottom: 0;
        height: 100%
    }

    .Filter-Head h1,
    .Filter-Head h1 span {
        font-size: 14px
    }

    .App-post-body-main .react-select-main .css-1uccc91-singleValue {
        font-size: 12px
    }

    .App-post-body-main .react-select-main .react-select__input input[type=text] {
        height: 32px
    }

    .ApplicantAddress .react-location-select-main .css-yk16xz-control {
        height: 48px
    }

    .ApplicantAddress .react-location-select-main .react-location-select__input input[type=text] {
        height: 32px;
        padding: 0 0 40px
    }

    .ApplicantAddress .css-tlfecz-indicatorContainer {
        padding: 10px 5px !important
    }

    .ApplicantAddress .react-location-select-main .react-location-select__value-container {
        padding: 0 40px
    }

    .ApplicantAddress .react-location-select-main .react-location-select__control {
        background-position: 15px 50% !important;
        background-size: 20px
    }

    .ApplicantAddress .react-location-select-main .css-1wa3eu0-placeholder {
        font-size: 12px
    }

    .ApplicantAddress .react-location-select-main .react-location-select__single-value {
        line-height: 19.32px;
        background: url(../image/responsive-filter.svg) no-repeat left center;
        background-size: 18px;
        padding-left: 20px
    }

    .Filter-Head button {
        float: none;
        color: #3f2355;
        margin-left: 10px
    }

    .FilterList {
        margin: 0;
        padding: 26px 0 29px;
        box-shadow: none
    }

    .mobile-location-input {
        position: relative
    }

    .mobile-location-input label {
        font-family: "basis_grotesque_proregular";
        font-weight: 400;
        font-size: 14px;
        text-align: left;
        text-decoration: none;
        line-height: 22.4px;
        color: #3f2355;
        margin: 20px 0 10px
    }

    .mobile-location-input input {
        background: #fdfdfd;
        border: 1px solid #e8e8e8;
        border-radius: 6px;
        outline: none;
        text-align: left;
        text-decoration: none;
        width: 100%;
        height: 44px;
        font-family: "basis_grotesque_proregular";
        font-size: 12px;
        color: #3f2355;
        padding-left: 30px;
        padding-right: 10px
    }

    .mobile-location-input input::-webkit-input-placeholder {
        color: #3f2355
    }

    .mobile-location-input input:-moz-placeholder {
        color: #3f2355;
        opacity: 1
    }

    .mobile-location-input input::-moz-placeholder {
        color: #3f2355;
        opacity: 1
    }

    .mobile-location-input input:-ms-input-placeholder {
        color: #3f2355
    }

    .mobile-location-input input::-ms-input-placeholder {
        color: #3f2355
    }

    .mobile-location-input input::placeholder {
        color: #3f2355
    }

    .mobile-location-input i {
        color: #aaabad;
        text-align: left;
        font-size: 12px;
        position: absolute;
        left: 12px;
        top: 11px
    }

    .cross-list-mobile,
    .cross-list-mobile-two {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 999;
        cursor: pointer;
        width: 25px;
        height: 25px
    }

    .cross-list-mobile::before,
    .cross-list-mobile-two::before {
        transform: rotate(45deg);
        position: absolute;
        left: 50%;
        content: "";
        height: 22px;
        width: 2px;
        top: 50%;
        border-radius: 50px;
        background-color: #3f2355;
        margin: -11px 0 0 -1px
    }

    .cross-list-mobile::after,
    .cross-list-mobile-two::after {
        transform: rotate(-45deg);
        position: absolute;
        left: 50%;
        content: "";
        height: 22px;
        width: 2px;
        top: 50%;
        border-radius: 50px;
        background-color: #3f2355;
        margin: -11px 0 0 -1px
    }

    .cross-list-mobile-two {
        width: 100%;
        max-width: 30px;
        height: 30px;
        left: 7px;
        top: -44px;
        background: #fff
    }

    .filter-reset-button {
        position: fixed;
        bottom: 0;
        z-index: 999;
        right: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        background: #fff
    }

    .filter-reset-button button,
    .filter-reset-button a {
        float: left;
        width: 48%;
        height: 42px;
        line-height: 44px;
        background: #eaeaeb;
        border-radius: 6px;
        border: none;
        outline: none;
        font-family: "basis_grotesque_probold";
        font-weight: 700;
        font-size: 12px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #644e77;
        cursor: pointer;
        position: relative
    }

    .filter-reset-button button.active,
    .filter-reset-button a.active {
        background: #fb5100;
        color: #fff
    }

    .Section-UserProfile {
        padding: 30px 0 0
    }

    .Section-UserProfile .pl-5 {
        padding-left: 16px !important
    }

    .Section-UserProfile .pr-5 {
        padding-right: 16px !important
    }

    .profile-sideMenu ul li a {
        padding: 14px 15px;
        font-size: 14px
    }

    .profile-sideMenu ul li:nth-child(1) a:after {
        font-size: 18px
    }

    .profile-sideMenu ul li:nth-child(2) a:after {
        font-size: 13px
    }

    .profile-sideMenu ul li:nth-child(3) a:after {
        right: 16px;
        top: 9px
    }

    .profile-sideMenu ul li:nth-child(4) a:after {
        right: 16px;
        top: 9px
    }

    .profile-sideMenu ul li:nth-child(5) a:after {
        right: 16px;
        top: 8px
    }

    .profile-sideMenu ul li:nth-child(6) a:after {
        right: 16px;
        top: 8px
    }

    .ProfileLink-form {
        padding: 30px 15px 20px
    }

    .ProfileLink-form label {
        font-family: "BasisGrotesquePro-Medium";
        font-size: 14px;
        line-height: 22.4px
    }

    .ProfileLink-form input {
        height: 41px
    }

    .ProfileLink-form button {
        height: 39px
    }

    .ProfileLink-form button i {
        font-size: 18px
    }

    .Profile-AsideMenu {
        margin: 0 0 20px
    }

    .SectionBanner {
        padding: 0;
        background: url(../image/bannerResponsive.jpg) no-repeat center top;
        height: 457px;
        background-size: cover
    }

    .SectionBanner .bannerButtons {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0 auto
    }

    .SectionBanner .bannerButtons .text {
        font: 16px basis_grotesque_probold;
        margin: 5px 0;
        text-align: center
    }

    .SectionBanner .bannerButtons button {
        font-size: 16px;
        color: #fff;
        width: 243px;
        height: 52px
    }

    .NavBanner-Head h1 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0;
        margin-top: 15px
    }

    .banner-filters-content-inner {
        vertical-align: top;
        padding-top: 40px;
        padding-left: 0;
        padding-right: 0
    }

    .banner-filters-content-main {
        padding: 0 20px
    }

    .first-banner .NavBanner-Head {
        padding: 0 0 25px
    }

    .SectionBanner .ShowFilter-Head {
        right: 0;
        bottom: 0;
        z-index: 999;
        position: static;
        float: right;
        margin-right: 5px
    }

    .ShowFilter-Head button {
        font-size: 12px;
        position: static;
        background: none;
        border: none;
        width: 100%;
        height: 20px
    }

    .ShowFilter-Head button i {
        font-size: 6px;
        color: #3f2355
    }

    .morefilter-mobile-view {
        display: table;
        top: 57px
    }

    .morefilter-mobile-view .morefilter-inner-mobile {
        vertical-align: top;
        display: table-cell
    }

    .morefilter-mobile-view .mobile-location-input i {
        color: #3f2355;
        top: 44px
    }

    .morefilter-mobile-view .mobile-location-input a {
        position: fixed;
        bottom: 21px;
        right: 21px;
        left: 21px;
        bottom: 21px
    }

    .morefilter-mobile-view .mobile-location-input button,
    .morefilter-mobile-view .mobile-location-input a {
        background: #fb5100;
        border-radius: 5px;
        border: none;
        outline: none;
        color: #fff;
        text-align: center;
        text-decoration: none;
        height: 42px;
        font-family: "basis_grotesque_proregular";
        font-weight: 400;
        font-size: 16px
    }

    .boost-label-hide-text {
        display: none
    }

    .how-it-works-main-container {
        background: url(../image/find-dream-line-mobile.svg) no-repeat center center;
        height: 411px;
        margin-top: 80px
    }

    .how-it-works-mobile {
        display: none
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-right {
        width: 100%;
        float: left
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left {
        width: 100%;
        float: right;
        padding-left: 15px;
        padding-right: 15px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-right .right-side-img {
        margin: 33px 0 0;
        padding-left: 0
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free {
        margin: 30px 0 0
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        line-height: 27.6px
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h1,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h3 {
        font-size: 24px;
        margin-bottom: 16px;
        text-align: center
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .creative-your-free h2 {
        font-size: 12px;
        line-height: 18px;
        text-align: center
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button.how-learn-more-button {
        margin: 25px auto 0;
        text-align: center;
        display: table
    }

    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button button,
    .dealer-how-inner-background .dealership-how-container .dealer-colum-left .register-now-button a {
        line-height: 36px;
        max-width: 117px;
        width: 117px;
        height: 36px;
        font-size: 14px;
        border-radius: 5px;
        float: none;
        display: block
    }

    .dealer-how-inner-background.how-it-works-background {
        background: url(../image/how-it-work-responsive.png) no-repeat top -10px right #f8feff
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-left {
        width: 20%
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right {
        width: 80%;
        padding-left: 7px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-two .find-your-left {
        width: 20%
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-two .find-your-right {
        width: 80%;
        padding-left: 7px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three .find-your-left {
        width: 20%
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three .find-your-right {
        width: 80%;
        padding-left: 0;
        padding-right: 50px
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-left.img-find-step-three {
        left: -40px;
        top: 0
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three span {
        float: right !important;
        margin: 0 0 0 6px !important
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right.mt-find-step-two {
        margin-top: 0
    }

    .how-it-works-main-container .find-your-dream-vehicle {
        -webkit-transform: translate(-68%, -100%);
        -moz-transform: translate(-68%, -100%);
        -ms-transform: translate(-68%, -100%);
        -o-transform: translate(-68%, -100%);
        transform: translate(-68%, -100%);
        max-width: 320px
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right h1 {
        font-size: 12px;
        line-height: 17px;
        display: grid
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right span {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 12px;
        margin: 0 7px 0 0
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right h1 span {
        font-size: 6px;
        max-width: 197px;
        line-height: 9.6px;
        margin-top: 6px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-two {
        -webkit-transform: translate(0%, 150%);
        -moz-transform: translate(0%, 150%);
        -ms-transform: translate(0%, 150%);
        -o-transform: translate(0%, 150%);
        transform: translate(0%, 150%);
        max-width: 275px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three {
        -webkit-transform: translate(-80%, -4%);
        -moz-transform: translate(-80%, -4%);
        -ms-transform: translate(-80%, -4%);
        -o-transform: translate(-80%, -4%);
        transform: translate(-80%, -4%);
        max-width: 410px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-three h1 span {
        margin-top: 6px !important;
        text-align: right !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four .find-your-left {
        width: 100%;
        float: right
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four .find-your-left img {
        max-width: 20%;
        float: right;
        position: relative;
        right: 100px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four .find-your-right {
        width: 67%;
        padding-left: 15px;
        float: left
    }

    .how-it-works-main-container .find-your-dream-vehicle .find-your-right.mt-find-step-four {
        margin-top: 14px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four {
        -webkit-transform: translate(-65%, -45%);
        -moz-transform: translate(-65%, -45%);
        -ms-transform: translate(-65%, -45%);
        -o-transform: translate(-65%, -45%);
        transform: translate(-65%, -45%);
        max-width: 320px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four span {
        float: right;
        margin: 0 0 0 6px
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four h1 {
        text-align: right
    }

    .how-it-works-main-container .find-your-dream-vehicle.find-step-four h1 span {
        text-align: right;
        max-width: 100%
    }

    .we-accept-good-container {
        margin: 250px auto
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 22px;
        white-space: unset
    }

    .MapSearch-ModalContainer .modal {
        padding-left: 15px !important;
        padding-right: 15px
    }

    .MapSearch-ModalContainer .modal-content {
        border-radius: 10px
    }

    .MapSearch-ModalContainer .Wheredo-Heading {
        margin: 0
    }

    .MapSearch-ModalContainer .Wheredo-Heading h1 {
        padding: 20px 0 16px 15px;
        font-size: 15px;
        text-align: left;
        line-height: 16.4px
    }

    .MapSearch-ModalContainer .Wheredo-btn {
        top: 12px;
        right: 15px
    }

    .MapSearch-ModalContainer .Wheredo-btn button {
        height: 26px;
        width: 26px
    }

    .MapSearch-ModalContainer .Wheredo-btn button img {
        width: 15px;
        height: 22px
    }

    .MapSearch-ModalContainer .AddGoogle-Map {
        height: 350px
    }

    .MapSearch-ModalContainer .AddGoogle-Map input {
        font-size: 16px;
        height: 60px !important;
        width: 90%;
        padding-left: 10px !important;
        padding-right: 40px
    }

    .MapSearch-ModalContainer .AddGoogle-Map i {
        font-size: 18px;
        right: 32px;
        height: 58px;
        line-height: 58px
    }

    .MapSearch-ModalContainer .footer-modal {
        display: block;
        margin-bottom: 60px
    }

    .footer-modal .slider {
        float: none;
        width: 100%;
        margin: 20px 0 0;
        padding: 0 15px
    }

    .footer-modal .slider .value-head {
        font-size: 18px
    }

    .footer-modal .slider .value {
        font-size: 18px;
        margin-left: 0;
        margin-top: 12px
    }

    .footer-modal .slider-apply-btn {
        float: none;
        width: 100%
    }

    .footer-modal .slider-apply-btn a,
    .footer-modal .slider-apply-btn button {
        margin: 0 auto;
        border-radius: 6px;
        font-size: 18px;
        width: 130px;
        height: 40px;
        line-height: 40px;
        float: none;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px;
        z-index: 999
    }

    .UserProfile-Container {
        padding: 20px 12px
    }

    .Input-UserForm label {
        margin: 0 0 8px;
        font-size: 14px;
        line-height: 19.6px
    }

    .Input-UserForm input,
    .Input-UserForm select {
        padding: 0 12px;
        font-size: 12px;
        height: 30px
    }

    .Input-UserForm {
        margin: 0 0 16px
    }

    .ChangePass-Btn {
        float: none
    }

    .ChangePass-Btn button {
        width: 100%
    }

    .dealer-colum-left.dealer-head-mobile .creative-your-free h1 {
        font-size: 24px !important;
        line-height: 30.8px !important
    }

    .dealer-colum-left.dealer-head-mobile .creative-your-free h2 {
        line-height: 20px !important
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button {
        margin: 40px auto 80px !important;
        text-align: center !important;
        display: table !important
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button button,
    .dealer-colum-left.dealer-head-mobile .register-now-button a {
        display: inline-block !important;
        line-height: 34px !important
    }

    .dealer-colum-left.dealer-head-mobile.dealer-colum-left .register-now-button span {
        height: 22px;
        width: 22px;
        background-size: 100%
    }

    .dealer-colum-left.dealer-head-mobile .register-now-button button.watchvideo {
        width: 147px;
        padding-left: 15px
    }

    .dealer-colum-right.mobile-dealer-video .right-side-img {
        padding-left: 15px !important;
        padding-right: 15px
    }

    #app .redux-toastr .top-right {
        right: 0;
        min-width: 270px
    }

    #app .redux-toastr .toastr.rrt-error,
    #app .redux-toastr .toastr.rrt-success {
        border-radius: 10px;
        padding: 20px;
        min-height: 60px
    }

    #app .redux-toastr .toastr.rrt-error .rrt-left-container,
    #app .redux-toastr .toastr.rrt-success .rrt-left-container {
        margin-right: 10px
    }

    #app .redux-toastr .toastr.rrt-error .rrt-left-container .rrt-holder,
    #app .redux-toastr .toastr.rrt-success .rrt-left-container .rrt-holder {
        width: 20px;
        height: 20px;
        background-size: 100%
    }

    #app .redux-toastr .toastr.rrt-error .rrt-middle-container .rrt-title,
    #app .redux-toastr .toastr.rrt-success .rrt-middle-container .rrt-title {
        font-size: 12px;
        line-height: 22px
    }

    #app .redux-toastr .toastr.rrt-error .rrt-middle-container .rrt-text,
    #app .redux-toastr .toastr.rrt-success .rrt-middle-container .rrt-text {
        font-size: 12px;
        line-height: 22px
    }

    .delete-add-modal-container .modal-content {
        border-radius: 10px
    }

    .delete-add-modal-container .modal-body {
        padding: 20px
    }

    .delete-add-modal-container .delete-ad-head h2 {
        font-size: 20px;
        line-height: 20px
    }

    .delete-add-modal-container .delete-ad-head p {
        padding: 20px 0 40px;
        font-size: 16px
    }

    .delete-add-modal-container .delete-ad-button button {
        margin: 0 15px 0 0;
        border-radius: 5px;
        width: 50%;
        height: 40px;
        line-height: 40px;
        font-size: 16px
    }

    .delete-add-modal-container .delete-ad-button {
        display: flex
    }

    .VechileList-Head h2 {
        font-size: 16px;
        line-height: 25.6px
    }

    .VechileList-Head p {
        font-size: 12px;
        line-height: 16.8px;
        max-width: 288px
    }

    .StockNumber-Container {
        margin: 25px 0 0
    }

    .StockNumber-Container .StockCon-Left {
        width: calc(100% - 90px);
        padding-right: 16px
    }

    .StockNumber-Container .StockCon-Right {
        width: 90px
    }

    .StockNumber-Container .StockCon-Right button {
        height: 32px;
        width: 90px;
        font-size: 13px
    }

    .StockNumber-Container .StockCon-Left input {
        padding: 0 10px;
        font-size: 10px;
        height: 32px
    }

    .VehicleFound-Container {
        margin: 20px 0 0
    }

    .VehicleFound-Container h1 {
        margin: 0 0 16px;
        font-size: 16px;
        line-height: 25.6px
    }

    .Vehicle-Ad2:nth-child(even),
    .Vehicle-Ad2:nth-child(odd) {
        display: flex
    }

    .Vehicle-Ad2 .Veh-Ad3 h2,
    .Vehicle-Ad2 .Veh-Ad4 h3 {
        font-size: 14px;
        line-height: 19.6px
    }

    .Vehicle-Ad2 .Veh-Ad3,
    .Vehicle-Ad2 .Veh-Ad4 {
        width: 65px
    }

    .Vehicle-Ad2 .Veh-Ad4 {
        width: 70%
    }

    .ModalPopup-Container .Admin-SignInRight {
        max-width: 500px;
        display: none
    }

    .ModalPopup-Container .modal-content {
        border-radius: 10px
    }

    .Admin-SignInLeft .Mdp-SignBtn {
        margin: 20px 0 0 20px
    }

    .Modal-SignInHead {
        margin: 30px 0 0 20px
    }

    .Admin-SignInLeft .Mdp-SignBtn button {
        height: 30px;
        width: 30px
    }

    .Modal-SignInHead h1 {
        font-size: 20px;
        line-height: 24px
    }

    .Modal-SignInHead p,
    .Modal-SignInHead a {
        font-size: 14px
    }

    .Modal-SignForm-Container {
        margin: 25px 20px 0
    }

    .Modal-SignForm-Container .SignForm-Left,
    .Modal-SignForm-Container .SignForm-Right {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px
    }

    .Modal-SignForm-Container .SignForm-Left label,
    .Modal-SignForm-Container .SignForm-Right label {
        margin: 0 0 12px;
        font-size: 14px;
        line-height: 19.4px
    }

    .Modal-SignForm-Container .SignForm-Left input,
    .Modal-SignForm-Container .SignForm-Right input {
        padding: 0 10px;
        font-size: 14px;
        height: 40px
    }

    .ModalPopup-Container .Admin-SignInLeft {
        float: none
    }

    .Modal-SignInForm {
        max-width: 100%
    }

    .SignIn-Container {
        margin: 20px 0 0 20px
    }

    .SignIn-Container button {
        width: 120px;
        height: 38px;
        font-size: 14px
    }

    .SignIn-SocialMedia {
        margin: 30px 10px 30px 20px;
        display: flex
    }

    .SignIn-SocialMedia .GooglePlus,
    .SignIn-SocialMedia .Sign-Facebook,
    .SignIn-SocialMedia .Sign-Linkedin {
        margin: 0 12px 0 0;
        width: 50%;
        height: 40px;
        line-height: 35px
    }

    .SignIn-SocialMedia .Sign-Facebook,
    .SignIn-SocialMedia .Sign-Linkedin {
        width: 50%
    }

    .SignIn-SocialMedia .GooglePlus img,
    .SignIn-SocialMedia .Sign-Facebook img,
    .SignIn-SocialMedia .Sign-Linkedin img {
        margin: 0 2px 0 0;
        height: 14px
    }

    .SignIn-SocialMedia .GooglePlus h1,
    .SignIn-SocialMedia .Sign-Facebook h1,
    .SignIn-SocialMedia .Sign-Linkedin h1 {
        margin: 0 0 0 2px;
        font-size: 8px
    }

    .Saveads-Container .colum-1,
    .Saveads-Container .colum-2,
    .Saveads-Container .colum-3 {
        width: 100%
    }

    .Section-SavedAds {
        padding: 0;
        background: transparent
    }

    .Savedads-Head h1 {
        display: none
    }

    .Savedads-Head {
        margin: 0
    }

    .Saveads-Container .AdImage {
        height: 150px;
        overflow: hidden
    }

    .Saveads-Container .AdHeading h2 {
        top: 0;
        position: static;
        font-size: 14px;
        line-height: 18.48px;
        margin: 12px 0 16px 12px
    }

    .Saveads-Container .SaveExpire-Container {
        position: static;
        bottom: 0;
        left: 0;
        margin: 0 0 0 12px
    }

    .Saveads-Container .MyBtn-Container {
        position: static;
        right: 0;
        bottom: 0;
        display: inline-block;
        margin: 25px 0 12px 32px
    }

    .Saveads-Container .AdHeading h1 {
        font-size: 14px;
        margin: 14px 0 0 10px
    }

    .Saveads-Container .AdHeading h1 img {
        margin: 0 2px 0 0;
        height: 18px;
        top: -4px
    }

    .Saveads-Container .SaveExpire-List h4 {
        font-size: 12px;
        line-height: 16.56px
    }

    .Saveads-Container .SaveExpire-List {
        margin: 0 15px 0 0
    }

    .Saveads-Container .MyBtn-Two button {
        margin: 0 10px 0 0;
        font-size: 12px;
        width: 80px;
        height: 30px;
        border-radius: 5px;
        line-height: 32px
    }

    .Saveads-Container .MyBtn-Two button i {
        margin: 0 2px 0 0;
        font-size: 12px
    }

    .Saveads-Container .MyBtn-Three button {
        font-size: 12px;
        width: 115px;
        height: 30px;
        margin: 0 10px 0 0;
        border-radius: 5px;
        line-height: 30px
    }

    .Saveads-Container .MyBtn-One button {
        border-radius: 5px;
        width: 40px;
        height: 30px
    }

    .Saveads-Container .MyBtn-One button i {
        font-size: 15px
    }

    .Saveads-Container .MyBtn-Three {
        float: left
    }

    .Saveads-Container .MyBtn-Two {
        float: right
    }

    .ChangePass-Form .setting-label {
        line-height: 19.6px;
        letter-spacing: 0;
        font-size: 14px;
        margin: 0 0 8px
    }

    .ChangePass-Form input {
        padding: 0 35px 0 12px;
        height: 30px
    }

    .UserProfile-Container.user-settings-container {
        max-width: 100%;
        padding-right: 12px
    }

    .ChangePass-Form .icon-eye {
        font-size: 13px;
        top: 37px
    }

    .ChangePass-Form .setting-current-password {
        margin-bottom: 16px;
        font-size: 10px;
        line-height: 14px
    }

    .ChangePass-Form.setting-your-new-password {
        margin-bottom: 20px
    }

    .ChangePass-Container .button-update-setting {
        float: none;
        margin-top: 10px;
        width: 100%
    }

    .ChangePass-Container .button-update-setting button {
        font-family: "basis_grotesque_probold";
        font-weight: 700;
        width: 100%;
        height: 48px;
        padding: 0;
        font-size: 16px
    }

    .MyAppRight-List ul li h1::before,
    .MyAppRight-List ul li h2::before,
    .MyAppRight-List ul li h3::before,
    .MyAppRight-List ul li h4::before {
        margin: 0 5px 0 0;
        width: 15px;
        height: 15px;
        top: -2px
    }

    .MyAppRight-List ul li h1,
    .MyAppRight-List ul li h2,
    .MyAppRight-List ul li h3,
    .MyAppRight-List ul li h4 {
        font-size: 12px
    }

    .MyAppRight-List ul li {
        margin: 0 20px 12px 0;
        padding: 0;
        list-style: none;
        float: left
    }

    .MyAppRight-List {
        margin: 20px 0 0
    }

    .ChatLeft-Container.border-radius-0 {
        border-radius: 6px;
        padding: 0;
        margin-left: 16px;
        margin-right: 0
    }

    .Section-UserProfile .container-fluid,
    .Section-UserProfile.Chatbg .container-fluid {
        padding-left: 14px !important;
        padding-right: 16px !important
    }

    .Message-ConLeft a {
        background: transparent;
        width: auto;
        height: auto;
        font-size: 0;
        line-height: 30px
    }

    .Message-ConLeft a img {
        margin: 0
    }

    .Message-ConLeft h4 {
        margin: 0 0 0 15px;
        font-size: 20px
    }

    .Message-ConLeft {
        padding: 16px 12px 0;
        margin-left: 16px
    }

    .ChatSearch {
        padding: 20px 12px 0;
        margin-left: 16px
    }

    .ChatSearch input {
        padding: 0 15px 0 36px;
        background: #fff url(../image/chat-search-icon.svg) no-repeat left 15px center;
        background-size: 12px;
        border-radius: 5px;
        font-size: 14px;
        height: 30px
    }

    .ChatUnread-Btn button {
        margin: 0 30px 0 0;
        padding: 0;
        background: none;
        border-radius: 0
    }

    .ChatUnread-Btn button:hover,
    .ChatUnread-Btn button.active {
        color: #3f2355;
        background: none
    }

    .ChatUnread-Btn {
        padding: 20px 12px 16px;
        border-bottom: 1px solid rgba(209, 211, 214, 0.3);
        margin-left: 16px
    }

    .ChatDropdown-List ul li a {
        border-bottom: 1px solid rgba(209, 211, 214, 0.3);
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: 0;
        margin-bottom: 0;
        padding: 12px
    }

    .ChatDropdown-List ul li a:hover,
    .ChatDropdown-List ul li a:focus,
    .ChatDropdown-List ul li a:active,
    .ChatDropdown-List ul li.active a {
        background: rgba(238, 238, 240, 0.4)
    }

    .ChatDropdown-Head img {
        height: 36px;
        width: 36px
    }

    .ChatDropdown-Head h1 {
        padding: 0 0 0 8px;
        font-size: 14px;
        line-height: 19.32px;
        width: calc(100% - 80px)
    }

    .HondaAccord-Con .AccordLeft img {
        width: 28px;
        height: 28px
    }

    .HondaAccord-Con .AccordLeft .AccordHead {
        margin: 0
    }

    .HondaAccord-Con .AccordLeft .AccordHead h1,
    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        font-size: 14px;
        line-height: 20.08px;
        padding-left: 6px
    }

    .HondaAccord-Con .AccordLeft .AccordHead h2 {
        margin-top: 3px;
        background-size: 15% 100%;
        padding-left: 32px
    }

    .HondaAccord-Con .AccordLeft {
        float: none;
        display: flex
    }

    .HondaAccord-Con {
        margin: 20px 16px 0 0;
        padding: 12px;
        border-radius: 5px
    }

    .HondaAccord-Con .AccordRight .dropdown-Right {
        margin: 20px 0 0
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right h1 {
        font-size: 14px;
        line-height: 20.8px
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right {
        padding: 20px 55px 10px 0
    }

    .HondaAccord-Con .AccordRight .AccordHead-Right p {
        font-size: 14px;
        line-height: 16px
    }

    .ChatRight-Container {
        margin: 0 0 40px;
        padding: 0;
        border-radius: 5px;
        background: none
    }

    .UserMessage-Section {
        padding: 30px 0 0 16px
    }

    .UserChat-Right .InnerReply-Head h1 {
        padding: 8px 10px;
        border-radius: 6px;
        font-size: 14px
    }

    .UserChat-Right .InnerReply-Head img {
        width: 106px
    }

    .chat-avtar {
        width: 30px;
        height: 30px;
        line-height: 34px;
        font-size: 12px;
        margin: 0
    }

    .UserChat-Left .InnerChat-Head h1 {
        padding: 8px 10px;
        border-radius: 5px;
        font-size: 14px;
        background: #fff
    }

    .UserChat-Left .InnerChat-Head {
        margin: 0 0 10px 8px
    }

    .ChatMessage-Btn button {
        border-radius: 5px;
        height: 30px;
        line-height: 30px;
        font-size: 14px
    }

    .ChatMessage-Btn {
        margin: 30px 0 0 12px;
        width: 18%
    }

    .ChatMessage-Search input {
        padding: 0 60px 0 10px;
        border-radius: 5px;
        font-size: 12px;
        height: 30px
    }

    .Emojifile-List ul li i {
        font-size: 15px
    }

    .Emojifile-List ul li .image-upload i {
        color: #2f80ed;
        font-size: 15px
    }

    .Emojifile-List {
        margin: 2px 20px 0 0
    }

    .Emojifile-List ul li {
        margin: 0 6px 0 0
    }

    .ChatMessage-Search {
        margin: 30px 0 0;
        padding: 0 0 0 16px;
        width: 70%
    }

    .ChatImage-Upload {
        border-radius: 5px 5px 0 0;
        width: 70%;
        padding: 10px;
        left: 15px
    }

    .ChatImage-Upload .ImageList .ImageHolder {
        width: 60px;
        height: 35px;
        border-radius: 5px
    }

    .ChatImage-Upload .ImageList .ImageHolder i {
        font-size: 14px;
        right: 6px;
        top: 4px
    }

    .ModalBlock-User .modal {
        top: unset;
        bottom: 0;
        height: auto
    }

    .ModalBlock-User .modal-content {
        border-radius: 0
    }

    .BlockUser-Head h1 {
        padding: 10px 0 16px;
        font-size: 14px;
        line-height: 22.4px
    }

    .BlockBtn button {
        margin: 0 0 10px;
        border-radius: 5px;
        color: #2f80ed;
        font-size: 14px;
        height: 42px;
        width: 100%;
        line-height: 42px;
        background: none;
        text-transform: capitalize
    }

    .BlockUser-Head {
        padding: 0 0 20px
    }

    .Block-ConverstionHead p {
        margin: 0 auto 16px;
        font-size: 10px;
        line-height: 16px;
        max-width: 260px
    }

    .Block-ConverstionHead p br {
        display: none
    }

    .Block-ConverstionHead button {
        margin: 0 0 5px;
        font-size: 16px;
        line-height: 25.6px;
        width: 100%
    }

    .Block-ConverstionHead button.active {
        color: #fb5100;
        margin-bottom: 16px
    }

    .ModalBlock-User .block-modal-mobile {
        display: block
    }

    .ModalBlock-User .close {
        font-size: 34px;
        font-weight: 500;
        opacity: 1;
        text-align: right;
        margin: 6px 16px 0 0;
        outline: none
    }

    .UserChat-Left .InnerReply-Head img {
        width: 106px;
        height: auto
    }

    .Modal-RegisterHead {
        margin: 30px 0 0 20px
    }

    .Modal-RegisterHead h1 {
        font-size: 20px;
        line-height: 24px
    }

    .Modal-RegisterHead p {
        margin: 12px 15px 0 0;
        font-size: 14px;
        line-height: 19.4px
    }

    .Modal-SignForm-Container .SignForm-Left i,
    .Modal-SignForm-Container .SignForm-Right i {
        font-size: 14px;
        right: 17px;
        top: 40px
    }

    .Modal-ByClicked {
        margin: 20px 0 20px 20px
    }

    .AppNotFound-Container,
    .AppSubmit-Container,
    .Page404-Container {
        padding: 0 15px
    }

    .AppSubmit-Head {
        padding: 18px 15px 30px
    }

    .AppSubmit-Head img {
        margin: 0 0 16px;
        padding: 0 30px
    }

    .alert-add-modal-container .easy-to-post-container {
        display: inline-grid
    }

    .alert-add-modal-container .easy-to-post-container .colum-left {
        width: 100%;
        border-radius: 10px 10px 0 0
    }

    .alert-add-modal-container .easy-to-post-container .colum-right {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0
    }

    .alert-add-modal-container .modal-content {
        border: none;
        border-radius: 10px
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .close {
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        width: 100%;
        text-align: right;
        height: 40px;
        z-index: 999;
        border-radius: 10px 10px 0 0
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .close span {
        position: relative;
        top: -3px;
        right: 10px
    }

    .alert-add-modal-container .easy-to-post-container .colum-left .modal-logo {
        margin: 50px auto 20px;
        text-align: center
    }

    .alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list {
        margin: 0 auto 20px;
        text-align: left
    }

    .alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list ul,
    .alert-add-modal-container .easy-to-post-container .colum-left .automated-application-list ul li {
        font-size: 14px;
        line-height: 34.49px
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head {
        margin: 30px 0 0
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head h1 {
        margin: 0 0 20px;
        font-size: 25px;
        line-height: 33.15px;
        text-align: center
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head p br,
    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head a br {
        display: none
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head p,
    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head a {
        font-size: 14px;
        line-height: 21.24px;
        margin: 0 0 20px;
        padding: 0 24px;
        text-align: center
    }

    .alert-add-modal-container .easy-to-post-container .colum-right .welcome-improve-head a {
        padding: 0
    }

    #LargeImage-Container {
        display: none
    }

    .HeaderIcon-Right {
        margin: 2px 10px 0 0
    }

    .HeaderIcon-Right img {
        height: 22px
    }

    .Profiledropdown .dropdown-toggle::after,
    .Profiledropdown .dropdown.show .dropdown-toggle::after {
        width: 14px
    }

    .AppNotFound-Head {
        margin: 0;
        padding: 60px 16px
    }

    .AppNotFound-Head img {
        margin: 0 0 36px;
        padding: 0 50px
    }

    .AppNotFound-Head h1 {
        margin: 0 0 30px;
        padding: 0 15px;
        font-size: 12px;
        line-height: 20px
    }

    .AppNotFound-Head a {
        margin: 0 0 30px;
        width: 100%;
        height: 42px;
        line-height: 42px;
        border-radius: 5px;
        font-size: 14px
    }

    .AppNotFound-Head h2 {
        font-size: 12px;
        line-height: 19.2px
    }

    .Conditionapprov-Con-Head h1 {
        font-size: 16px;
        line-height: 20.66px
    }

    .Conditionapprov-Con-Head h3 {
        font-size: 14px;
        line-height: 18.07px;
        font-family: "BasisGrotesquePro-Medium"
    }

    .Conditionapprov-Con-Head h5,
    .Conditionapprov-Con-Head h4 {
        margin: 12px 0;
        font-size: 14px;
        line-height: 18.07px
    }

    .Conditionapprov-Con-Head p {
        padding: 0 20px;
        font-size: 12px;
        line-height: 15.36px
    }

    .Conditionapprov-Con-Head h2 {
        font-size: 20px;
        line-height: 25.82px
    }

    .Conditionapprov-Con-Head a {
        border-radius: 5px;
        font-size: 14px;
        line-height: 42px;
        width: 100%;
        height: 42px
    }

    .Conditionapprov-Con-Head {
        padding: 50px 15px
    }

    .Page404-Head {
        padding: 60px 15px
    }

    .Page404-Head h3 {
        font-size: 12px;
        line-height: 15px
    }

    .Page404-Head a {
        width: 100%;
        height: 42px;
        line-height: 42px;
        font-size: 14px
    }

    .AppSubmit-Head h1 {
        font-size: 14px;
        line-height: 18.07px
    }

    .AppSubmit-Head p {
        margin: 0 0 16px;
        font-size: 12px;
        line-height: 15px
    }

    .AppSubmit-Head h2 {
        font-size: 14px;
        line-height: 18.07px
    }

    .AppSubmit-Head a {
        background: #fb5100;
        border: 1px solid #fb5100;
        border-radius: 5px;
        font-size: 14px;
        line-height: 42px;
        width: 100%;
        height: 42px;
        color: #fff
    }

    .Saveads-Container .AdsList-Btm {
        position: static;
        margin-left: 12px
    }

    .Saveads-Container .SavedBtn {
        position: static;
        margin-left: 30px;
        margin-top: 30px;
        margin-bottom: 20px;
        clear: both;
        display: table
    }

    .Saveads-Container .AdsList-Btm ul li h1 i {
        height: 25px;
        width: 25px;
        font-size: 14px;
        line-height: 28px;
        margin-right: 6px
    }

    .Saveads-Container .AdsList-Btm ul li h1,
    .Saveads-Container .AdsList-Btm ul li h2 {
        font-size: 12px
    }

    .Saveads-Container .AdsList-Btm ul li {
        margin: 0 25px 0 0
    }

    .Saveads-Container .SavedBtn a {
        font-size: 12px;
        width: 135px;
        height: 30px;
        line-height: 30px;
        margin: 0 15px 0 0;
        border-radius: 5px
    }

    .Saveads-Container .SavedBtn a img {
        height: 16px;
        top: -3px
    }

    .Saveads-Container .SavedBtn button {
        border-radius: 5px;
        width: 40px;
        height: 30px;
        float: left
    }

    .Saveads-Container .SavedBtn button i {
        font-size: 15px
    }

    .AboutUs-HeadRight {
        position: static
    }

    .FinanceThat-About .offset-1 {
        margin-left: 0
    }

    .AboutUs-HeadRight img {
        width: 100%;
        height: auto
    }

    .SecAboutUs-Banner {
        padding: 0 0 60px;
        background: #fff
    }

    .AboutUs-HeadLeft {
        padding: 30px 0
    }

    .AboutUs-HeadLeft h1 {
        font-size: 24px;
        line-height: 28.74px;
        letter-spacing: 0;
        text-align: center
    }

    .AboutUs-HeadLeft h1 br,
    .AboutUs-HeadLeft p br {
        display: none
    }

    .AboutUs-HeadLeft p,
    .AboutUs-HeadLeft a {
        margin: 20px 0 0;
        font-size: 12px;
        line-height: 17.04px;
        text-align: center
    }

    .FinanceThat-About {
        margin: 0;
        background: none
    }

    .FinanceThatRight h1 {
        font-size: 12px;
        line-height: 16.56px;
        letter-spacing: 0;
        text-align: center;
        margin-top: 16px
    }

    .FinanceThatRight h1::before {
        bottom: -5px;
        text-align: center;
        width: 40px;
        height: 2px;
        margin: 0 auto;
        right: 0
    }

    .FinanceThatRight p {
        margin: 25px 0 0;
        font-size: 12px;
        line-height: 17.2px;
        text-align: center
    }

    .Sec-AboutUsIcon {
        padding: 60px 0;
        background: none
    }

    .AboutIcon-Container .AboutInner {
        width: 90px;
        height: 90px;
        line-height: 84px;
        margin: 0 auto
    }

    .AboutIcon-Container .AboutInner img {
        height: 40px
    }

    .AboutIcon-Container h1 {
        margin: 16px 0 0;
        font-size: 14px;
        line-height: 26px
    }

    .AboutIcon-Container {
        margin: 0 auto 30px
    }

    .SimplyFill-Container {
        margin: 0;
        padding: 0;
        background: #fff;
        border: none;
        border-radius: 0;
        box-shadow: none
    }

    .SimplyFill-Head h2 {
        font-family: "basis_grotesque_probold";
        font-weight: 700;
        font-size: 20px;
        line-height: 26.4px
    }

    .SimplyFill-Head {
        padding: 0 0 30px
    }

    .ContactUs-Section {
        background: none
    }

    .SimplyFill-Form label {
        margin: 0 0 8px;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 19.6px
    }

    .SimplyFill-Form input,
    .SimplyFill-Form textarea {
        padding: 0 10px 0 12px;
        border-radius: 5px;
        font-size: 12px;
        height: 30px
    }

    .SimplyFill-Form {
        margin: 0 0 16px
    }

    .SimplyFill-Form textarea {
        height: 172px !important;
        padding-top: 12px !important
    }

    .SimplyFill-Form button {
        border-radius: 5px;
        height: 32px;
        line-height: 32px;
        width: 100%
    }

    .Section-GeneralInquiry {
        padding: 80px 0 68px;
        background: none
    }

    .GeneralInquiry-Head h1 {
        font-size: 20px;
        text-align: center;
        line-height: 30.14px
    }

    .GeneralInquiry-Head p {
        font-size: 12px;
        line-height: 18.08px;
        text-align: center
    }

    .GeneralInquiry-Head .CenterLine {
        display: none
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1::before,
    .GeneralInquiry-Head .GeneralCon-List ul li a::before {
        margin: 0 5px 0 0;
        width: 20px;
        height: 20px;
        line-height: 22px;
        font-size: 10px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li h1,
    .GeneralInquiry-Head .GeneralCon-List ul li a {
        font-size: 16px;
        line-height: 22.08px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li a::before {
        line-height: 20px !important;
        font-size: 12px !important
    }

    .GeneralInquiry-Head .GeneralCon-List {
        margin: 20px auto 32px;
        text-align: center;
        display: table
    }

    .GeneralInquiry-Head .GeneralCon-List ul li {
        float: none;
        display: inline-block
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(3) {
        margin-top: 14px
    }

    .GeneralInquiry-Head .GeneralCon-List ul li:nth-child(2) {
        margin: 0 0 0 10px
    }

    .GeneralInquiry {
        padding: 0;
        border: none
    }

    .your-estimate-budget-modal h5 {
        font-size: 16px;
        line-height: 22px
    }

    .your-estimate-budget-modal .vehicle-payment-list ul,
    .your-estimate-budget-modal .vehicle-payment-list .zero-down-payment-dialog-li-row li {
        margin: 0 0 0 10px;
        font-size: 12px;
        line-height: 30px
    }
}

@media screen and (max-width: 575.99px) {
    .Section-AddPost {
        padding: 25px 0 20px;
        height: 100vh;
        display: inline-table;
        width: 100%
    }

    .MobileSearch button img,
    .MobileSearch a img {
        max-width: 100%;
        height: auto;
        position: relative;
        top: 2px;
        z-index: 99
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        font-size: 12px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        margin: 0 0 0 8px
    }

    .PostAdd-TopList ul li h1,
    .PostApp-TopList ul li h1 {
        margin: 0 8px 0 6px;
        font-size: 14px
    }

    .top-status-bar {
        max-width: 270px;
        margin: 12px auto 0
    }

    .Addpost-responsiveimg {
        display: block;
        padding-bottom: 22px
    }

    .Addpost-responsiveimg img {
        max-width: 60%
    }

    .ad-post-body-main,
    .App-post-body-main {
        padding: 28px 16px 0;
        display: block;
        overflow: visible
    }

    .boxed-grid-col {
        width: 33.33%;
        padding: 0 8px 15px
    }

    .SecSeven-Btn button {
        margin: 100px 0 50px;
        height: 42px
    }

    .Kilometter-Form,
    .Price-Form {
        margin: 0 0 20px;
        text-align: left
    }

    .three-col-grid .col-outer {
        width: 50%
    }

    .ad-post-left-section {
        max-width: 100%;
        min-height: auto
    }

    .Distextarea {
        max-width: 100% !important;
        height: 150px !important;
        width: 100% !important
    }

    .add-photos-head p {
        font-size: 12px;
        line-height: 20px;
        margin: 0 0 20px
    }

    .upload-photo-inner {
        width: 50%
    }

    .PostAdd-TopList ul li.active a,
    .PostApp-TopList ul li.active a {
        height: 20px;
        width: 20px
    }

    .PostAdd-TopList ul li.active a::after,
    .PostApp-TopList ul li.active a::after {
        font-size: 10px
    }

    .AdPostSec-Thirteen {
        padding: 0 0 100px
    }

    .PaymentMethod-Container {
        margin: 0
    }

    .payment-method-pr {
        padding-right: 0
    }

    .ExpiryUnlock img {
        height: 16px
    }

    .Add-SummaryContainer .PremiumList p {
        margin: 6px 0 0;
        font-size: 10px;
        color: #aaabad
    }

    .ExpiryUnlock h1 {
        font-size: 14px;
        top: 0;
        left: 10px;
        max-width: 240px
    }

    .Finalize-CardDetail .CardDetail-Left h1 {
        font-size: 14px
    }

    .Finalize-CardDetail .CardDetail-Left p {
        font-size: 12px
    }

    .Finalize-CardDetail {
        margin: 0 0 12px;
        padding: 16px 10px
    }

    .Finalize-CardDetail .CardDetail-Right button {
        padding: 8px 10px;
        border-radius: 5px;
        font-size: 12px
    }

    .FinalizePre-Btn {
        margin: 20px 0 0;
        float: none !important
    }

    .FinalizePre-Btn button {
        width: 100%;
        height: 42px
    }

    .FinalizePre-Btn.float-right {
        margin: 20px 0 22px
    }

    .two-col-grid .col-outer {
        width: 50%
    }

    .post-application-container .two-col-grid .col-outer {
        width: 100%
    }

    .App-post-body-main .react-select-main .react-select__control {
        background-size: 13px
    }

    .PostAdd-TopList ul li.active a,
    .PostApp-TopList ul li.active a {
        background-size: 14px !important
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn {
        padding-left: 26px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 16.8px;
        white-space: unset
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureMark {
        height: 14px;
        width: 14px
    }

    .PostApp-SecSeven .RadioBtn-Con .FeatureRadio-Btn .FeatureMark:after {
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        width: auto;
        height: auto
    }

    .Select-TopHead p {
        font-size: 12px;
        text-align: center;
        line-height: 16.8px
    }

    .Select-TopHead p br {
        display: none
    }

    .ContainerBuyerIcon .BuyerSeller img {
        padding: 12px 0;
        width: 36px;
        float: left
    }

    .ContainerBuyerIcon .BuyerSeller h4 {
        padding: 24px 0 0 12px;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 15px;
        float: left
    }

    .Select-TopHead {
        padding: 100px 0 30px
    }

    .Dealer-infoform {
        width: 100%;
        margin: 0 auto
    }

    .SignIn-Con,
    .SignUp-Con {
        max-width: 100%;
        margin: 0
    }

    .DealerForm {
        margin: 0 0 20px;
        width: 100%
    }

    .DealerInfo-List ul li h1 {
        font-size: 12px;
        margin: 0
    }

    .DealerInfo-List ul li a {
        font-size: 12px;
        height: 20px;
        width: 20px;
        line-height: 22px
    }

    .UploadOMVIC {
        margin: 0
    }

    .DealerForm button {
        width: 100%;
        margin: 0
    }

    .DealerInfo-List ul li.active a {
        height: 20px;
        width: 20px
    }

    .MobileSignUp-Container {
        width: 100%
    }

    .DealerHead {
        padding: 30px 0 20px
    }

    .CreatAccount-Btn button {
        font-size: 16px;
        width: 100%;
        height: 42px;
        line-height: 42px
    }

    .CreatAccount-Btn {
        margin: 40px 0 20px;
        text-align: center;
        width: 100%
    }

    .CreatAccount-Btn span {
        margin: 16px 0 0;
        font-size: 14px;
        line-height: 18.76px;
        text-align: center;
        float: none;
        display: inline-block
    }

    .Select-TopHead h3 {
        font-size: 16px;
        line-height: 20px;
        text-align: center
    }

    .SelectCon {
        width: 100%
    }

    .aligncenter-mobile {
        margin: 0 auto;
        text-align: center;
        display: block
    }

    .ContainerBuyerIcon {
        margin: 0 0 16px;
        width: 100%;
        height: 60px;
        padding-left: 20px
    }

    .ByClick-Head h4,
    .ByClick-Head h4 a {
        font-size: 12px;
        line-height: 17px
    }

    .Loginwidth-mobile {
        width: 100%;
        max-width: 100%
    }

    .LoginSocial-Btm {
        margin: 0 1px 12px 0;
        width: 100%;
        height: 32px;
        line-height: 26px
    }

    .LoginSocial-Btm img {
        height: 12px
    }

    .my-facebook-button-class {
        margin: 0 0 30px;
        padding: 0 0 0 14px;
        background-size: 14px;
        width: 100%;
        height: 32px;
        line-height: 32px;
        background-position: left 30% center
    }

    .ByClick-mt {
        margin-top: 10px
    }

    .Register-Head h1 {
        font-size: 20px;
        text-align: center;
        line-height: 25px;
        margin: 0 0 12px
    }

    .Register-Head p {
        font-size: 12px;
        text-align: center;
        line-height: 16.8px
    }

    .DealerHead p {
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        margin-bottom: 10px
    }

    .DealerHead p a {
        font-size: 12px
    }

    .DealerHead h3 {
        margin: 0 0 12px;
        font-size: 20px;
        text-align: center
    }

    .SignIn-CopyRight h2,
    .SignIn-CopyRight h3 {
        font-size: 12px;
        text-align: center;
        line-height: 16px
    }

    .DealerInfo-List {
        margin: 0 auto;
        padding: 40px 0 0;
        text-align: center
    }

    .DealerHead h4 {
        font-size: 12px;
        line-height: 16px;
        text-align: center
    }

    .Dealer-LastHead {
        padding: 30px 0
    }

    .Dealer-LastHead p {
        font-size: 12px;
        text-align: center;
        line-height: 16.8px
    }

    .DealerBtn {
        margin-top: 30px;
        font-size: 14px
    }

    .DealerPara-Head h3 {
        font-size: 12px;
        margin-top: 8px;
        margin-bottom: 40px
    }

    .Register-Form .passicon i {
        font-size: 12px
    }

    .Register-Form .passicon {
        top: 41px
    }

    .bannerhide-mobile {
        display: none
    }

    .imageObject {
        width: 50%;
        margin-bottom: 0
    }

    .imageObject .imgLiquid_ready {
        width: 100% !important
    }

    .imageObject i {
        right: 10px !important;
        top: 10px !important
    }

    .Register-Footer {
        padding: 12px 0;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999
    }

    .Section-ListandGrid {
        margin: 0 0 100px
    }

    .Section-DealerInfo {
        margin: 0 0 40px
    }

    .previous-btnleft {
        margin: 100px 0 10px !important
    }

    .Section-DealerInfo .custom-file {
        height: 38px;
        margin-bottom: 20px
    }

    .DealerShip-Con {
        margin: 0;
        max-width: 100%;
        width: 100%
    }

    .Register-Head {
        margin: 0 0 20px
    }

    .SelectCar-Brand {
        padding: 12px 2px;
        border-radius: 5px
    }

    .Verification-Head {
        margin: 40px 0 0
    }

    .Verification-Head h1 {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin: 0 0 6px
    }

    .Verification-Head p {
        font-size: 10px;
        text-align: center;
        line-height: 16px
    }

    .CodeSent-Con {
        margin: 30px 0 20px;
        width: 100%;
        height: 58px;
        padding: 14px 0 0 16px
    }

    .CodeSent-Con .CodeSent-Left img {
        height: 25px
    }

    .CodeSent-Con .CodeSent-Left,
    .CodeSent-Con .CodeSent-Right {
        margin: 0 12px 0 0
    }

    .CodeSent-Con .CodeSent-Right h1,
    .CodeSent-Con .CodeSent-Right h2 {
        font-size: 12px;
        line-height: 15.6px
    }

    .VerifyBtn button {
        width: 100%;
        height: 42px;
        line-height: 42px
    }

    .RegisterAccount-Container {
        margin: 0 auto;
        text-align: center;
        display: block
    }

    .VerifyCode-Form {
        text-align: left;
        max-width: 100%
    }

    .PostApp-NextBtn {
        margin: 50px 0 0
    }

    .Section-Footer {
        padding: 40px 0
    }

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

    .FooterLogo img {
        width: 58%
    }

    .footerlinks {
        margin: 25px auto 0;
        padding: 0 30px;
        width: 50%
    }

    .DownloadApp-Head img {
        margin: 0;
        padding: 10px;
        width: 50%
    }

    .Contact-fLinks ul li h1 i,
    .Contact-fLinks ul li a i,
    .Contact-fLinks ul li h2 {
        margin: 0 5px 0 0;
        padding: 0;
        font-size: 16px;
        width: 26px;
        height: 26px;
        line-height: 30px
    }

    .Contact-fLinks ul li h2 i {
        line-height: 35px;
        left: -2px
    }

    .footerEmail {
        font-size: 10px !important
    }

    .Contact-fLinks ul li h1,
    .Contact-fLinks ul li a {
        font-size: 14px;
        line-height: 30px
    }

    .Contact-fLinks {
        margin: 20px auto 0;
        text-align: center
    }

    .Contact-fLinks ul li {
        margin: 0;
        width: 50%
    }

    .SocialMedia-Icon {
        margin: 30px auto 20px;
        text-align: center
    }

    .SocialMedia-Icon ul li {
        margin: 0 6px 0 0
    }

    .SocialMedia-Icon ul li:nth-child(1) i {
        font-size: 25px
    }

    .SocialMedia-Icon ul li:nth-child(2) i {
        font-size: 30px;
        position: relative;
        top: 3px
    }

    .SocialMedia-Icon ul li:nth-child(3) i {
        font-size: 22px
    }

    .SocialMedia-Icon ul li:nth-child(4) i {
        font-size: 24px;
        margin-left: 6px
    }

    .SocialMedia-Icon ul li i {
        font-size: 22px
    }

    .footerlinks h3 {
        margin: 0 0 20px;
        font-size: 20px
    }

    .footerlinks ul li {
        margin: 0 0 10px
    }

    .dealer-listing-banner .dealer-logo-holder {
        width: 84px;
        height: 84px;
        margin: 0 auto
    }

    .dealer-listing-banner .banner-detail-sec .dealer-detail-col {
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .dealer-listing-banner .banner-detail-sec .dealer-detail-col:first-child {
        width: 100%
    }

    .dealer-listing-banner .dealer-detail h1 {
        margin: 16px 0 10px;
        font-size: 23px;
        line-height: 28.52px
    }

    .dealer-listing-banner .dealer-detail .detail-icon {
        width: 16px;
        height: 16px;
        background-size: 8px;
        margin: 0 8px 0 0
    }

    .dealer-listing-banner .dealer-detail .dealer-detail-list-item {
        font-size: 12px;
        line-height: 15.84px;
        margin: 0 0 10px 12px;
        float: none
    }

    .dealer-listing-banner .dealer-detail .dealer-detail-list-item:first-child {
        margin: 0 0 10px
    }

    .dealer-listing-banner .banner-detail-sec {
        padding: 20px 0 0
    }

    .Section-ListandGrid {
        padding: 0
    }

    .FeatureRadio-Btn .FeatureMark:after {
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        width: auto;
        height: auto
    }

    .AddSummary-Head h6 {
        margin: 0 0 16px
    }

    .StripeElement {
        height: 40px;
        border-radius: 5px;
        padding-left: 40px;
        padding-top: 10px
    }

    .Unionlock-img {
        height: 17px !important
    }

    .CardNumber-Form img {
        height: 13px
    }

    .react-select-main .react-select__control {
        border-radius: 5px !important;
        background-size: 18px
    }

    .react-select-main .css-yk16xz-control {
        height: 48px
    }

    .react-select-main .css-1wa3eu0-placeholder {
        font-size: 12px
    }

    .react-select-main .react-select__input input[type=text] {
        height: 39px
    }

    .css-1uccc91-singleValue {
        color: #3f2355;
        font-size: 12px;
        font-family: "basis_grotesque_proregular"
    }

    .react-select-main .react-select__value-container {
        padding: 0 45px
    }

    #selectSeating.react-select-main .css-tlfecz-indicatorContainer {
        padding: 8px !important
    }

    .react-location-select-main .react-location-select__control {
        border-radius: 5px !important;
        background-size: 18px
    }

    .react-location-select-main .css-yk16xz-control {
        height: 48px
    }

    .react-location-select-main .css-1wa3eu0-placeholder {
        font-size: 12px
    }

    .react-location-select-main .react-location-select__input input[type=text] {
        height: 30px
    }

    .react-location-select-main .react-location-select__value-container {
        padding: 0 42px
    }

    .react-location-select-main .react-location-select__single-value {
        font-size: 12px
    }

    .css-tlfecz-indicatorContainer {
        padding: 8px 5px !important
    }

    .react-select-main .css-b8ldur-Input {
        margin: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .Select-TopHead p.select-para-mobile {
        max-width: 277px;
        width: 100%;
        margin: 0 auto
    }

    .GetPass-PadLeft {
        padding-left: 0;
        padding-top: 40px
    }

    .UserSign-Head h3 {
        font-size: 20px;
        text-align: center;
        letter-spacing: .0036em;
        line-height: 25px
    }

    .UserSign-Head p.pass-head-mt {
        margin-top: 0
    }

    .UserSign-Head p {
        font-size: 12px;
        text-align: center;
        line-height: 16.8px
    }

    .UserSign-Head p br {
        display: none
    }

    .forget-password-validation {
        padding: 0 15px
    }

    .forgot-confirmation-container .confirmation-inner img {
        width: 93px;
        margin-bottom: 20px
    }

    .forgot-confirmation-container {
        position: fixed;
        width: 100%;
        top: 58px;
        left: 0;
        height: 100%;
        margin: 0
    }

    .forgot-confirmation-container .confirmation-inner p {
        max-width: 245px;
        margin: 0 auto
    }

    .forgot-confirmation-container .confirmation-inner {
        padding: 0 0 58px
    }

    .create-password-head {
        margin: 40px 0
    }

    .create-password-head h1 {
        font-size: 20px;
        line-height: 25px
    }

    .create-password-head ul li {
        font-size: 12px;
        line-height: 16.56px;
        margin-bottom: 8px;
        padding-left: 15px
    }

    .create-password-head ul li::before {
        height: 8px;
        width: 8px;
        top: 3px
    }

    .BuyerSign-Congress h1 {
        font-size: 28px;
        line-height: 35.56px;
        text-align: center;
        font-family: "basis_grotesque_probold";
        font-weight: 700;
        margin: 0 0 25px
    }

    .BuyerSign-Congress h2 {
        font-size: 16px;
        line-height: 21.12px;
        margin-bottom: 10px;
        text-align: center
    }

    .BuyerSign-Congress h3 {
        font-size: 16px;
        line-height: 20.8px;
        margin-bottom: 16px;
        text-align: center
    }

    .BuyerSign-Congress p {
        font-size: 12px;
        text-align: center;
        line-height: 19.2px;
        color: #1a1a1a
    }

    .BuyerSign-Congress p br {
        display: none
    }

    .BuyerSign-Congress a {
        border-radius: 5px;
        font-size: 14px;
        width: 100%
    }

    .Sec-PrivacyPolicy {
        background: #fff
    }

    .PrivacyPolicy-Head h1 {
        font-size: 16px;
        line-height: 20.74px;
        letter-spacing: 0;
        text-align: center
    }

    .PrivacyPolicy-Head {
        padding: 16px 0 0
    }

    .PrivacyPolicy-Head p {
        margin: 16px auto 0;
        font-size: 12px;
        line-height: 17.04px;
        max-width: 311px;
        padding: 0;
        text-align: center
    }

    .PrivacyTerm-Container {
        margin: 74px 0 42px;
        padding: 0;
        border: none;
        border-radius: 0
    }

    .PrivacyTerm-Head h1 {
        margin: 0 0 12px;
        font-size: 20px;
        line-height: 26.4px
    }

    .PrivacyTerm-Head p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: -0.001em
    }

    .PrivacyTerm-Container .sec-mt {
        margin-top: 20px
    }

    .ChatTop-Content .ChatLeft img {
        width: 32px;
        height: 32px
    }

    .modalchat-container .modal-dialog {
        max-width: 290px;
        right: 20px
    }

    .modalchat-container .modal-body {
        padding: 15px 15px 0;
        height: 250px
    }

    .ChatTop-Content {
        padding: 10px 10px 8px 11px
    }

    .ChatTop-Content .ChatLeft .HeadLeft h1 {
        font-size: 12px;
        line-height: 17.7px
    }

    .ChatTop-Content .ChatLeft .HeadLeft h2 {
        font-size: 14px;
        line-height: 19.76px
    }

    .ChatTop-Content .ChatLeft {
        width: 69%;
        display: flex
    }

    .ChatTop-Content .ChatRight {
        width: 31%
    }

    .ChatTop-Content .ChatLeft .HeadLeft {
        margin: 0 0 0 6px
    }

    .ModalChat-Search .SearchLeft {
        max-width: 220px
    }

    .ModalChat-Search .SearchLeft input {
        padding: 0 85px 0 10px;
        font-size: 12px;
        height: 40px
    }

    .ModalChat-Search .SearchLeft .Emojifile-List {
        margin: 8px 6px 0 0
    }

    .ModalChat-Search .SearchLeft .Emojifile-List ul li i {
        font-size: 16px
    }

    .ModalChat-Search .SearchLeft .Emojifile-List ul li .image-upload i {
        font-size: 16px
    }

    .ModalChat-Search .SearchRight button {
        height: 40px
    }

    .ModalChat-Search .Modalimg-Preview {
        max-width: 220px;
        padding: 10px
    }

    .SmallChat-Preview .ChatPlaceholder {
        width: 60px;
        height: 40px;
        border-radius: 5px
    }

    .SmallChat-Preview .ChatPlaceholder i {
        right: 6px;
        top: 4px
    }

    .AboutUs-HeadRight {
        position: static
    }

    .FinanceThat-About .offset-1 {
        margin-left: 0
    }

    .AboutUs-HeadRight img {
        width: 100%;
        height: auto
    }

    .SecAboutUs-Banner {
        padding: 0 0 60px;
        background: #fff
    }

    .AboutUs-HeadLeft {
        padding: 16px 0 0
    }

    .AboutUs-HeadLeft h1 {
        font-size: 24px;
        line-height: 28.74px;
        letter-spacing: 0;
        text-align: center;
        max-width: 300px;
        margin: 0 auto
    }

    .AboutUs-HeadLeft h1 br,
    .AboutUs-HeadLeft p br {
        display: none
    }

    .AboutUs-HeadLeft p,
    .AboutUs-HeadLeft a {
        margin: 20px auto 0;
        font-size: 12px;
        line-height: 17.04px;
        text-align: center;
        max-width: 300px
    }

    .FinanceThat-About {
        margin: 0;
        background: none
    }

    .FinanceThatRight h1 {
        font-size: 12px;
        line-height: 16.56px;
        letter-spacing: 0;
        text-align: center;
        margin-top: 16px
    }

    .FinanceThatRight h1::before {
        bottom: -5px;
        text-align: center;
        width: 40px;
        height: 2px;
        margin: 0 auto;
        right: 0
    }

    .FinanceThatRight p {
        margin: 25px 0 0;
        font-size: 12px;
        line-height: 17.2px;
        text-align: center
    }

    .Sec-AboutUsIcon {
        padding: 60px 0;
        background: none
    }

    .AboutIcon-Container .AboutInner {
        width: 90px;
        height: 90px;
        line-height: 84px;
        margin: 0 auto
    }

    .AboutIcon-Container .AboutInner img {
        height: 40px
    }

    .AboutIcon-Container h1 {
        margin: 16px 0 0;
        font-size: 14px;
        line-height: 26px
    }

    .AboutIcon-Container {
        margin: 0 auto 30px
    }
}

@media only screen and (min-width: 1920px)and (max-width: 2999.99px) {
    .SectionHeader .authhead {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 70px
    }

    .GetPass-PadLeft {
        padding-left: 0;
        width: 922px;
        position: absolute;
        left: 100px
    }

    .Section-ListandGrid {
        position: relative
    }

    .RegisterAccount-Container {
        position: absolute;
        left: 100px
    }
}

@media only screen and (min-width: 1651px)and (max-width: 1919.99px) {
    .Section-ListandGrid {
        position: relative
    }

    .RegisterAccount-Container {
        position: absolute;
        max-width: 963px;
        left: 50px;
        width: 100%
    }

    .GetPass-PadLeft {
        padding-left: 0;
        position: absolute;
        max-width: 830px;
        right: -50px;
        width: 100%
    }

    .DealerShip-Con {
        max-width: 630px
    }

    .Dealer-infopadd {
        padding-left: 0;
        max-width: 1010px;
        position: relative;
        right: -15px;
        width: 100%;
        float: right;
        clear: both
    }

    .Dealer-infoform {
        padding-left: 0;
        max-width: 1010px;
        position: relative;
        right: 15px;
        width: 100%;
        float: right;
        clear: both
    }

    .DealerShip-Con {
        max-width: 770px
    }
}

@media only screen and (min-width: 1485px)and (max-width: 1649.99px) {
    .Section-FeatureList .nav-link {
        margin: 0 auto
    }

    .BrowseType-Service {
        width: 13%;
        height: 185px
    }

    .BrowseType-Service img {
        margin: 30px 0 0;
        height: 70px;
        width: 90px
    }

    .RegisterAccount-Container {
        padding-left: 20px
    }

    .GetPass-PadLeft {
        padding-left: 20px
    }

    .SignIn-Con {
        margin: 0 15px;
        padding: 0;
        float: left;
        max-width: 336px !important;
        width: 100%
    }

    .Select-TopHead {
        padding: 80px 0 50px 20px
    }

    .ContainerBuyerIcon {
        margin: 30px 5px 0 35px
    }

    .Section-DealerInfo {
        padding: 0 0 0 20px
    }

    .DealerShip-Con {
        max-width: 630px
    }

    .paddtop-1 {
        padding-bottom: 20px
    }

    .ProdThum-Service .ProdImage img {
        height: auto
    }

    .FeatureRadio-Btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }

    .AdPost-SecOne .AdPost-Thumble h1 {
        font-size: 14px
    }
}

@media only screen and (min-width: 1367px)and (max-width: 1484.99px) {
    .search-main-holder .search-grid-col {
        width: 25%
    }

    .ProdThum-Service .ProdHead .disc-row .price-tag {
        font-size: 17px
    }

    .Saveads-Container .MyBtn-Container {
        right: 25px;
        bottom: 10px
    }

    .Saveads-Container .SaveExpire-List {
        margin: 0 15px 0 0
    }

    .Saveads-Container .SaveExpire-Container {
        bottom: 5px
    }

    .Savedads-Head h1 {
        font-size: 24px
    }

    .AdPost-SecOne .AdPost-Thumble h1 {
        font-size: 14px
    }

    .AdPost-SecOne h6,
    .VehicleForm-Head label,
    .SecEight-DropMenu label,
    .Kilometter-Form label,
    .Price-Form label {
        font-size: 18px
    }

    .AdBoost-Container .addDuration-Head {
        margin: 0 8px;
        width: 15%
    }

    .AdBoost-Container .addDuration-Head p br {
        display: none
    }

    .AddFinalize-Container {
        padding: 0
    }

    .ProdThum-Service .ProdHead h1 {
        font-size: 18px
    }

    .ProdThum-Service .ProdHead h1 img {
        margin: -4px 6px 0 0;
        height: 25px
    }

    .ProdThum-Service .ProdHead img {
        padding: 10px 15px 0 0;
        height: 35px
    }

    .ProdThum-Service .ProdHead h2 {
        font-size: 15px
    }

    .LargeRight-Image h1 {
        font-size: 25px
    }

    .OverView-Container .OverView-Left h3,
    .OverView-Container .OverView-Left h2,
    .OverView-Container .OverView-Right h3,
    .OverView-Container .OverView-Right h2,
    .OverView-Container .OverView-Left h4,
    .OverView-Container .OverView-Left h5,
    .OverView-Container .OverView-Right h5,
    .OverView-Container .OverView-Right h4 {
        font-size: 18px;
        width: auto
    }

    .FeatureList-Large ul li a {
        font-size: 16px
    }

    .Section-FeatureList .nav-link {
        margin: 0 auto
    }

    .BrowseType-Service {
        width: 170px;
        height: 170px
    }

    .BrowseType-Service img {
        margin: 30px 0 0;
        height: 60px;
        width: 70px
    }

    .Section-Footer .pad-rtl {
        padding: 0 50px
    }

    .RegisterAccount-Container {
        padding-left: 20px
    }

    .SignIn-Con {
        max-width: 300px;
        width: 100%
    }

    .Sec-SelectAccount .SelectText h1 {
        font-size: 40px;
        line-height: 50px
    }

    .GetPass-PadLeft {
        padding-left: 20px
    }

    .Select-TopHead {
        padding: 50px 0 50px 20px
    }

    .ContainerBuyerIcon {
        margin: 0 5px 0 35px
    }

    .RegMt {
        padding-top: 50px
    }

    .Section-DealerInfo {
        padding: 0 0 0 20px
    }

    .DealerShip-Con {
        max-width: 630px
    }

    .FeatureList-Thum h2 {
        max-width: 220px
    }

    .paddtop-1 {
        padding-bottom: 20px
    }

    .MonthlyPay-Container a {
        font-size: 15px
    }

    .ProdThum-Service .ProdImage img {
        height: auto
    }

    .ListView-Container .ImageSlider img {
        height: 180px
    }

    .ProdThum-Service .ProdHead h3 {
        max-width: 120px
    }

    .FeatureRadio-Btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1366.99px) {
    .search-main-holder .search-grid-col {
        width: 33.33%
    }

    .search-main-holder .search-grid-col .thumb-image.loading {
        min-height: 270px
    }

    .ProdThum-Service .ProdHead .disc-row .price-tag {
        font-size: 17px
    }

    .Saveads-Container .MyBtn-Container {
        right: 25px;
        bottom: 10px
    }

    .Saveads-Container .SaveExpire-List h3 {
        width: 35px;
        height: 35px;
        line-height: 26px;
        top: -6px
    }

    .Saveads-Container .AdHeading h2 {
        font-size: 18px
    }

    .Saveads-Container .SaveExpire-List h3 i {
        font-size: 18px
    }

    .Saveads-Container .SaveExpire-List h4 {
        margin: 0;
        font-size: 13px
    }

    .Saveads-Container .SaveExpire-List {
        margin: 0 10px 0 0
    }

    .Saveads-Container .SaveExpire-Container {
        bottom: 5px
    }

    .Savedads-Head h1 {
        font-size: 24px
    }

    .Saveads-Container .SavedBtn a img {
        margin: 0 4px 0 0;
        height: 22px;
        top: -3px
    }

    .Saveads-Container .AdsList-Btm {
        bottom: 15px
    }

    .Saveads-Container .SavedBtn {
        bottom: 10px
    }

    .Saveads-Container .AdsList-Btm ul li {
        margin: 0 10px 0 0
    }

    .Header-AddPost button {
        margin: 0 0 0 10px;
        font-size: 15px;
        width: 120px;
        height: 45px;
        -webkit-transition: all ease-in .3s;
        -moz-transition: all ease-in .3s;
        -o-transition: all ease-in .3s;
        transition: all ease-in .3s
    }

    .SignUp-Head {
        margin: 32px 0 0 16px
    }

    .SignUp-Head span {
        font-size: 18px
    }

    .SearchFilter-form select {
        background: url(../image/filter-arrow.svg) no-repeat right 50px center
    }

    .Section-FeatureList .nav-link {
        margin: 0 auto
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 18px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 16px;
        padding-left: 16px;
        padding-top: 13px
    }

    .SignUp-Head a {
        font-size: 18px
    }

    .WebLogo a {
        margin: 8px 0 0
    }

    .navbar {
        padding: 11px 0 0
    }

    .AdPost-SecOne .AdPost-Thumble {
        padding: 35px 10px 0
    }

    .AdPost-SecOne .AdPost-Thumble h1 {
        font-size: 12px;
        padding: 14px 0 15px
    }

    .VehicleForm-Head label {
        font-size: 16px
    }

    .AdBoost-Container .addDuration-Head {
        margin: 0 6px;
        width: 14%
    }

    .SecEight-DropMenu label {
        font-size: 16px
    }

    .Kilometter-Form label,
    .Price-Form label,
    .AddFinalize-Head h1 {
        font-size: 16px
    }

    .AddFinalize-Container {
        padding: 0
    }

    .Filter-Head h1,
    .Filter-Head h1 span {
        font-size: 18px
    }

    .Filter-Head button {
        font-size: 18px;
        margin: 0
    }

    .FilterList ul li a {
        font-size: 16px
    }

    .LeftMenu-Container .card .card-header .btn-link::after {
        margin: -4px 0 0
    }

    .MonthlyPay-Container a {
        font-size: 12px
    }

    .MonthlyPay-Form select,
    .MonthlyPay-Form input {
        font-size: 15px
    }

    .ShopType-Btn a {
        padding: 0 20px
    }

    .ShopType-Btn h1 {
        font-size: 18px
    }

    .ListSearch-Form input,
    .ListSearch-Form select {
        font-size: 16px
    }

    .ListSearch-Form span {
        right: 15px
    }

    .ListLocation-Form button {
        padding: 8px 15px;
        font-size: 16px
    }

    .ListLocation-Form button::before {
        font-size: 16px
    }

    .ListLocation-Form input {
        font-size: 16px
    }

    .ListView-Container .ListView-Head h1 {
        font-size: 24px
    }

    .ListView-Container .ListView-Head h1 img {
        height: 30px
    }

    .ListView-Container .ListView-Btm ul li {
        margin: 0 25px 0 0
    }

    .ProdThum-Service .ProdHead h1 {
        font-size: 16px
    }

    .ProdThum-Service .ProdHead h1 img {
        margin: 0 6px 0 0;
        height: 20px
    }

    .ProdThum-Service .ProdHead img {
        padding: 10px 15px 0 0;
        height: 35px
    }

    .ProdThum-Service .ProdHead h2 {
        font-size: 15px
    }

    .ProdThum-Service .ProdHead h3 i {
        height: 25px;
        width: 25px;
        font-size: 14px;
        line-height: 25px
    }

    .ProdThum-Service .ProdHead h3 {
        font-size: 14px;
        max-width: 100px
    }

    .ProdThum-Service .ProdHead h4 {
        padding: 2px 15px 15px 0;
        font-size: 14px
    }

    .FeatureList-Thum h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 190px
    }

    .FeatureList-Thum h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px
    }

    .BrowseType-Service {
        width: 13%;
        height: 148px;
        margin: 0 6px
    }

    .BrowseType-Service img {
        margin: 20px 0 0;
        height: 60px;
        width: 60px
    }

    .BrowseType-Service h3 {
        padding: 5px 0 0;
        font-size: 18px
    }

    .Section-Footer .pad-rtl {
        padding: 0 45px
    }

    .RegisterAccount-Container {
        padding-left: 20px
    }

    .SignIn-Con {
        margin: 0;
        padding: 0;
        float: left;
        max-width: 280px
    }

    .RegisterBtn {
        margin: 22px 0 0
    }

    .Sec-SelectAccount .SelectText h1 {
        font-size: 35px;
        line-height: 45px
    }

    .GetPass-PadLeft {
        padding-left: 20px
    }

    .Select-TopHead {
        margin: 0;
        padding: 50px 0 50px 20px
    }

    .ContainerBuyerIcon {
        margin: 0 5px 0 35px;
        width: 270px;
        height: 270px
    }

    .ContainerBuyerIcon .BuyerSeller img {
        padding: 40px 0 30px
    }

    .RegMt {
        padding-top: 50px
    }

    .Section-DealerInfo {
        padding: 0 0 0 20px
    }

    .DealerShip-Con {
        max-width: 590px
    }

    .paddtop-1 {
        padding-bottom: 20px
    }

    .ProdThum-Service .ProdImage img {
        height: auto
    }

    .ListView-Container .ImageSlider img {
        height: 180px
    }

    .FeatureRadio-Btn {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .ListView-Container .ListView-Head h1,
    .ListView-Container .ListView-Head h1 a {
        font-size: 20px
    }

    .ListView-Container .ListView-Head h2 {
        font-size: 16px
    }

    .MonthlyPay-Form label {
        font-size: 16px;
        text-align: left
    }

    .PostApp-Form .srv-validation-message,
    .ListSource-Form .srv-validation-message {
        font-size: 10px
    }

    .HeaderIcon-Right {
        margin: 36px 20px 0 0
    }
}

@media only screen and (min-width: 1317px)and (max-width: 1437.99px) {
    .Header-AddPost button {
        margin: 0 0 0 4px;
        padding: 4px 16px;
        font-size: 14px;
        width: auto;
        height: auto;
        line-height: 27px
    }

    .ListSearch-Form span {
        right: 10px
    }

    .FilterList ul li a {
        font-size: 18px
    }

    .LeftMenu-Container .card .card-header .btn-link::after {
        font-size: 18px;
        margin: 0
    }

    .MonthlyPay-Container a {
        font-size: 14px
    }

    .Filter-Head h1,
    .Filter-Head h1 span {
        font-size: 18px
    }

    .Filter-Head button {
        font-size: 18px;
        margin: 0
    }

    .MyApp-ThumText .AmountRequest-Head h4 span,
    .MyApp-ThumText .AmountRequest-Head h4 {
        font-size: 14px;
        float: none
    }

    .MyApp-ThumText .AmountRequest-Head h2 {
        font-size: 24px
    }

    .ChatUnread-Btn button {
        margin: 0 15px 0 0
    }

    .ChatDropdown-Head h1 span {
        font-size: 13px
    }
}

@media only screen and (min-width: 1080px)and (max-width: 1198.99px) {
    .SignUp-Head {
        margin: 28px 15px 0 0
    }

    .UserDropdown {
        margin: 10px 0 0
    }

    .SignUp-Head a,
    .navbar-light .navbar-nav .nav-link {
        font-size: 18px
    }

    .SignUp-Head span {
        font-size: 15px
    }

    .profile-dropdown>label i {
        font-size: 24px;
        line-height: 78px
    }

    .Header-AddPost button {
        margin: 0 0 0 10px;
        padding: 6px 18px;
        font-size: 16px;
        width: auto;
        height: auto;
        border-radius: 6px;
        line-height: 25px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8px;
        padding-left: 8px;
        padding-top: 11px
    }

    .WebLogo {
        margin: 14px 0 0
    }

    .tabs .nav-tabs .nav-link,
    .nav-tabs .nav-link {
        font-size: 20px
    }

    .nav-link {
        padding: 10px 15px
    }

    .FeatureList-Thum {
        position: relative
    }

    .FeatureList-Thum h2 span {
        margin-left: 0;
        position: absolute;
        right: 15px;
        z-index: 99
    }

    .FeatureList-Thum h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 255px
    }

    .Section-whyfinance .nav-tabs .nav-link {
        padding: 10px 0
    }

    .tabs .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 20px
    }

    .SellerVerify-Service .VerifyHead p {
        padding: 20px 15px
    }

    .SellerVerify-Service .VerifyHead p br {
        display: none
    }

    .BrowseType-Service {
        margin: 0 15px 0 0;
        width: 130px;
        height: 130px;
        line-height: 40px
    }

    .BrowseType-Service img {
        margin: 10px 0 0;
        height: 78px;
        width: 60px
    }

    .BrowseType-Service h3 {
        font-size: 15px;
        line-height: 10px;
        padding: 0
    }

    .VehicleToday-Head h6 {
        font-size: 20px;
        top: 2px
    }

    .VehicleToday-Container {
        padding: 42px 25px
    }

    .footerlinks h3 {
        margin: 0 0 20px;
        font-size: 20px
    }

    .footerlinks ul li a {
        font-size: 13px
    }

    .footerlinks ul li {
        line-height: 25px
    }

    .Contact-fLinks ul li {
        margin: 0 0 20px
    }

    .DownloadApp-Head {
        margin: 10px 0 0
    }

    .AddLocation-Form button::before {
        font-size: 18px
    }

    .AddLocation-Form button {
        padding: 11px 20px;
        font-size: 18px;
        width: auto;
        height: auto
    }

    .SearchFilter-form i {
        right: 20px
    }

    .ListView-Container .ImageSlider img {
        height: 150px
    }

    .ListView-Container .ListRight-Image img {
        margin: 45px 20px 0 0
    }

    .ListView-Container .ListView-Btm {
        margin: 20px 0 0
    }

    .ListView-Container .ListView-Head h2 {
        padding: 20px 0 0;
        font-size: 20px
    }

    .ListView-Container .ListView-Btm ul li h2 img,
    .ListView-Container .ListView-Btm ul li h3 img {
        height: 20px;
        margin-top: -8px
    }

    .ListView-Container .ListView-Btm ul li {
        margin: 0 20px 0 0
    }

    .ProdThum-Service .ProdHead h4 {
        padding: 0 20px 12px 0;
        float: right;
        font-size: 15px
    }

    .NavBanner-Head h1 {
        font-size: 50px;
        line-height: 60px
    }

    .SearchFilter-form input,
    .AddLocation-Form input,
    .SearchFilter-form select {
        font-size: 18px
    }

    .SearchFilter-form select {
        background: url(../image/filter-arrow.svg) no-repeat right 44px center
    }

    .Section-FeatureList .nav-link {
        margin: 0 auto
    }

    .Section-whyfinance .nav-tabs .nav-item {
        margin: 0 auto
    }

    .VehicleToday-Btn button {
        width: 250px;
        height: 70px;
        font-size: 20px
    }

    .Select-TopHead p br {
        display: none
    }

    .ContainerBuyerIcon .BuyerSeller img {
        padding: 40px 0 20px;
        width: 90px
    }

    .ContainerBuyerIcon .BuyerSeller h4 {
        padding: 0 0 40px;
        font-size: 24px
    }

    .DealerInfo-List ul li h1 {
        font-size: 16px
    }

    .LoginSocial-Btm img {
        height: 16px;
        margin: 0
    }

    .Sec-SelectAccount .SelectText {
        left: 25px
    }

    .Sec-SelectAccount .SelectText h1 {
        font-size: 35px;
        line-height: 45px
    }

    .ListSearch-Form input,
    .ListLocation-Form input,
    .ListSearch-Form select {
        font-size: 18px
    }

    .ListLocation-Form button {
        padding: 9px 20px;
        font-size: 18px
    }

    .ListLocation-Form button::before {
        font-size: 18px;
        margin: 0 6px 0 0
    }

    .ShopType-Btn h1 {
        font-size: 20px
    }

    .Filter-Head h1,
    .Filter-Head h1 span {
        font-size: 24px
    }

    .Filter-Head button {
        font-size: 20px;
        margin: 0
    }

    .FilterList ul li a {
        font-size: 16px;
        font-size: 16px
    }

    .LeftMenu-Container .card .card-header .btn-link::after {
        margin: 0
    }

    .MonthlyPay-Container a {
        font-size: 15px
    }

    .MonthlyPay-Form label {
        font-size: 18px
    }

    .MyApp-Head h1 {
        font-size: 20px
    }

    .MyAppRight-List ul li h1::before,
    .MyAppRight-List ul li h2::before,
    .MyAppRight-List ul li h3::before,
    .MyAppRight-List ul li h4::before {
        width: 10px;
        height: 10px;
        top: 0
    }

    .MyAppRight-List ul li h1,
    .MyAppRight-List ul li h2,
    .MyAppRight-List ul li h3,
    .MyAppRight-List ul li h4 {
        font-size: 12px
    }

    .MyApp-ThumText .AmountRequest-Head h2 {
        font-size: 25px
    }

    .MyApp-ThumText .AmountRequest-Head h3,
    .MyApp-ThumText .AmountRequest-Head h4 {
        font-size: 15px
    }

    .MyApp-ThumText .AmountRequest-Head h4 span,
    .MyApp-ThumText .AmountRequest-Head h4 {
        font-size: 13px
    }

    .PastApp-Head h5 {
        font-size: 20px
    }

    .MyApp-ThumText .TopText-Head h1,
    .MyApp-ThumText .TopText-Head h3,
    .MyApp-ThumText .TopText-Head h4,
    .MyApp-ThumText .TopText-Head h5 {
        font-size: 14px
    }

    .AppInfo-Container .AppInfo-Head h1 span {
        font-size: 12px;
        padding-right: 15px
    }

    .AppInfo-Container .AppInfo-Head h1 span::after {
        width: 10px;
        height: 10px;
        top: 0
    }

    .AppContent-Container .AppContent-Right h4,
    .AppInner-Container .AppInner-Btm h5 {
        font-size: 24px
    }

    .AdPost-SecOne h6,
    .VehicleForm-Head label,
    .SecEight-DropMenu label {
        font-size: 16px
    }

    .Kilometter-Form label,
    .Price-Form label {
        font-size: 16px
    }

    .AddFinalize-Container {
        padding: 0
    }

    .AllDone-Head p br {
        display: none
    }

    .AboutUs-HeadLeft h1 {
        font-size: 40px;
        line-height: 50px
    }

    .AboutUs-HeadLeft h1 br {
        display: none
    }

    .AboutUs-HeadLeft p,
    .AboutUs-HeadLeft a {
        font-size: 16px;
        line-height: 25px
    }

    .AboutUs-HeadLeft p br {
        display: none
    }

    .FinanceThatRight h1 {
        font-size: 20px
    }

    .FinanceThatRight p {
        margin: 40px 0 0;
        font-size: 16px;
        line-height: 25px
    }

    .AboutIcon-Container .AboutInner {
        width: 150px;
        height: 150px;
        line-height: 140px;
        margin: 0 auto;
        text-align: center
    }

    .AboutIcon-Container .AboutInner img {
        height: 60px
    }

    .AboutIcon-Container h1 {
        margin: 20px 0 0;
        font-size: 16px
    }

    .LargeImage-List ul li {
        width: 22%
    }

    .LargeRight-Image h1 {
        font-size: 20px;
        line-height: 30px
    }

    .LargeRight-Image h4 {
        font-size: 24px
    }

    .FinanceThat-Container .ServiceOne a {
        padding: 16px 15px
    }

    .FinanceThat-Container .ServiceTwo {
        margin: 0 auto 0 15px
    }

    .OverView-Container .OverView-Left h3,
    .OverView-Container .OverView-Left h2,
    .OverView-Container .OverView-Right h3,
    .OverView-Container .OverView-Right h2,
    .OverView-Container .OverView-Left h4,
    .OverView-Container .OverView-Left h5,
    .OverView-Container .OverView-Right h5,
    .OverView-Container .OverView-Right h4 {
        font-size: 18px
    }

    .FeatureList-Large ul li a {
        font-size: 16px
    }

    .AdPost-SecOne .AdPost-Thumble h1 {
        font-size: 14px
    }

    .AdBoost-Container .addDuration-Head {
        margin: 0 0 0 20px;
        width: 13%
    }

    .ExpiryUnlock h1 {
        font-size: 14px
    }

    .ListView-Container .ListView-Head h1 {
        font-size: 24px
    }

    .ListView-Container .ListView-Head h1 img {
        margin: 6px 0 0;
        height: 30px
    }

    .ListView-Container .ListView-Btm ul li h1 {
        max-width: 140px;
        font-size: 14px
    }

    .ListView-Container .ListView-Btm ul li h1 i {
        height: 25px;
        width: 25px;
        font-size: 14px;
        line-height: 25px
    }

    .ListView-Container .ListView-Btm ul li h2 span,
    .ListView-Container .ListView-Btm ul li h3 span {
        top: 0
    }

    .ProdThum-Service .ProdHead h1 {
        font-size: 16px
    }

    .ProdThum-Service .ProdHead h1 img {
        margin: 0 6px 0 0;
        height: 20px
    }

    .ProdThum-Service .ProdHead img {
        padding: 8px 15px 0 0;
        height: 35px
    }

    .ProdThum-Service .ProdHead h2 {
        font-size: 16px
    }

    .ProdThum-Service .ProdHead h3 i {
        height: 25px;
        width: 25px;
        font-size: 15px;
        line-height: 25px
    }

    .ProdThum-Service .ProdHead h3 {
        max-width: 115px;
        font-size: 15px
    }

    .LargeRight-Image h1 span {
        font-size: 20px;
        margin: 0 10px 0 0
    }

    .LargeRight-Image h1 span i {
        font-size: 20px
    }

    .LargeRight-Image h2 {
        font-size: 16px
    }

    .Description-Head h2,
    .OverViewListing h1,
    .FeatureList-Large h4,
    .LargePayment-Container .card button {
        font-size: 20px
    }

    .FeatureList-Large ul li {
        width: 50%
    }

    .OverView-Container .OverView-Left,
    .OverView-Container .OverView-Right {
        width: 100%
    }

    .OverView-Container .OverView-Left h3,
    .OverView-Container .OverView-Left h2,
    .OverView-Container .OverView-Right h3,
    .OverView-Container .OverView-Right h2,
    .OverView-Container .OverView-Left h4,
    .OverView-Container .OverView-Left h5,
    .OverView-Container .OverView-Right h5,
    .OverView-Container .OverView-Right h4 {
        width: auto;
        margin: 2px 0 0 10px
    }

    .OverView-Container .OverView-Left img,
    .OverView-Container .OverView-Right img {
        height: 25px
    }

    .DownPayment-Container h3,
    .DownPayment-Container h4,
    .CreditSelect-Container h1 {
        font-size: 16px
    }

    .CreditSelect-Container .CreditDropdown select {
        font-size: 16px
    }

    .Payment-SummaryList h1 {
        font-size: 20px;
        line-height: 20px
    }

    .Payment-SummaryList ul li h3,
    .Payment-SummaryList ul li h4,
    .Payment-SummaryList ul li h5,
    .Payment-SummaryList ul li h6 {
        font-size: 16px
    }

    .EstimatedPayment-Head h2,
    .EstimatedPayment-Head h3,
    .EstimatedPayment-Head span {
        font-size: 24px
    }

    .EstimatedPayment-Head button {
        font-size: 24px !important;
        height: 60px
    }

    .EstimatedPayment-Head button img {
        height: 40px
    }

    .RegisterAccount-Container {
        padding-left: 20px
    }

    .RegisterBtn {
        margin: 24px 0 0
    }

    .SignIn-Con {
        margin: 0 5px 0 15px;
        max-width: 250px;
        width: 100%
    }

    .GetPass-PadLeft {
        padding-left: 20px
    }

    .Select-TopHead {
        margin: 0;
        padding: 50px 0 50px 20px
    }

    .ContainerBuyerIcon {
        margin: 0 0 0 35px;
        width: 220px;
        height: 220px
    }

    .RegMt {
        padding-top: 50px
    }

    .Section-DealerInfo {
        padding: 0 0 0 20px
    }

    .DealerShip-Con {
        max-width: 520px
    }

    .WebLogo a {
        max-width: 200px
    }

    .imageObject {
        width: 25%
    }

    .upload-photo-inner {
        width: 25%
    }
}

.hp-testimonials .image-holder.show-on-mobile {
    display: none
}

@media screen and (max-width: 1500px) {
    .vehicle-budget {
        padding: 170px 50px 100px
    }

    .way-it-should .way-it-should-content {
        padding: 0 30px 0 75px;
        width: 50%
    }

    .main-Footer h4 {
        font-size: 20px
    }

    .main-Footer .footer-routes li {
        font-size: 14px;
        line-height: 53px
    }

    .way-it-should .image-holder {
        width: 50%
    }

    .way-it-should .image-holder video {
        height: 459px !important
    }
}

@media screen and (max-width: 1400px) {
    .vehicle-budget-outer {
        padding: 40px
    }

    .feature-slider-content .image-holder {
        max-width: 200px;
        max-height: 200px
    }

    .hp-testimonials {
        padding: 160px 100px 112px
    }

    .hp-testimonials .testimonials-box {
        padding: 35px 40px 25px;
        margin: 0 0 0 -80px
    }

    .hp-vehicle-in-area .view-all-vihicles-in-area img {
        max-width: 150px
    }
}

@media screen and (max-width: 1300px) {
    .main-Footer .footer-col.second-col {
        background-color: #fff;
        padding: 117px 40px
    }

    .main-Footer .footer-col.first-col {
        background-color: rgba(212, 208, 221, 0.12);
        padding: 129px 40px
    }
}

@media screen and (max-width: 1250px) {
    .vehicle-budget {
        padding: 170px 30px 80px
    }

    .vehicle-budget h2 {
        margin: 0 0 50px;
        font-family: "basis_grotesque_probold";
        font-size: 35px;
        line-height: 45px
    }

    .vehicle-budget-main .select-vehicle-box p {
        font-size: 13px;
        line-height: 20.6px
    }

    .vehicle-budget-main label {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 10px
    }

    .vehicle-budget-main .budget-content-inner p {
        font-size: 20px;
        line-height: 35px
    }

    .vehicle-budget-main .budget-content-inner span {
        font-size: 35px;
        line-height: 50px;
        margin: 12px 0 23px
    }

    .vehicle-budget-main .budget-content-inner .btn-primary {
        padding: 0 20px;
        font-size: 15px;
        border-radius: 16px;
        border: none;
        line-height: 50px
    }

    .hp-three-col-grid .breakdown-col {
        width: 50%;
        margin: 0 0 20px
    }

    .way-it-should .way-it-should-content h2 {
        font-size: 35px;
        line-height: 45px
    }

    .testimonials-box-main {
        padding: 84px 0 0 35px
    }

    .hp-testimonials h2 {
        font-size: 38px;
        line-height: 73px
    }

    .hp-testimonials h3 {
        font-size: 30px;
        line-height: 40px
    }

    .hp-testimonials .item .top-head p {
        font-size: 20px;
        line-height: 20px
    }

    .hp-testimonials .top-head {
        margin-bottom: 20px
    }

    .hp-testimonials .item p {
        font-size: 17px;
        line-height: 25px
    }

    .hp-testimonials .item .top-head ul li i {
        font-size: 18px
    }

    .hp-testimonials .item .top-head ul li {
        margin: 0 5px
    }

    .hp-testimonials .item .top-head ul {
        top: 22px
    }

    .PostAdd-TopList ul li.active a,
    .PostApp-TopList ul li.active a {
        height: 20px;
        width: 20px;
        background-size: 18px
    }

    .PostAdd-TopList ul li a,
    .PostApp-TopList ul li a {
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 12px
    }

    .PostAdd-TopList ul li h1,
    .PostApp-TopList ul li h1 {
        font-size: 12px
    }

    .PostApp-TopList ul li a {
        margin: 0
    }

    .PostApp-TopList ul li:nth-child(4) h1 {
        min-width: 60px
    }

    .PostApp-TopList ul li:nth-child(2) :after,
    .PostApp-TopList ul li:nth-child(4) :after,
    .PostApp-TopList ul li:nth-child(6) :after,
    .PostApp-TopList ul li:nth-child(8) :after,
    .PostAdd-TopList ul li:nth-child(2) :after,
    .PostAdd-TopList ul li:nth-child(4) :after,
    .PostAdd-TopList ul li:nth-child(6) :after,
    .PostAdd-TopList ul li:nth-child(8) :after,
    .PostAdd-TopList ul li:nth-child(10) :after {
        height: 30px;
        top: -6px
    }

    .PostApp-Status .top-status-bar {
        max-width: 750px
    }

    .top-status-bar-inner {
        height: 6px
    }
}

@media screen and (max-width: 991px) {
    .password-strenght div {
        width: 66% !important
    }

    .hp-three-col-grid .breakdown-col.downpayment button {
        right: 24px;
        bottom: 7px
    }

    .way-it-should .image-holder {
        width: 100%;
        float: none
    }

    .way-it-should .way-it-should-content {
        float: none;
        width: 100% !important
    }

    .vehicle-budget {
        padding: 60px 40px 80px
    }

    .vehicle-budget-outer {
        padding: 20px 20px 30px
    }

    .vehicle-budget h2 {
        margin: 0 0 50px;
        font-size: 28px;
        line-height: 56px
    }

    .payment-breakdown.lhs {
        display: none
    }

    .payment-breakdown.rhs {
        display: block
    }

    .hm-select-vehicle-type-main .boxed-grid-col {
        width: 50%
    }

    .vehicle-budget-main .vehicle-budget-left-col {
        padding: 0 18px 0 0
    }

    .vehicle-budget-main .vehicle-budget-right-col {
        padding: 0 0 0 18px
    }

    .vehicle-budget-main .form-control {
        height: 38px
    }

    .hm-react-select-main .hm-react-select__control {
        height: 38px;
        font-size: 14px;
        border-radius: 8px
    }

    .vehicle-budget-main label {
        font-size: 14px;
        line-height: 22.4px;
        margin: 0 0 12px;
        border-radius: 8px
    }

    .vehicle-budget-main .budget-content-inner {
        display: block;
        text-align: left
    }

    .vehicle-budget-main .budget-content-inner p {
        line-height: 32px
    }

    .vehicle-budget-main .budget-content-inner span {
        font-size: 36px;
        line-height: 46px;
        margin: 16px 0 30px
    }

    .vehicle-budget-main .budget-content-inner .budget-content-c {
        padding: 60px 0 0;
        float: none
    }

    .vehicle-budget-main .budget-content-inner .btn-primary {
        padding: 0 20px;
        font-size: 12px;
        border-radius: 10px;
        border: none;
        line-height: 50px
    }

    .vehicle-budget-main .icon-holder {
        height: 52px;
        overflow: hidden;
        margin: 0 0 10px
    }

    .vehicle-budget-main .icon-holder img {
        max-width: 72%
    }

    .vehicle-budget-main .select-vehicle-box {
        padding: 20px 0 16px
    }

    .way-it-should {
        padding: 13px 13px 40px;
        display: block
    }

    .way-it-should-wrapper {
        display: block
    }

    .way-it-should .way-it-should-content h2 {
        font-size: 28px;
        line-height: 56px
    }

    .way-it-should .image-holder video {
        height: auto !important
    }

    .why-it-should-content-main {
        display: block;
        overflow: hidden
    }

    .way-it-should .way-it-should-content {
        padding: 0 25px
    }

    .way-it-should .way-it-should-content ul {
        overflow: hidden;
        margin: 0 -9px
    }

    .way-it-should .way-it-should-content ul li {
        float: left;
        width: 50%;
        padding: 0 9px
    }

    .way-it-should-content-box h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 5px;
        display: block
    }

    .way-it-should-content-box p {
        font-size: 12px;
        line-height: 19.2px;
        margin: 0;
        display: block
    }

    .way-it-should-content-box {
        padding: 20px 20px 20px 62px
    }

    .hp-featured-vehicle {
        padding: 80px 0
    }

    .hp-featured-vehicle h2 {
        font-size: 28px;
        margin: 0 0 20px
    }

    .feature-list-tabs .nav-item {
        margin: 8px
    }

    .feature-list-tabs .nav-tabs .nav-link {
        box-sizing: border-box;
        border-radius: 34px;
        font-size: 12px !important;
        line-height: 34px;
        padding: 0 32px
    }

    .feature-slider-main .feature-custom-nav {
        display: none !important
    }

    .feature-slider-content .image-holder {
        max-width: 282px;
        max-height: 220px
    }

    .hp-vehicle-in-area .image-holder {
        border-radius: 10px;
        max-height: 271px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .title {
        font-size: 16px;
        line-height: 21px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .year {
        font-size: 12px;
        line-height: 21px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .location {
        font-size: 14px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .price-tag {
        font-size: 20px
    }

    .hp-vehicle-in-area h2 {
        font-size: 28px;
        line-height: 56px;
        margin: 0 0 20px
    }

    .sell-vechilce-today.desktop {
        display: none
    }

    .sell-vechilce-today.devices {
        display: block;
        width: 100%;
        text-align: center;
        min-height: inherit;
        padding: 40px 0 0
    }

    .sell-vehicle {
        background-image: none
    }

    .sell-vehicle .sell-vehicle-boxes {
        width: 100%;
        max-width: 100%
    }

    .sell-vehicle-box {
        width: 33.3%
    }

    .sell-vehicle-box h2 {
        font-size: 28px;
        line-height: 56px;
        margin: 0 0 20px
    }

    .sell-vehicle-box .btn-primary {
        border-radius: 5px;
        font-size: 16px;
        line-height: 48px;
        padding: 0 40px
    }

    .sell-vehicle-box p {
        font-size: 16px;
        line-height: 20px
    }

    .sell-vehicle-box .icon-holder {
        margin: 0 0 14px
    }

    .sell-vehicle-box {
        min-height: 213px;
        padding: 37px 40px 20px;
        position: relative
    }

    .sell-vehicle-box .action {
        display: block
    }

    .hp-testimonials h2 {
        font-size: 20px;
        line-height: 24px
    }

    .hp-testimonials .owl-nav-btn {
        width: 24px;
        height: 24px;
        background-size: 90%
    }

    .hp-testimonials .owl-next {
        margin: 0 0 0 13px
    }

    .hp-testimonials .testimonials-icon {
        top: 16px;
        right: 18px;
        width: 55px;
        height: 55px
    }

    .hp-testimonials h3 {
        font-size: 18px;
        line-height: 24px
    }

    .hp-testimonials .item .top-head p {
        font-size: 12px;
        line-height: 16px;
        margin: 0
    }

    .hp-testimonials h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 5px
    }

    .hp-testimonials {
        padding: 85px 50px 112px
    }

    .hp-testimonials .item .top-head ul {
        top: 11px
    }

    .testimonials-box-main {
        padding: 165px 0 0 35px
    }

    .download-app-main {
        display: block
    }

    .download-app-image {
        width: 100%;
        overflow: hidden;
        height: 387px;
        margin: 0 0 105px
    }

    .download-app-content {
        width: 100%
    }

    .download-app-image img {
        float: none;
        max-width: 100%;
        display: block;
        margin: 0 auto;
        max-width: 547px;
        position: relative;
        left: -45px
    }

    .download-app-content-inner {
        text-align: center
    }

    .download-app-content p {
        margin: 0 0 30px;
        font-size: 32px;
        line-height: 41px
    }

    .download-app-content-inner-main img {
        max-width: 130px;
        max-height: 46px;
        margin: 0 10px
    }

    .hp-dowload-app {
        padding: 0 0 69px
    }

    .main-Footer {
        display: block
    }

    .main-Footer .footer-col {
        width: 100%;
        text-align: center
    }

    .main-Footer h4 {
        font-size: 20px;
        text-align: left
    }

    .main-Footer .footer-routes li {
        font-size: 14px;
        line-height: 53px;
        text-align: left
    }

    .main-Footer .footer-col.second-col {
        background-color: #fff;
        padding: 40px 64px 32px
    }

    .main-Footer .footer-store li {
        float: none;
        margin: 0 5px;
        margin-left: 5px;
        display: inline-block
    }

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

    .main-Footer .footer-col.first-col {
        padding: 40px 20px 45px
    }

    .main-Footer h2 {
        font-size: 24px;
        line-height: 31px;
        max-width: 361px;
        margin: 0 auto
    }

    .main-Footer .first-col .footer-content-col p {
        margin: 16px 0 30px
    }

    .main-Footer .footer-content-col p {
        font-size: 12px;
        line-height: 19px
    }

    .Contact-fLinks ul li i,
    .Contact-fLinks ul li a i {
        margin: 0 10px 0 0;
        color: #3f2355;
        font-size: 11px;
        text-align: center;
        background: rgba(212, 208, 221, 0.4);
        border-radius: 50%;
        width: 19px;
        height: 19px;
        display: inline-block;
        line-height: 19px
    }

    .Contact-fLinks ul li,
    .Contact-fLinks ul li a {
        font-size: 10px;
        line-height: 19px
    }

    .Contact-fLinks ul li h1 i,
    .Contact-fLinks ul li a i,
    .Contact-fLinks ul li h2 {
        width: 19px;
        height: 19px;
        line-height: 19px
    }

    .footerEmail {
        font-size: 7px !important;
        top: 0
    }

    .main-Footer h3 {
        font-size: 15px;
        line-height: 21px;
        margin: 23px 0 12px
    }

    .SocialMedia-Icon ul li {
        margin: 0 11px !important
    }

    .SocialMedia-Icon ul li a {
        width: 44px;
        height: 44px;
        line-height: 46px
    }

    .SocialMedia-Icon ul li:nth-child(1) i {
        font-size: 17px
    }

    .SocialMedia-Icon ul li:nth-child(2) i {
        font-size: 22px;
        position: relative;
        top: 0
    }

    .SocialMedia-Icon ul li:nth-child(3) i {
        font-size: 15px
    }

    .main-Footer h4 {
        font-size: 18px;
        text-align: left;
        line-height: 23px
    }

    .main-Footer .footer-routes li {
        font-size: 14px;
        line-height: 38px;
        text-align: left
    }

    .main-Footer .second-col .footer-content-col p.bottom-para {
        font-size: 14px;
        line-height: 21px;
        margin: 40px 0 16px
    }

    .main-Footer .copyrights {
        font-size: 14px;
        line-height: 18px
    }

    .empty-content {
        padding: 0
    }

    .vehicle-budget-main .breakdown-col.downpayment::after {
        display: none
    }

    .hm-react-select__control .hm-react-select__indicators .hm-react-select__indicator {
        padding: 8px 0 !important
    }

    .way-it-should .way-it-should-content .btn-primary {
        border-radius: 5px;
        font-size: 16px;
        line-height: 48px;
        text-align: center;
        margin: 40px 0 0;
        padding: 0;
        width: 130px;
        margin: 40px auto 0;
        display: block
    }

    .main-Footer .footer-col.second-col img {
        max-width: 181px
    }

    .hp-featured-vehicle .btn-primary.see-all {
        display: block
    }

    .SocialMedia-Icon ul li:nth-child(2) i {
        line-height: 42px
    }
}

@media screen and (max-width: 768px) {
    .way-it-should .way-it-should-content {
        padding: 0 5px !important
    }

    .Profiledropdown .btn {
        margin-top: 4px
    }

    .signup-mobile {
        right: 65px
    }

    .Profiledropdown .dropdown-menu {
        transform: translate(-114px, 36px) !important
    }

    .Profiledropdown .btn-primary span.pr-avtar {
        top: 5px
    }

    .vehicle-budget-main {
        display: block
    }

    .vehicle-budget-outer {
        border: none
    }

    .vehicle-budget-main .vehicle-budget-left-col {
        width: 100%;
        float: none;
        padding: 0
    }

    .vehicle-budget-main .vehicle-budget-right-col {
        width: 100%;
        float: none;
        padding: 0
    }

    .hm-select-vehicle-type-main .boxed-grid-col {
        width: 33.3%
    }

    .vehicle-budget {
        padding: 50px 20px;
        background-color: #fff
    }

    .vehicle-budget h2 {
        font-family: "BasisGrotesquePro-Medium";
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 28px
    }

    .vehicle-budget-outer {
        padding: 0;
        box-shadow: none
    }

    .vehicle-budget-main .budget-content-inner .budget-content-c {
        padding: 25px 0 0;
        text-align: center
    }

    .vehicle-budget-main .budget-content-inner .btn-primary {
        font-size: 16px;
        border-radius: 5px;
        line-height: 42px;
        display: block
    }

    .vehicle-budget-main label {
        font-family: "basis_grotesque_proregular";
        margin: 0 0 10px
    }

    .hp-three-col-grid .breakdown-col {
        width: 100%;
        margin: 0 0 16px
    }

    .vehicle-budget-main .form-control {
        background-color: #fff !important;
        height: 38px;
        border-radius: 5px
    }

    .hm-react-select-main .hm-react-select__control {
        height: 38px;
        border-radius: 5px;
        background-color: #fff !important
    }

    .hm-react-select-main #react-select-5-input {
        position: static
    }

    .vehicle-budget-main .budget-content-inner p {
        font-size: 12px;
        line-height: 19.2px
    }

    .vehicle-budget-main .budget-content-inner span {
        font-size: 18px;
        line-height: 23px;
        margin: 10px 0 20px
    }

    .breakdown-single-col {
        margin: 0
    }

    .way-it-should-content-box {
        padding: 20px 20px 20px 67px
    }

    .way-it-should-content-box .icon-holder {
        left: 19px
    }

    .way-it-should .way-it-should-content h2 {
        font-family: "BasisGrotesquePro-Medium";
        font-size: 18px;
        line-height: 28px;
        margin: 20px 0 16px
    }

    .way-it-should .way-it-should-content ul li {
        width: 100%;
        float: none
    }

    .way-it-should-content-box {
        border-radius: 16px
    }

    .way-it-should-content-box h3 {
        font-size: 15px;
        line-height: 24px;
        margin: 0 0 2px
    }

    .way-it-should-content-box .icon-holder {
        display: block;
        width: 36px;
        height: 36px;
        padding: 0 5px;
        margin: 0
    }

    .way-it-should-content-box .icon-holder img {
        max-width: 100%
    }

    .feature-slider-content .image-holder {
        max-width: 100%;
        border-radius: 10px 10px 0 0;
        max-height: 143px;
        float: none;
        width: 100%
    }

    .feature-slider-content .image-holder img {
        width: 100%;
        max-height: inherit
    }

    .feature-slider-content {
        padding: 0
    }

    .feature-slider-content .text-box {
        padding: 10px 10px 12px
    }

    .feature-list-tabs .nav-item {
        margin: 3px
    }

    .feature-list-tabs .nav-tabs .nav-link {
        box-sizing: border-box;
        border-radius: 34px;
        font-size: 10px !important;
        line-height: 22px;
        padding: 0 10px
    }

    .hp-featured-vehicle h2 {
        font-size: 18px;
        margin: 0 0 16px;
        line-height: 28px
    }

    .hp-featured-vehicle {
        padding: 40px 20px 50px
    }

    .hp-featured-vehicle .btn-primary.see-all {
        width: 100%;
        line-height: 42px;
        margin: 2px 0 0
    }

    .feature-list-tabs .nav-item .tab-text::after {
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background-size: 100%
    }

    .feature-list-tabs .nav-tabs .nav-link.active .tab-text {
        padding: 0 13px 0 0
    }

    .hp-vehicle-in-area .image-holder {
        margin: 0;
        padding: 0;
        position: relative;
        background: #fff;
        border: .5px solid #e6e6e6;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: all ease-in .3s;
        -moz-transition: all ease-in .3s;
        -o-transition: all ease-in .3s;
        transition: all ease-in .3s;
        max-height: 351px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .title {
        font-size: 12px;
        line-height: 16px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .year {
        font-size: 10px;
        line-height: 16px
    }

    .hp-vehicle-in-area .image-holder .bottom-info i {
        height: 15px;
        width: 15px;
        font-size: 10px;
        line-height: 15px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .location {
        font-size: 14px;
        line-height: 15px
    }

    .hp-vehicle-in-area .image-holder .bottom-info .price-tag {
        font-size: 16px;
        line-height: 15px
    }

    .hp-vehicle-in-area h2 {
        font-family: "BasisGrotesquePro-Medium";
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 18px
    }

    .sell-vehicle-box {
        min-height: 99px;
        padding: 18px 16px
    }

    .sell-vehicle-box .icon-holder {
        margin: 0 0 6px;
        min-height: 25px
    }

    .sell-vehicle-box .icon-holder img {
        max-width: 14px
    }

    .sell-vehicle-box p {
        font-size: 10px;
        line-height: 13px
    }

    .hp-vehicle-in-area {
        padding: 0 0 74px
    }

    .sell-vehicle-box .action {
        width: 13px;
        height: 13px;
        right: 15px;
        bottom: 11px;
        background-size: 5px
    }

    .sell-vehicle-box h2 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 40px
    }

    .sell-vehicle-box .btn-primary {
        font-size: 16px;
        line-height: 42px;
        padding: 0 40px;
        width: 100%
    }

    .sell-vechilce-today.devices {
        background-color: #f9f9f9;
        padding: 40px 20px
    }

    .testimonials-box-main {
        float: none;
        width: 100%;
        padding: 0
    }

    .hp-testimonials .image-holder {
        display: none
    }

    .hp-testimonials .main-heading {
        display: block
    }

    .hp-testimonials .image-holder {
        float: none
    }

    .testimonials-box-main>.top-head {
        display: none
    }

    .hp-testimonials .testimonials-box {
        margin: 0
    }

    .hp-testimonials .testimonials-box::before {
        display: none
    }

    .hp-testimonials .testimonials-box::after {
        display: none
    }

    .hp-testimonials .main-heading {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 20px
    }

    .hp-testimonials .image-holder.show-on-mobile {
        display: block;
        width: 204px;
        margin: 0 auto
    }

    .hp-testimonials .top-head {
        padding: 0;
        text-align: center
    }

    .hp-testimonials .item .top-head ul {
        position: relative;
        right: 0;
        top: 0
    }

    .hp-testimonials h3 {
        font-size: 20px;
        line-height: 27px;
        margin: 0 0 5px
    }

    .hp-testimonials .item .top-head p {
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 11px
    }

    .hp-testimonials .top-head {
        margin-bottom: 16px;
        padding: 12px 20px
    }

    .hp-testimonials {
        padding: 50px 20px
    }

    .hp-testimonials .item p {
        font-size: 12px;
        line-height: 19px;
        margin: 0
    }

    .hp-testimonials .testimonials-icon {
        top: 8px;
        right: 8px;
        width: 37px;
        height: 37px
    }

    .download-app-image {
        display: none
    }

    .download-app-content p {
        margin: 0 0 16px;
        font-size: 20px;
        line-height: 26px
    }

    .hp-dowload-app {
        padding: 50px 0
    }

    .download-app-content p {
        margin: 0 0 16px;
        font-size: 20px;
        line-height: 26px
    }

    .main-Footer .footer-col.second-col {
        background-color: #fff;
        padding: 40px 40px 32px
    }

    .way-it-should {
        padding: 13px 13px 20px;
        display: block
    }

    .way-it-should .way-it-should-content .btn-primary {
        line-height: 42px;
        padding: 0;
        width: 100%;
        margin: 25px auto 0;
        display: block
    }

    .way-it-should .way-it-should-content {
        padding: 0 12px
    }

    .main-Footer .footer-col.second-col img {
        max-width: 101px
    }

    .feature-slider-main .feature-custom-nav {
        display: inline-block !important;
        position: inherit !important;
        transform: inherit !important;
        left: inherit !important;
        right: inherit !important;
        top: inherit !important;
        width: 24px;
        height: 24px;
        margin: 0 10px
    }

    .feature-slider-main .feature-custom-nav.next,
    .feature-slider-main .feature-custom-nav.next.disbaled {
        background-image: url(../image/small-devices-next-arrow.svg)
    }

    .feature-slider-main .feature-custom-nav.prev,
    .feature-slider-main .feature-custom-nav.prev.disbaled {
        background-image: url(../image/small-devices-prev-arrow.svg)
    }

    .left-right-btns-holder {
        text-align: center;
        margin: 16px 0 0
    }

    .hp-testimonials .owl-nav.desktop {
        display: none
    }

    .hp-testimonials .owl-nav.devices {
        display: block;
        float: none;
        width: 100%;
        text-align: center
    }

    .footer-bottom-links ul li img {
        max-height: 40px
    }

    .CodeAgain-Head {
        margin: 75px 0 0;
        float: none
    }
}

@media screen and (max-width: 479px) {
    .search-main-holder .search-grid-col .thumb-image.loading {
        background: linear-gradient(270.35deg, rgba(255, 255, 255, 0.176471) 0.26%, #fff 47.89%, rgba(255, 255, 255, 0) 99.65%), #eeeef0;
        border-radius: 8px;
        min-height: 196px
    }
}

.react-tel-input .form-control {
    height: 50px !important;
    border: 1px solid #d4d0dd !important;
    box-shadow: none !important;
    padding-top: 7px !important
}

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

.verifyIdentityHeader .title {
    position: relative;
    font: 16px basis_grotesque_probold;
    color: #3f2355
}

.verifyIdentityHeader .title:after {
    content: "";
    clear: both;
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 286px;
    height: 2px;
    background-color: #aaabad;
    border-radius: 10px
}

.verifyIdentityHeader .title:before {
    content: "";
    clear: both;
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 137px;
    height: 2px;
    background-color: #fb5100;
    border-radius: 10px;
    z-index: 2
}

.verifyIdentityHeader .steps {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px
}

.verifyIdentityHeader .steps .step {
    color: #aaabad;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.verifyIdentityHeader .steps .stepActive {
    color: #3f2355 !important
}

.verifyIdentityHeader .steps .stepCompleted {
    color: #fb5100 !important
}

.verifyIdentityHeader .steps .step .circle {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    border: 2px solid #eeeef0;
    color: #d1d3d6;
    background-color: #eeeef0;
    margin-bottom: 10px
}

.verifyIdentityHeader .steps .stepActive .circle {
    border: 2px solid #fb5100;
    color: #3f2355;
    background-color: #fff
}

.verifyIdentityHeader .steps .stepCompleted .circle {
    border: 2px solid #fb5100;
    color: #3f2355;
    background-color: #fb5100;
    cursor: pointer
}

.verifyIdentityHeader .steps .step .name {
    font: 14px basis_grotesque_probold
}

.verifyIdentityHeader .steps .path {
    width: 80px;
    height: 2px;
    background-color: #f9d9cc;
    margin-top: 20px
}

.veriFyIdentityContainer h2 {
    font-size: 20px;
    color: #3f2355;
    max-width: 600px
}

.veriFyIdentityContainer h3 {
    font-size: 18px;
    font-family: "basis_grotesque_probold";
    color: #3f2355;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.veriFyIdentityContainer a {
    margin: 40px 0 16px;
    padding: 0;
    background: #3f2355;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    outline: none;
    color: #fff;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 48px;
    width: 315px;
    height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    margin-bottom: 100px
}

.veriFyIdentityContainer a:hover,
.veriFyIdentityContainera:focus,
.veriFyIdentityContainer a:active {
    background: #fb5100
}

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

.veriFyIdentityContainer .uploadFileWrapper {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 40px
}

.veriFyIdentityContainer .uploadFileWrapper .listItem {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.veriFyIdentityContainer .uploadFileWrapper .listItem img {
    margin-right: 10px
}

.veriFyIdentityContainer .uploadFileWrapper .listItem span {
    font-size: 18px;
    color: #644e77;
    margin-bottom: 0
}

.veriFyIdentityContainer .uploadFileWrapper .uploadDropZoneDiv {
    max-width: 418px;
    min-height: 180px;
    width: 100%;
    background-color: #f0eef5;
    border: 2px dashed #644e77;
    border-radius: 6px;
    margin-top: 45px
}

.veriFyIdentityContainer .uploadFileWrapper .uploadButton {
    padding: 20px 35px;
    font: 20px basis_grotesque_probold;
    color: #fff;
    background-color: #3f2355;
    border-radius: 6px;
    cursor: pointer;
    width: fit-content;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 45px
}

.veriFyIdentityContainer .uploadFileWrapper .uploadSuccess {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    font-size: 14px;
    font-family: "basis_grotesque_probold"
}

.veriFyIdentityContainer .uploadFileWrapper .uploadFileDetail {
    margin-top: 30px;
    font-size: 14px;
    color: #5b5b5c;
    margin-bottom: 10px
}

.veriFyIdentityContainer .uploadFileWrapper .uploadingDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px !important;
    margin-top: 30px;
    margin-bottom: 30px
}

.veriFyIdentityContainer .primaryButton {
    margin: 40px 0 16px;
    padding: 0;
    background: #fb5100;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    outline: none;
    color: #fff;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 48px;
    width: 315px;
    height: 48px;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s;
    margin-bottom: 100px
}

.veriFyIdentityContainer .primaryButton:hover,
.veriFyIdentityContainer .primaryButton:focus,
.veriFyIdentityContainer .primaryButton:active {
    background: #3f2355
}

.veriFyIdentityContainer .appSubmitedWrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

.veriFyIdentityContainer .appSubmitedWrapper .submitImg {
    max-width: 385px;
    margin-bottom: 20px
}

.veriFyIdentityContainer .appSubmitedWrapper .title {
    font: 32px basis_grotesque_probold;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #3f2355
}

.veriFyIdentityContainer .appSubmitedWrapper h3 {
    font: 24px basis_grotesque_probold;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #3f2355
}

.veriFyIdentityContainer .appSubmitedWrapper .browseVehicle {
    padding: 11px 42px;
    font-size: 16px;
    color: #3f2355;
    background-color: #fff;
    border: 1px solid #eaeaeb;
    border-radius: 6px;
    margin-top: 40px;
    margin-bottom: 80px
}

.veriFyIdentityContainer .appSubmitedWrapper .browseVehicleOrange {
    color: #fff;
    background-color: #fe5600;
    border: 1px solid #fe5600
}

.instantApprovalWrapper h1 {
    font: 24px basis_grotesque_probold;
    color: #3f2355
}

.instantApprovalWrapper h3 {
    font: 18px basis_grotesque_proregular;
    padding-bottom: 27px;
    margin-top: 10px;
    border-bottom: 1px solid #d4d0dd;
    color: #3f2355
}

.instantApprovalWrapper h3 span {
    font-family: "basis_grotesque_probold"
}

.instantApprovalWrapper h2 {
    font-size: 18px;
    font-family: "basis_grotesque_probold";
    margin-top: 20px;
    margin-bottom: 20px;
    color: #3f2355
}

.instantApprovalWrapper .item {
    display: flex;
    margin-bottom: 15px
}

.instantApprovalWrapper .item .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 31px;
    width: 31px;
    background-color: #fff;
    border: 1px solid #fb5100;
    color: #fb5100;
    font-size: 14px;
    margin-right: 10px
}

.instantApprovalWrapper .item span {
    font-size: 14px
}

@media only screen and (min-width: 600px) {
    .verifyIdentityHeader .steps {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
    .verifyIdentityHeader .title {
        font: 29px basis_grotesque_probold
    }

    .instantApprovalWrapper h1 {
        font: 28px basis_grotesque_probold
    }

    .instantApprovalWrapper h3 {
        font: 20px basis_grotesque_proregular
    }

    .instantApprovalWrapper h2 {
        font-size: 20px
    }

    .instantApprovalWrapper .item .circle {
        font-size: 16px
    }

    .instantApprovalWrapper .item span {
        font-size: 16px
    }
}

.google-review-sec {
    padding: 20px 20px 30px
}

.google-review-sec .first-header {
    text-align: center
}

.google-review-sec .first-header .title {
    color: #3f2355;
    font-family: "basis_grotesque_probold";
    font-size: 18px;
    line-height: 1.5
}

.google-review-sec .first-header .title.primary {
    color: #fb5100
}

.google-review-sec .review-bg {
    background-image: none
}

.google-review-sec .google-header {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.google-review-sec .google-header .googleLogo {
    margin-right: 20px
}

.google-review-sec .ratingWrapper {
    display: flex;
    align-items: center;
    background-color: #f2eff6;
    border-radius: 36px;
    padding: 12px 18px
}

.google-review-sec .ratingWrapper span {
    font: 9px basis_grotesque_probold;
    color: #644e77
}

.google-review-sec .ratingWrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 15px
}

.google-review-sec .ratingWrapper ul li {
    display: inline-block;
    margin-right: 5px
}

.google-review-sec .ratingWrapper ul li i {
    cursor: pointer;
    color: rgba(112, 117, 143, 0.3);
    font-size: 15px
}

.google-review-sec .ratingWrapper ul li.rated i {
    color: #ffcc47
}

.google-review-sec .reviewCard {
    width: 319px;
    background-color: #fff;
    box-shadow: 4.15px 3.32px 26.58px 4.98px rgba(0, 0, 0, 0.07);
    padding: 28px;
    font-size: 12px;
    color: #3f2355;
    border-radius: 16px;
    margin: 0 auto;
    height: fit-content
}

.google-review-sec .reviewCard .title {
    font: 14px basis_grotesque_probold;
    margin-top: 8px;
    color: #000
}

.google-review-sec .reviewCard .message {
    font: 14px basis_grotesque_proregular;
    color: #3f2355;
    line-height: 1.4
}

.google-review-sec .reviewCard .greyText {
    color: #828385;
    font: 14px basis_grotesque_proregular
}

.google-review-sec .reviewCard .rating {
    display: flex;
    align-items: center
}

.google-review-sec .reviewCard .rating i {
    font-size: 15px;
    margin-right: 3px;
    color: #ffe000
}

.google-review-sec .reviewSlider .sliderFooter button {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background-color: #fb5100;
    border: none;
    outline: none;
    color: #fff
}

.google-review-sec .reviewSlider .sliderFooter {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.google-review-sec .reviewSlider .action .footerText {
    color: #3f2355;
    font: 13px BasisGrotesquePro-Medium;
    text-align: center
}

.reviewSlider .owl-item {
    margin-top: 20px;
    margin-bottom: 20px
}

.google-review-sec .reviewContainer {
    max-width: 1600px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    padding: 60px 30px
}

@media(min-width: 767px) {
    .google-review-sec .first-header {
        margin-top: 70px
    }

    .google-review-sec .first-header .title {
        font-size: 28px;
        line-height: 1.5
    }

    .google-review-sec .google-header .googleLogo {
        width: 100px
    }

    .google-review-sec .ratingWrapper {
        border-radius: 51px;
        padding: 18px 24px
    }

    .google-review-sec .ratingWrapper span {
        font: 13px basis_grotesque_probold
    }

    .google-review-sec .ratingWrapper ul li i {
        font-size: 25px
    }

    .google-review-sec .review-bg {
        background-image: url(../image/hm-bars.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100%
    }

    .google-review-sec .reviewCard {
        width: 300px;
        margin-bottom: 20px
    }
}

@media(min-width: 1200px) {
    .google-review-sec .reviewContainer {
        grid-template-columns: auto auto auto auto
    }

    .google-review-sec .first-header .title {
        font-size: 36px;
        line-height: 1.3
    }

    .google-review-sec .google-header .googleLogo {
        width: 122px
    }

    .google-review-sec .ratingWrapper span {
        font: 16px basis_grotesque_probold
    }

    .google-review-sec .ratingWrapper ul li i {
        font-size: 29px
    }
}

@media(min-width: 1500px) {
    .google-review-sec .reviewCard {
        width: 350px
    }
}

.application-tag .status {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    border-radius: 64px;
    height: 22px;
    min-width: 117px;
    border: none
}

.application-tag .status:after {
    display: none
}

.application-tag .status.declinded {
    background-color: #ff3030
}

.application-tag .status.conditionally-approved {
    background-color: #65d1ff
}

.application-tag .status.pre-approved {
    background-color: #0ac660
}

.application-tag .status.approved {
    background-color: #fff;
    color: #000
}

.application-tag .status.funded {
    background-color: #33363f
}

.application-tag .status.unverified {
    background-color: #fed263;
    color: #492d32
}

.pointer {
    cursor: pointer
}

.applyNowMain .bannerSec {
    background: url(../image//applyLandingBanner.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 826px
}

.select_items_flex .item_img img {
    object-fit: cover;
}

.MainBody .app-form-main {
    padding-left: 30px;
    padding-right: 30px;
}

.MainBody .app-form-main .back {
    left: 30px;
}

.MainBody .app-form-main .report-btn a.btn {
    font-family: "basis_grotesque_probold";
}

.DateRangePicker__Week .DateRangePicker__Date--weekend {
    background: none;
}

.DateRangePicker__Week .DateRangePicker__Date--is-selected {
    background: none;
    color: #fff;
    border-right: 0px none;
}

.DateRangePicker__Week .DateRangePicker__CalendarSelection {
    border: 0px none;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: #644E77 !important;
}

.DateRangePicker__CalendarSelection--start {
    border-radius: 5px 0px 0px 5px;
}

.DateRangePicker__CalendarSelection--end {
    border-radius: 0px 5px 5px 0px;
}

.Altable-Container .filtertxt {
    margin-top: 12px;
}

.DateRangePicker__CalendarSelection--start~.DateRangePicker__DateLabel {
    color: #fff !important;
}

.Altable-Container .Dealer-dtable h5 {
    font-size: 18px;
    font-family: "BasisGrotesquePro-Medium";
}

.Dealer-Info .labelForm {
    font-family: "BasisGrotesquePro-Medium";
}

.form-field-Icon .form-control {
    padding-left: 45px;
    position: relative;
}

.form-field-Icon i {
    position: absolute;
    left: 22px;
    top: 4px;
    z-index: 1;
    width: 20px;
}

.form-field-Icon i img {
    width: 20px;
}

.Dealer-Info .icon-delete {
    text-align: center;
}

.dealer-doc-content .upload-doc-box .upload-btn {
    background: #FB5100;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
}

.dealer-doc-content .upload-doc-box .upload-btn .text,
.dealer-doc-content .upload-doc-box .upload-btn:hover .text {
    background-image: url(../image/plusIcon-white.svg);
}

.container.containerDealer {
    padding-left: 0px;
    margin-left: 0px;
}

.profileImgDealer img.rounded-circle {
    object-fit: cover;
}

.Altable-Container .Dealer-dtable h5 {
    color: #3F2355;
}

.container-Section {
    padding: 70px 160px 70px;
    position: relative;
}

@media screen and (max-width: 1600px) {
    .container-Section {
        padding: 40px 75px 50px
    }
}

@media screen and (max-width: 991px) {
    .container-Section {
        padding: 30px 30px 20px
    }
}

@media screen and (max-width: 767px) {
    .container-Section {
        padding: 35px 20px
    }
}

.header-with-circle {
    position: relative;
    display: flex;
    height: 110px;
    align-items: center;
    margin-bottom: 52px;
}

.header-with-circle::before {
    position: absolute;
    content: "";
    background: #F9D9CC;
    width: 110px;
    height: 110px;
    z-index: 1;
    border-radius: 200px;
}

.header-with-circle h2 {
    color: #FB5100;
    font-size: 28px;
    letter-spacing: -0.03em;
    font-family: "basis_grotesque_probold";
    padding-left: 47px;
    line-height: 30px;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1601px) {
    .header-with-circle {
        height: 141px;
    }

    .header-with-circle::before {
        width: 141px;
        height: 141px;
    }

    .header-with-circle h2 {
        font-size: 40px;
        padding-left: 55px;
        line-height: 42px;
    }
}

@media screen and (max-width: 767px) {
    .header-with-circle {
        height: 75px;
    }

    .header-with-circle::before {
        width: 75px;
        height: 75px;
    }

    .header-with-circle h2 {
        font-size: 20px;
        padding-left: 30px;
        line-height: 22px;
    }
}

/* calender style */
.MuiTypography-subtitle1 {
    color: #193643 !important;
    font-size: 12px !important;
    font-family: "basis_grotesque_probold" !important;
}

.MuiDayPicker-header .MuiTypography-caption {
    color: #193643;
    font-size: 10px;
    font-family: "basis_grotesque_probold";
    height: 26px;
    width: 26px;
}

.MuiDateRangePickerDay-day {
    height: 26px !important;
    width: 26px !important;
    color: #475E68 !important;
    font-size: 11px !important;
    line-height: 29px !important;
    font-family: "basis_grotesque_proregular" !important;
}

.MuiDateRangePickerDay-root:first-of-type,
.MuiDateRangePickerDay-root:last-of-type {
    border-radius: 0px !important;
}

.MuiDateRangePickerDay-rangeIntervalDayHighlightStart.MuiDateRangePickerDay-root:first-of-type {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}

.MuiDateRangePickerDay-rangeIntervalDayHighlightEnd.MuiDateRangePickerDay-root:first-of-type,
.MuiDateRangePickerDay-rangeIntervalDayHighlightEnd.MuiDateRangePickerDay-root:last-of-type {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}

.MuiDateRangePickerDay-day.Mui-selected {
    color: #fff !important;
    background: #644E77 !important;
}

.MuiDateRangePickerDay-root.MuiDateRangePickerDay-rangeIntervalDayHighlight {
    background-color: #F0F4FA !important;
}

.MuiDayPicker-weekContainer {
    margin: 0px !important;
}

.MuiDayPicker-slideTransition {
    min-width: 178px !important;
    min-height: 180px !important;
}

.MuiPickerStaticWrapper-root {
    padding: 0px 25px;
}

.MuiPickerStaticWrapper-root .MuiPickerStaticWrapper-content {
    min-width: 320px !important;
    max-width: 440px !important;
}

.MuiPickerStaticWrapper-root .MuiDateRangePickerViewDesktop-root {
    justify-content: space-between;
}

.MuiPickersArrowSwitcher-root {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.DateRangePicker-modal .TDays {
    background: #F6F7F7;
    border: 0.5px solid #EDEFF0;
    border-radius: 2px;
    font-size: 12px;
    width: 55px;
    height: 23px;
    margin-top: 5px
}

.DateRangePicker-modal .btnClose,
.DateRangePicker-modal .btnDone {
    font-size: 12px;
}

.DateRangePicker-modal {
    width: auto !important;
    max-width: 525px !important;
}

.DateRangePicker-modal .modal-footer {
    border-top: 1px solid #E9EBEC;
}

@media screen and (max-width: 991.99px) {
    .detail-page-main-outer {
        height: 100%;
        overflow: auto;
    }

    .ListDetail-Scroll {
        position: initial;
        margin-top: 0px;
    }
}

.selectSalutation .react-select-main .react-select__control {
    background-image: url("../image/sprite-icon/arrow-down-select.svg") !important;
    background-position: 95% 50% !important;
}

.selectSalutation .react-select-main .react-select__value-container {
    padding-left: 13px;
}

.form-field-col label em {
    color: red;
    font-style: normal;
    margin-left: 2px;
}

iframe.persona-widget__iframe {
    height: 644px !important;
}

.userDocAdmin {
    margin: 16px 0 0 0;
    padding: 12px 20px 12px 20px;
    background: #f5f7fa;
    min-height: 60px;
    width: 100%;
    overflow: hidden;
}

.userInfoOuterAdminMain {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
}

.userInfoOuterAdmin {

    width: 200px;
}

.userInfoOuterAdmin img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    object-fit: cover;
}

.closeButton {
    font-size: 12px;
    padding: 5px 10px;
    border: none;
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
    float: right;
}

.tableCreditReport {
    width: 100%;
    border-Collapse: collapse;
    margin-bottom: 30px;
}

.tableCreditReport tr th {
    border-bottom: 1px solid #eaeaeb;
    border-top: 1px solid #eaeaeb;
}

.tableCreditReport tr th,
.tableCreditReport tr td {
    padding: 5px 7px;
    font-size: 16px;
    font-family: "BasisGrotesquePro-Medium";
}

.headingSubCredit {
    font-family: 'basis_grotesque_probold';
    font-size: 22px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.tableCreditReport tr td {
    font-size: 14px;
}

.newReportPull {
    text-decoration: none !important;
    color: #fff !important;
    text-align: right !important;
    padding-right: 0px !important;
    border-bottom: 1px solid #fff !important;
    padding: 10px 0px 0px 0px;
    float: right;
    
}
body #app .app-form-main .app-form-side-bar .sidebar-head .report-btn .btn.newReportPull{
    padding-bottom: 0px !important;
    width: auto !important;
    border-radius: 0px !important;
}
.small-font {
    font-size: 12px;
}

.headingSubCredit {
    position: relative;
    display: inline-block;
    width: 100%;
}

.headingSubCredit::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fb5100;
    bottom: -5px;
    left: 0;
}





.tableApplicationDetails {
    width: 100%;
}

.tableApplicationDetails h3,
.tableApplicationDetails h4 {
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    color: #5b5b5c;
}

.tableApplicationDetails h4 {
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    text-align: right;
}

.tableApplicationDetails th,
.tableApplicationDetails td {
    padding-bottom: 8px;
}





.tu-list {
    list-style: none;
    padding: 0;
}

.tu-list-item {
    margin-bottom: 5px;
    /* Adjust as needed */
}

.tu-key-value-pair {
    display: flex;
    width: 100%;
}

.tu-key {
    flex-basis: 50%;
    margin: 0;
    padding: 0;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    color: #5b5b5c;
    padding-left: 20px;
}

.tu-value {
    flex-basis: 50%;
    color: #3f2355;
    font-family: "BasisGrotesquePro-Medium";
    font-weight: 500;
    text-align: right;
    font-size: 12px;
}




.TU-Revolving-Head {
    margin: 20px 0 0 0;
    padding: 0
}

.TU-Revolving-Head h1,
.TU-Revolving-Head h5 {
    margin: 0;
    padding: 0 20px 0 20px;
    background: #f1f3f5;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    height: 31px;
    line-height: 34px
}

.TU-Revolving-Head h5 {
    height: 4px;
    background: #d4d0dd;
    margin: 0 20px
}

.TU-Revolving-Head h2 {
    margin: 0;
    padding: 20px 0 6px 20px;
    font-family: "basis_grotesque_probold";
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    text-decoration: none;
    color: #3f2355
}

.TU-Revolving-Head h3 {
    margin: 0;
    padding: 0 20px 20px;
    font-family: "basis_grotesque_proregular";
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    text-decoration: none;
    color: #828385
}

.TU-Revolving-Head h4 {
    margin: 0;
    padding: 20px 20px 20px;
    font-family: "BasisGrotesquePro-Medium";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    color: #707683
}


/* Table styles */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.custom-table th,
.custom-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    font-size: 12px;
}

.custom-table th {
    background-color: #f5f5f5;
    font-weight: bold;
    color: #333;
}

/* Small font style */
.small-font {
    font-size: 12px;
}

.small-font-with-padding-left-20px {
    font-size: 12px;
    padding-left: 20px;
}


/* account review */
.modalReviewAccount{
    position: relative;
    font-weight: 500;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    color: #3f2355;
}
.modalReviewAccount .closeButton{
    position: sticky;
    right: -20px;
    top: -20px;
    background: #000;
    margin-top: -20px;
    margin-right: -20px;
    height: 40px;
    border: 0px none;
    width: 40px;
    color: #fff;
    font-size: 30px;
    /* border-radius: 100px; */
    font-weight: bold;
    opacity: 0.7;
}
.modalReviewAccount .closeButton svg{
    position: relative;
    top: -13px;
    width: 20px;
    left: 0px;
}
.modalReviewAccount .closeButton:hover{
    opacity: 1;
}
.modalReviewAccount h2{
    font-weight: bold;
    font-size: 18px;
    font-family: "basis_grotesque_probold";
    color: #3f2355;
}
.modalReviewAccount p{
    font-weight: 500;
    font-size: 16px;
    font-family: "basis_grotesque_proregular";
    color: #3f2355;
}
.stepAccountReview{
    position: relative;
}
.panelAccountReview {
    position: relative;
    margin-top: 20px;
    /* padding: 10px 1.5rem 2rem 5.25rem; */
}
/* .panelAccountReview::before {
    margin-left: 0;
    left: 1.7rem;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    border: 2px solid #ebe7e2;
    background-color: #fff;
    position: absolute;
    content: "";
    z-index: 10;
}
.panelAccountReview::after {
    width: 2px;
    left: 1.7rem;
    margin-left: 19px;
    top: 0;
    bottom: 0;
    height: auto;
    margin-top: 0;
    content: "";
    position: absolute;
    background-color: #ebe7e2;
    z-index: 5;
}
.panelAccountReview .stepNumber{
    margin-left: 0;
    left: 1.7rem;
    top: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    border-width: 2px;
    position: absolute;
    z-index: 15;
    text-align: center;
} */
.panelAccountReview h2{
    background-color: #f8f8f8;
    padding: 5px 15px;
    margin-bottom: 0px;
}
.panelAccountReview h2 span{
    font-size: 16px;
    font-weight: 400;
    font-family: 'BasisGrotesquePro-Medium';
}
.panelAccountReview .stepBodyReview{
    border: 1px solid #f8f8f8;
    padding: 15px;
}
.panelAccountReview table tr td, .panelAccountReview table tr th{
    font-size: 16px;
    padding: 2px 5px;
}
.panelAccountReview table tr:nth-of-type(odd){
    background-color: #f5f7fa;
}
.panelAccountReview .btn.btn-orange{
    color: #fff;
    background-color: #fb5100;
    border-color: #fb5100;
    font-size: 14px;
    padding: 2px 5px;
    display: inline-block;
}

.font-size-14{
    font-size: 15px;
}
.font-size-12{
    font-size: 12px;
}
.color-orange{
    color: #fb5100;
}
.color-parrot{
    color: #81db0f;
}
.height_30{
    height: 30px;
}
.padding-10{
    padding: 10px !important;
}
.cursor-pointer{
    cursor: pointer;
}
.padding-top-20{
    padding-top:20px !important;
}

/* admin apply now */
.ag-theme-quartz {
    --ag-header-height: 30px !important;
    --ag-header-foreground-color: white;
    --ag-header-background-color: #D4D3E0 !important;
    --ag-header-cell-hover-background-color: rgb(80, 40, 140);
    --ag-header-cell-moving-background-color: rgb(80, 40, 140);
    --ag-border-radius: 0px !important;
    --ag-borders: 0px none !important;
}
.ag-theme-quartz .ag-header {
    font-family: "BasisGrotesquePro-Medium";
}
.ag-theme-quartz .ag-header-cell {
    padding: 4px 7px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    font-family: "BasisGrotesquePro-Medium";
    border: 2px solid #C1C0CD;
    white-space: nowrap;
    border-left: 0px none;
    border-right: 0px none;
}
.ag-theme-quartz .Altable-Container .ag-cell{
    font-size: 13px !important;
    color: #667085 !important;
    font-weight: normal !important;
    font-family: "basis_grotesque_proregular" !important;
    padding: 13px 7px !important;
    line-height: 26px !important;
    white-space: nowrap !important;
}
.ag-theme-quartz .ag-cell-label-container{
    padding: 0px !important;
}
.ag-row-animation .ag-row{
    background: rgba(0, 0, 0, 0.05) !important;
}
.ag-row-animation .ag-row.ag-row-odd{
    background: #fff !important;
}
.btnBlank{
    background: none !important;
    border: 0px none !important;
    padding: 0px !important;
    margin: 0px !important;
}
.applyNowEditForm .Admin-DealerLeft-frontline{
    margin-left: 30px;
}
.applyNowEditForm .CustomMake-Form {
    width: 100% !important;
    display: flex !important;
    gap: 20px !important;
}
.applyNowList .ag-row .ag-cell .pushFrontBtn{
    margin-left: 7px !important;
}
.applyNowMain .Pending-ListHead h1::before, .applyNowMain .Pending-ListHead h1::after{
    background: none;
}
.editFrontModal{
    margin-left: 7px !important;
}
.errorFrontModal{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 2px 10px;
    border-radius: 49px;
    font-size: 14px;
}

.app-form-main .btn-primary.disabled, .app-form-main .btn-primary:disabled {
    color: #fff;
    background-color: #fb5100;
    border-color: #fb5100;
}

.frontline-status {
    color: #fff;
    text-align: right;
    font-family: "basis_grotesque_probold", sans-serif;
    font-size: 16px;
    margin-top: -7px;
    font-weight: 700;
    margin-bottom: 5px;
}

.frontline-status + .application-status {
    margin: 0 !important;
  }
  .ag-paging-panel{
    justify-content: start !important;
  }

.app-form-main .app-form-side-bar .sidebar-head{
    background: #3F2355 !important;
}

.viewSend-Note-Btn a{
    background: #EDEDED;
    padding: 5px 10px;
    border-radius: 8px;
    color: #000;
    font-size: 16px;
    font-weight: 800;
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    text-align: center;
    text-decoration: none;
    justify-content: center;
}
.viewSend-Note-Btn a:hover{
    background: #fff;
    color: #000
}
.pushToFront-Btn .btn.btn-primary{
    background: #0073FB !important;
}
.zohosyn .modal-content{
    border-radius: 20px;
    border: 0px none;
}
.zohosyn .modal-header{
    padding-left: 34px;
    padding-right: 31px;
}
.zohosyn .modal-body{
    padding: 28px 31px 38px 34px;
}
.zohosyn h2{
    margin: 0px 0px ;
    padding: 0;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    color: #3f2355;
    line-height: 31px;
}
.zohosyn .btn {
    background: #fb5100 !important;
    color: #fff !important;
    margin: 0 18px 0 0;
    padding: 0;
    border-radius: 10px;
    border: none;
    outline: none;
    width: 115px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-family: "basis_grotesque_probold";
    font-weight: 700;
    font-size: 16px;
}
.sync-zoho-modal-container .modal.show { background: rgba(0, 0, 0, 0.4);}

@media only screen and (max-width: 1500px) {
    .viewSend-Note-Btn a{font-size: 10px;}
    .viewSend-Note-Btn a img{width: 20px;}
}

.page-heading-New h3, .Sec-SelectAccount .SelectText h1, .Sec-SelectAccount .SelectText h3{
    font-family: "basis_grotesque_probold" !important;
}

.mobile-phone-top{
  display: none;
}
.fina-phone-top{display: inline-block}
@media screen and (max-width: 768px){
.mobile-phone-top{
  display: block;
}
.fina-phone-top{display: none;}
}