*{
    padding: 0px;
    margin: 0px;
}
* {
    margin: 0px;
    padding: 0px;
}

.clear {
    padding: 0px;
    margin: 0px;
    clear: both;
}

body {
    overflow-x: hidden;
}

ul {
    list-style: none;
    margin: 0px !important;
}

a:focus,
:focus {
    outline: none !important;
}

a:hover {
    text-decoration: none !important;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

h1 {
    font-size: 25px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 22px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 20px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 18px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h5 {
    font-size: 15px;
    color: #454545;
    margin: 0;
    padding: 0;
}

h6 {
    font-size: 14px;
    color: #454545;
    margin: 0;
    padding: 0;
}

p {
    font-family: 'Mulish', sans-serif;
    font-size: 12px;
    color: #454545;
    margin: 0;
    padding: 0;
}

a {
    padding: 0px;
    margin: 0px;
    outline: none;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

label {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0px;
    margin: 0px;
}

input[type="text"]::-webkit-placeholder {
    opacity: 1;
}

input[type="text"]::-moz-placeholder {
    opacity: 1;
}

input[type="password"]::-webkit-placeholder {
    opacity: 1;
}

input[type="password"]::-moz-placeholder {
    opacity: 1;
}

input[type="search"]::-webkit-placeholder {
    opacity: 1;
}

input[type="search"]::-moz-placeholder {
    opacity: 1;
}

input[type="email"]::-webkit-placeholder {
    opacity: 1;
}

input[type="email"]::-moz-placeholder {
    opacity: 1;
}

input[type="tel"]::-webkit-placeholder {
    opacity: 1;
}

input[type="tel"]::-moz-placeholder {
    opacity: 1;
}

textarea::-moz-placeholder {
    opacity: 1;
}

textarea::-webkit-placeholder {
    opacity: 1;
}

a:hover {
    outline: none !important;
    text-decoration: none;
}

a:active {
    outline: none !important;
    text-decoration: none;
}

a {
    text-decoration: none !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

img {
    vertical-align: middle;
    border-style: none;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}


@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-BoldObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-BoldObl.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-Bold.woff2') format('woff2'),
        url('../fonts/FuturaPT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Book';
    src: url('../fonts/FuturaPT-Book.woff2') format('woff2'),
        url('../fonts/FuturaPT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond Book';
    src: url('../fonts/FuturaPTCond-Book.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond Extra';
    src: url('../fonts/FuturaPTCond-ExtraBold.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Book';
    src: url('../fonts/FuturaPT-BookObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-BookObl.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('../fonts/FuturaPTCond-BoldObl.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-BoldObl.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('../fonts/FuturaPTCond-Bold.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond Book';
    src: url('../fonts/FuturaPTCond-BookObl.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-BookObl.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('../fonts/FuturaPTCond-Medium.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Demi';
    src: url('../fonts/FuturaPT-DemiObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-DemiObl.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Extra';
    src: url('../fonts/FuturaPT-ExtraBold.woff2') format('woff2'),
        url('../fonts/FuturaPT-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('../fonts/FuturaPTCond-MediumObl.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-MediumObl.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Demi';
    src: url('../fonts/FuturaPT-Demi.woff2') format('woff2'),
        url('../fonts/FuturaPT-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Cond Extra';
    src: url('../fonts/FuturaPTCond-ExtraBoldObl.woff2') format('woff2'),
        url('../fonts/FuturaPTCond-ExtraBoldObl.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT Extra';
    src: url('../fonts/FuturaPT-ExtraBoldObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-ExtraBoldObl.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-HeavyObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-HeavyObl.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-Light.woff2') format('woff2'),
        url('../fonts/FuturaPT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-LightObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-LightObl.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaPT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-Heavy.woff2') format('woff2'),
        url('../fonts/FuturaPT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura PT';
    src: url('../fonts/FuturaPT-MediumObl.woff2') format('woff2'),
        url('../fonts/FuturaPT-MediumObl.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800&display=swap');
/* font-family: 'Mulish', sans-serif; */


:root {
    --orange: #F1592A;
    --text-black: #191919;
  }

/* header */
header{
    background: #FFFFFF;
box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.1);
padding: 4px 110px;
position: fixed;
width: 100%;
top: 0px;
z-index: 999;
}

.navbar{
    padding: 0px 0px 0px 0px;
    background-color: transparent;
}

.navbar-collapse {
    flex-grow: 0 !important;
}
.navbar-brand{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0px !important;
}
.navbar-brand img{
    margin-top: -2px;
}
.nav-item{
    margin-left: 28px;
}
.nav-link{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
height: 100%;
display: flex;
 align-items: center;
}
.nav-log,
.nav-sign{
    padding: 0px 0px !important;    
    color: #191919;
    justify-content: flex-end;
}
.nav-log img{
    width: 22px;
    height: 22px;
    display: block;
    margin-right: 11px;
}
.nav-post{
    width: 117px;
height: 40px;
background: #F1592A;
border-radius: 3px;
color: white;
text-transform: uppercase;
justify-content: center;
font-size: 14px;
font-weight: 800;
}
.nav-log:hover,
.nav-sign:hover{
    color: #F1592A;
}
.nav-log:hover img{
    filter: invert(61%) sepia(84%) saturate(5269%) hue-rotate(346deg) brightness(98%) contrast(92%);
}
.nav-post:hover{
    background-color: var(--text-black);
    color: white;
}
/* header */


/* banner */
.banner{
    margin-top: 64px;
    width: 100%;
    display: block;
    padding: 0px 120px;
    position: relative;
    z-index: 2;
    background-color: #f5f5f5;
    overflow: hidden;
}
.banner-img{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 876px;
    /* width: auto; */
    z-index: -2;
}
.banner-ovrlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: -3px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    height: 100.8%;
}
.banner-txt {
    padding: 76px 0px 101px 0;
    width: 666px;
}
.banner-txt h1 {
    font-family: 'Futura PT';
    font-style: normal;
    font-weight: 700;
    font-size: 46px;
    line-height: 54px;
    letter-spacing: -0.01em;
    color: #1C1D22;
    margin-bottom: 22px;
}
.banner-txt p{
    margin-bottom: 32px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #3B3D45;
}
.bnr-btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.bnr-btn a{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 4px;
    padding: 9px 14px 9px 21px;
    margin-right: 10px;
}
.bnr-btn a span{
    width: calc(100% - 22px);
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-align: right;
letter-spacing: 0.01em;
text-transform: uppercase;
display: block;
}
.bnr-btn a img{
    width: 22px;
    height: 22px;
    margin-left: 4px;
}
.bnr-deal{
    background: #F1592A;
border: 1px solid #F1592A;
color: #FFFFFF;
}
.bnr-vend{
    background: transparent;
border: 1px solid #000;
color: #000;
}

.bnr-deal:hover,
.bnr-vend:hover{
    background-color: var(--text-black);
    border: 1px solid var(--text-black);
    color: white;
}
.bnr-vend:hover img{
    filter: invert(100%) brightness(100%);
}
/* banner */


/* why */
.why{
    padding: 72px 0px 74px 0px;
    background: #FFFFFF;
}
.heading h2{
    font-family: 'Futura PT';
font-style: normal;
font-weight: 600;
font-size: 34px;
line-height: 44px;
text-align: center;
color: #1C1D22;
margin-bottom: 13px;
}
.heading p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 26px;
text-align: center;
letter-spacing: 0.01em;
color: #4B4E55;
width:74%;
margin: 0px auto;
}
.why-hd{
    margin-bottom: 33px;
}

.why-box{
    background: #FFFFFF;
border: 1px solid #DADADA;
border-radius: 8px;
padding:21px 18px;
min-height: 259px;
}
.why-box img{
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto 12px auto;
}
.why-box h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 32px;
text-align: center;
letter-spacing: 0.01em;
color: #161718;
margin-bottom: 6px;
}
.why-box p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #5E626A;
}
.why-box:hover{
    background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.06);
}
/* why */


/* dealer */
.dealer{
    background-color: #FFFCFB;
    position: relative;
    padding: 47px 0px 73px 0px;
    z-index: 2;
}
.deal-ovr{
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
   /*  width: 217px; */
    width: auto;
    height: 100%;
    z-index:-1;
}
.deal-hd{
    margin-bottom: 47px;
}
.dealer-inr .col-lg-4{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.deal-box {
    padding: 52px 25px 28px 40px;
    background: #FFFFFF;
    border-style: solid;
    border-color: #DADADA;
    position: relative;
    min-height: 259px;
    transition: all 0.3s;
}
.db-1{
    border-width: 1px;
}
.db-3{
    border-width: 1px;
}
.db-2{
    border-width: 1px 0px 1px 0px;
}
.deal-box span{
    position: absolute;
    width: 38px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF;
border: 1px solid #DADADA;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 25px;
letter-spacing: 0.01em;
color: #1D1C27;
top: -19px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
transition: all 0.3s;
}

.deal-box img{
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto 23px auto;
}
.deal-box h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 32px;
text-align: center;
letter-spacing: 0.01em;
color: #161718;
margin-bottom: 6px;
}
.deal-box p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
text-align: center;
letter-spacing: 0.01em;
color: #55585F;
}
.deal-box:hover{
    border-top: 1px solid #F1592A;
    transition: all 0.3s;
}
.deal-box:hover span{
    border: 1px solid var(--orange);
    color: var(--orange);
    transition: all 0.3s;
}
/* dealer */

/* recent */
.recent{
    padding: 74px 0px 81px 0px;
    background-color: white;
}
.recent-hd{
    margin-bottom: 26px;
}
.recent-hd h2{
    margin-bottom: 19px;
}
.recent-hd p{
    width: 56%;
}

.owl-recent{
    position: relative;
    padding: 0px 134px;
}
.owl-recent .item{
    padding:8px;
}
.recent-box{
    background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.06);
border-radius: 8px;
overflow: hidden;
}
.recent-top{
    padding: 15px 22px 23px 15px;
}
.recent-top h2{
    margin-bottom: 11px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
color: #100F0E;
min-height: 46px;
}
h3.tag{
    background: #FFF2DD;
border-radius: 3px;
width: fit-content;
padding: 3px 6px 3px 7px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.02em;
color: #634312;
margin-bottom: 10px;
}
ul.type{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 18px !important;
}
ul.type li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 3px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 23px;
letter-spacing: 0.01em;
color: #23252B;
}
ul.type li:first-child img{
    width: 16px !important;
    height: 16px;
    margin-right: 6px;
}
ul.type li img{
    width: 14px !important;
    height: 14px;
    margin-right: 6px;
}
.loc-time li{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-overflow: ellipsis;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.01em;
color: #595B5E;
margin-bottom: 7px;
}
.loc-time li:last-child{
    margin-bottom: 0px;
}
.loc-time li img{
    width: 16px !important;
    height: 16px;
    display: block;
    margin-right: 4px;
    margin-top: 2px;
}
.recent-btm{
    padding: 9px 16px 12px 16px;
    background: rgba(217, 217, 217, 0.2);
    border-radius: 0px 0px 8px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recent-btm h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 21px;
color: #2D2E30;
}
.recent-btm h3 span{
    display: block;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 21px;
letter-spacing: 0.01em;
color: #F1592A;
}
.recent-btm a{
    background: #36353E;
border: 1px solid #36353E;
border-radius: 4px;
padding: 8px 7px 7px 8px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.recent-btm a:hover{
    background: var(--orange);
border: 1px solid var(--orange);
color: white;
}


.owl-recent .owl-nav{
    margin-top: 0px;
    position: absolute;
    top: 50%;    
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 0px;
    right: 0px;
    margin: 0px 134px;
    z-index: 999;
}
.owl-recent .owl-nav [class*=owl-]{
    margin: 0px !important;
    position: absolute;
    height:46px !important;
}
.owl-recent .owl-nav button span{
    font-size: 0px;
    width: 12.03px;
    height: 33px;
    padding: 16px 6px;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent !important;
    color: #FFF;
    text-decoration: none;
}
.owl-recent .owl-nav button.owl-prev{
    left: -22px;
}
.owl-recent .owl-nav button.owl-next{
    right: -22px;
}
.owl-recent .owl-nav button.owl-prev span{
    background-image: url(../images/recent-prev.png);
}
.owl-recent .owl-nav button.owl-next span{
    background-image: url(../images/recent-next.png);
}
.recent-btn{
    margin: 23px auto 0px auto;
    width: fit-content;
}
.recent-btn a{
    display: flex;
    justify-content:center;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 19px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #F1592A;
}
.recent-btn a img{
    display: block;
    width: 21px;
    height: 21px;
    margin-left: 0px;
}
.recent-btn a:hover{
    color: var(--text-black);
}
.recent-btn a:hover img{
    filter: brightness(0%);
}

/* recent */

/* vendor */
.vend-ovr{
    top: 0px;
    left: 0px;
    width: 354px;
    height: 320px;
    position: absolute;
    z-index:-1;
}
.vendor{
    padding: 41px 0px 85px 0px;
}
/* vendor */

/* start */
.start{
    background-image: url(../images/start-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}
.start::before{
    background: rgba(0, 0, 0, 0.85);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.start-inr{
    position: relative;
    z-index: 3;
    padding: 102px 20px 117px 20px;
    width: 882px;
    margin: 0 auto;
    max-width: 100%;
}
.start::after{
    content: '';
    position: absolute;
    bottom: 53px;
    left: 0px;
    width: 416px;
    height: 14px;
    background-image: url(../images/start-xtra.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.start-inr h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 48px;
line-height: 60px;
text-align: center;
text-transform: capitalize;
color: #FFFFFF;
margin-bottom: 15px;
}
.start-inr p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-bottom: 42px;
}
.start-btns{
    display: flex;
    justify-content: center;
    align-items: center;    
}
.start-btns a{
    margin: 0px 12px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 33px 16px 53px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
border-radius: 6px;
}
.start-btns a img{
    display: block;
    width: 26px;
    height: 26px;
    margin-left: 14px;
}
.st-deal{
    background: #F1592A;
border: 1px solid #F1592A;
}
.st-vend{
    background: transparent;
    border: 1px solid #EBEAEA;
}
.start-btns a:hover{
    background:#EBEAEA;
    border: 1px solid #EBEAEA;
    color: black;
}
.start-btns a:hover img{
    filter: brightness(0%);
}
/* start */


/* testimonial */
.testimonial{
    padding: 95px 0px;
    background-image: url(../images/testi-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position:center;
}
.owl-testi .item{
    padding: 16px 8px;
}
.testi-box{
    background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0px 1px 16px 3px rgba(0, 0, 0, 0.04);
border-radius: 9px;
padding: 33px 26px 22px 27px;
}

.qt-img{
    display: block;
    width: 24.43px !important;
    height: 18px;
    margin-bottom: 17px;
}
.testi-box p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.6px;
line-height: 27px;
letter-spacing: 0em;
color: #575A61;
margin-bottom:52px;
}
.testi-name{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.test-img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
}
.test-img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.test-nm{
    display: flex;
    flex-direction: column;
}
.test-nm h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 21px;
color: #28292B;
}
.test-nm h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
letter-spacing: 0.02em;
color: #F1592A;
}
.owl-testi .owl-nav.disabled+.owl-dots {
    margin-top: 4px;
}
.owl-testi .owl-dots .owl-dot span{
    margin:0px 7px;
}
.owl-testi .owl-dots .owl-dot.active span,
.owl-testi .owl-dots .owl-dot:hover span {
    background: var(--orange);
}
/* testimonial */

/* footer */
.footer{
    background-color: #101112;
    padding: 0px 0px;
    position:relative;
}
.footer::after {
    content: '';
    position: absolute;
    top: -32px;
    width: 100%;
    height: 50px;
    background-image: url(../images/foot-xtra.png);
    background-position: center;
    background-size: 100% 100%;
    z-index: 992;
    left: 0px;
    right: 0px;
}
.foot-top{
    padding: 70px 108px 58px 108px;
    border-bottom: 1px solid #222425;    
}
.foot-top-inr{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.foot-logo{
    margin-bottom: 22px;
    width: 185px;
    height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.foot-logo img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.foot-lft{
    margin-right: 6.02%;
    width: 28.9%;
}
.foot-lft p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 27px;
color: #A4A4A4;
}
.foot-lft p a{
    color: var(--orange);
}
.foot-lft p a:hover{
    color: white;
}
.foot-mid h3,
.foot-r8 h3{
    font-family: 'Futura PT';
font-style: normal;
font-weight: 450;
font-size: 20px;
line-height: 27px;
letter-spacing: 0.02em;
color: #FFFFFF;
margin-bottom: 17px;
margin-top: 8px;
}
.foot-mid{
    width: 10.21%;
    margin-right:4.7%;
}
.foot-r8{
    width: 20.5%;
}
.foot-r8 h3{
    margin-bottom: 14px;
}
.mid-lst li a{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 33px;
letter-spacing: 0.01em;
color: #A4A4A4;
}
.mid-lst li a:hover{
    color: var(--orange);
}
.r8-lst li a{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 21px;
color: #A4A4A4;
margin-bottom: 15px;
}
.r8-lst li a img{
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.sos-lst{
    margin-top: 19px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.sos-lst li{
    margin-right: 8px;
}
.sos-lst li a img{
    width: 24px;
    height: 24px;
    display: block;
}
.sos-lst li a:hover img{
    filter: invert(40%) sepia(45%) saturate(3894%) hue-rotate(348deg) brightness(104%) contrast(98%);
}



.copy{
    padding: 17px 108px 21px 108px;
}
.copy-inr{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copy-inr p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 27px;
letter-spacing: 0.01em;
color: #A4A4A4;
}
.copy-inr p a{
    color: #a4a4a4;
}
.copy-inr p a:hover{
    color: var(--orange);
}
.trm-cond{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.trm-cond li a{    
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 32px;
letter-spacing: 0.01em;
color: #A4A4A4;
}
.prv-1 {
    position: relative;
    padding-right: 26px;
    margin-right: 26px;
    border-right: 1px solid #a4a4a4;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.trm-cond li a:hover{
    color: var(--orange);
}


.scrollTop{
    background: #F1592A;
border-radius: 6px 6px 0px 0px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
right: 109px;
bottom: 69px;
z-index: 9999;
outline: none;
border: none;
}
.scrollTop:hover{
    background:#a4a4a4;
}
.scrollTop:hover img{
    filter: brightness(0%);
} 
.scrollTop:focus{
    border: none;
    outline: none;
    box-shadow: none;
}
/* footer */


/* 13-12-2022 */
/* login page */
.login-page{
    position: relative;
    margin-top: 64px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    background-image: url(../images/log-paper-bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 291px 100%;
}
.login-image{
   /*  height: 100%; */
    width: 703px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.login-image img{
    height: 100%;
    width: auto;
}
.login-form{
    padding: 33px 89px 87px 89px;
}
.login-frm-inr{
    width: 499px;
    padding: 15px;
    max-width: 100%;
   /*  overflow-y: scroll; */
}
/* .login-frm-inr::-webkit-scrollbar {
    width: 3px;
  }
.login-frm-inr::-webkit-scrollbar-track {
    background: transparent;
  }
.login-frm-inr::-webkit-scrollbar-thumb {
    background: transparent;
  }
.login-frm-inr::-webkit-scrollbar-thumb:hover {
    background: var(--text-black);
  } */
.log-frm-hd{
    margin-bottom: 34px;
}
.log-frm-hd h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 36px;
letter-spacing: 0.01em;
color: #1D1C27;
margin-bottom: 10px;
}
.log-frm-hd p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 23px;
letter-spacing: 0.02em;
color: #777777;
}


.inpt-group{
    width: 100%;
    position: relative;
}
.inpt-group input,
.inpt-group select,
.inpt-group textarea{
    background: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 5px;
height: 55px;
padding: 17px 24px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #4C4B54;
}
.inpt-group input::placeholder{
    color: #4C4B54;
}
.inpt-group input:hover,
.inpt-group input:focus,
.inpt-group input:focus-visible,
.inpt-group select:hover,
.inpt-group select:focus,
.inpt-group select:focus-visible{
    border: 1px solid #f1592ab8;
}
.inpt-group label{
    position: absolute;
    padding: 2px 11px;
    background-color: #FFF;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #A1A3AD;
top: -9.5px;
left: 13px;
z-index: 2;
}
.grp-em{
    margin-bottom: 27px;
}
.fa-eye-slash:before {
    content: "" !important;
    width: 20px;
    height: 20px;
    background-image: url(../images/eye-off.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 2.5px 10px;
}
.fa-eye:before {
    content: "" !important;
    width: 20px;
    height: 20px;
    background-image: url(../images/eye.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 2.5px 10px;
}
.grp-pswrd{
    margin-bottom: 13px;
}
.inpt-group i{
    position: absolute;
    right: 21px;
    top: 19px;
    cursor: pointer;
}
.remem-sec{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 27px;
}
label.rem{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #777777;
text-transform: capitalize;
padding-left: 30px;
position: relative;
cursor: pointer;
}
label.rem input{
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 9;
}
.rem-check{
    width: 22px;
    height: 22px;
    background-color: white;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px 9px;
}
.rem-check::after{
    content: '';
    width: 13px;
    height: 10px;
    background-image: url(../images/remember-tick.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: 1;
    padding: 5.5px;
    margin-left: -2px;
    margin-top: 2px;
}
label.rem input:checked ~ .rem-check{
    background-color:var(--orange);
    border: 1px solid var(--orange);
}
.remem-sec a{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
text-decoration-line: underline !important;
color: #4C4B54;
}
.remem-sec a:hover{
    color: var(--orange);
}

button.log-sub{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F1592A;
border: 1px solid #F1592A;
border-radius: 4px;
padding: 13px;
width: 100%;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
}
button.log-sub:hover{
    background: var(--text-black);
border: 1px solid var(--text-black);
}

.extra-logger{
    padding: 12px 0px 32px 0px;
    margin-bottom: 27px;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.extra-logger h6{
    font-family: 'Mulish';
font-style: italic;
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #8B8B8B;
margin-right: 8px;
}
.fb-logr{
    margin-right: 12px;
    background: #4C6AA8;
    width: 165px;
}
.ggl-logr{
    margin-right: 0px;
    background: var(--orange);
    width: 161px;
}
.extra-logger a{
    border-radius: 6px;
    display: block;
    padding: 4px 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 45px;
}
.logr-img{
    width: 43.49px;
height: 37.34px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
padding: 5px 6px;
}
.logr-img img{
    width: 28px;
    height: 26px;
    display: block;
}
.fb-logr .logr-img{
    background-color: #3B5998;
}
.ggl-logr .logr-img{
    background-color: white;
}
.extra-logger a p{
    padding: 10px 14px 12px 8px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 24px;
letter-spacing: 0.01em;
color: #FFFFFF;
}
.extra-logger a:hover{
    background:var(--text-black) ;
}
.extra-logger a:hover .logr-img{
    background-color: var(--text-black);
}
.signer-div{
    display: flex;
    justify-content: center;
    align-items: center;
}
.signer-div a{
    background: #FFFFFF;
    border-width: 1px;
    border-style: solid;
border-radius: 4px;
padding: 10px 28px 11px 28px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: 0.01em;
}
.signr-del{
    border-color: var(--orange);
    color: var(--orange);
    margin-right: 12px;
}
.signr-vend{
    border-color: var(--text-black);
    color: var(--text-black);
}
.signer-div a:hover{
    background: var(--text-black);
    border-color: var(--text-black);
    color: white;
}
/* login page */

/* signup as dealer */
.signer-img{
    width: 696px;
}
.deal-sign-frm{
    padding: 44px 104px 92px 104px;
}
.deal-sign-frm .login-frm-inr{
    width: 498px;
}
.signer-log-frm .inpt-group{
    margin-bottom: 30px;
}
.name{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.name .inpt-group{
    width: 48%;
}
.inpt-group select{
    width: 100% ;
    appearance: none;
    background-image: url(../images/dropdown.png);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: 95% 20px;
}

.signer-rem-sec{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -11px;
    margin-bottom: 17px;
}
.signer-rem-sec .rem,
.signer-rem-sec .rem a{
    margin-right: 0px;    
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.02em;
color: #4C4B54;
}


.captcha {
    background: #FFFDFD;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 278px;
    height: 70px;
    margin-top: 20px;
    padding: 12px 6px 9px 19px;
}


.spinner {
    position: relative;
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
}
.captcha .text{
    margin-right: 33px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;    
    color: #434343;
}
.captcha .logs{
    width: 51px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.captcha .logs img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

input[type="checkbox"]+.checkmark {
    display: inline-block;
    width: 2em;
    height: 2em;
    background-color: #fcfcfc;
    border: 2.5px solid #c3c3c3;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

input[type="checkbox"]+.checkmark span {
    content: '';
    position: relative;
    /*
    position:absolute;
    border-bottom:3px solid;
    border-right:3px solid;
    border-color:#029f56;*/
    margin-top: -3px;
    transform: rotate(45deg);
    width: .75em;
    height: 1.2em;
    opacity: 0;
}

input[type="checkbox"]+.checkmark>span:after {
    content: '';
    position: absolute;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #029f56;
}

input[type="checkbox"]+.checkmark>span:before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    bottom: 0;
    right: 0;
    background-color: #029f56;
}

input[type="checkbox"]:checked+.checkmark {
    animation: 2s spin forwards;
}

input[type="checkbox"]:checked+.checkmark>span {
    animation: 1s fadein 1.9s forwards;
}

input[type="checkbox"]:checked+.checkmark>span:after {
    animation: .3s bottomslide 2s forwards;
}

input[type="checkbox"]:checked+.checkmark>span:before {
    animation: .5s rightslide 2.2s forwards;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bottomslide {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes rightslide {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@keyframes spin {
    10% {
        width: 0;
        height: 0;
        border-width: 6px;
    }

    30% {
        width: 0;
        height: 0;
        border-radius: 50%;
        border-width: 1em;
        transform: rotate(0deg);
        border-color: rgb(199, 218, 245);
    }

    50% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        border-width: 4px;
        border-color: rgb(199, 218, 245);
        border-right-color: rgb(89, 152, 239);
    }

    70% {
        border-width: 4px;
        border-color: rgb(199, 218, 245);
        border-right-color: rgb(89, 152, 239);
    }

    90% {
        border-width: 4px;
    }

    100% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        transform: rotate(720deg);
        border-color: transparent;
    }
}



.signer-div p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.01em;
color: #666363;
}
.signer-div p a{
    padding: 0px 0px !important;
    border: none !important;
    font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: 0.01em;
text-decoration-line: underline !important;
text-underline-offset: 2px;
color: #F1592A;
}
.signer-extra{
    margin-bottom: 19px;
    padding: 15px 0px 43px 0px;
}
.signer-div p a:hover{
    background-color: transparent;
    color: var(--text-black);
}
.inpt-group label span{
    font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
color: #F1592A;
}
/* signup as dealer */
/* 13-12-2022 */



/* 15-12-2022 */
/* job details */
.jbdeet-pg{
    margin-top: 64px;
    background-image: url(../images/job-deets-head-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 178px;    
    background-color: white;
}
.jbdeet-inr{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 42px 0px 61px 0px;
}
.jbdeet-lft{
    width: 24.3%;
    margin-right: 23px;
    position: sticky;
    top: 69px;
}
.jbdeet-r8{
    width: calc(100% - 24.3% - 23px);
}
.jbdet-boxstyle{
    background: #FFFFFF;
box-shadow: 0px 1px 13px rgba(0, 0, 0, 0.08);
border-radius: 5px;
}
.jblft-top{
    padding: 17px 15px;
    margin-bottom: 12px;
}
.jober-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 19px;
    background-image: linear-gradient(to right, #b1b1b1 54%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}
.jober-img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 7px auto;
    border-radius: 50%;
    overflow: hidden;
    width: 56px;
    height: 56px;
    background-color: #a4a4a4;
}
.jober-img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.jober-name h3{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0.02em;    
    color: #111214;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
}
.rate{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px !important;
    width: 100%;
}
.rate li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
}
.rate li img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.rate span{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 6px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.01em;
color: #696B6F;
}
.rate span strong{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.01em;
color: #000000;
display: block;
margin-right: 5px;
}
.jober-stat{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}
.jober-stat img{
    display: block;
    margin-right:13px;
    width: 16px;
    height: 16px;
}
.jober-stat p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
color: #363739;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.jober-stat p span{
    display: block;
    margin-right: 3px;
}
.jober-btn{
    margin-top: 22px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-align: center;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
background: #F1592A;
border-radius: 3px;
height: 44px;
}
.jober-btn:hover{
    background: var(--text-black);
    color: white;
}

.jblft-btm{
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 49px;
}
.jblft-btm p{
    font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
text-align: center;
color: #2D2E30;
display: flex;
justify-content: center;
align-items: center;
}
.jblft-btm p img{
    display: inline-block;
    margin-right: 6px;
}
.jblft-btm ul{
    margin-left: 3px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.jblft-btm ul li{
    padding: 0px 2.5px;
}
.jblft-btm ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: white;
}

.jblft-btm ul li a i {
    font-size: 13px;
    line-height: 1;
    margin-top: 2px;
}

.fb{
    background-color: #3B5A93;
}

.twt{
    background-color: #52AEED;
}

.gp{
    background-color: #DD493F;
}

.lnk{
    background-color: #017AB8;
}
.jblft-btm ul li a:hover{
    transform: translateY(-5px);
}

.jbr8-top{
    padding: 24px 26px 24px 23px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 19px;
}
.jbr8tp-lft h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 23px;
letter-spacing: 0.01em;
color: #000000;
margin-bottom: 13px;
}

.jbr8tp-lft .tag{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 14px;    
}
.jbr8tp-lft .tag h6{
    background: #FFF2DD;
border-radius: 3px;
padding: 8px 10px 6px 11px;
font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 1;
letter-spacing: 0.01em;
color: #634312;
width: fit-content;
}
.jbr8tp-lft .tag img{
    display: block;
    width: 17px;
    height: 17px;
    margin: 0px 4px 0px 3px;
}

.specific{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 11px;
}
.specific img.wheel{
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 10px;
}
.specific h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 23px;
letter-spacing: 0.02em;
color: #23252B;
}
.specific img.spec-arw{
    margin: 3px 4px;
    display: block;
    width: 17px;
    height: 17px;
}
.specific:last-child{
    margin-bottom: 0px;
}

.jbr8tp-r8{
    padding-left: 14px;
    border-left:0.5px solid #bfbfbfb3;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    height: 100%;
    min-width: 182px;
}
.bud-div{
    margin-top: 13px;
}
.bud-div p{
    width: 100%;
    text-align: right;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 25px;
letter-spacing: 0.01em;
color: #5B5C60;
}
.bud1 h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: right;
color: #F1592A;
}
.bud2 h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
text-align: right;
color: #23252B;
margin-bottom: 15px;
}
.jbr8-btm{
    padding: 19px 25px 15px 22px;
}
.jbr8-btm h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 23px;
letter-spacing: 0.01em;
color: #1C1D1F;
padding-bottom: 13px;
}
.with-bor{
    border-bottom:  1px solid #EEEEEE;
    position: relative;
    margin-bottom: 17px;
}
.with-bor::after{
    content: '';
    position: absolute;
    bottom: -3px;
    width: 84px;
    background-color: white;
    background-image: url(../images/head-underline.png);
    background-repeat: no-repeat;
    background-size: 71px 5px;
    height: 5px;
    z-index: 3;
    left: 0px;
}
.jbr8-btm p{
    margin-bottom: 11px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
letter-spacing: 0.01em;
color: #5B5C60;
}
.mt-8{
    margin-top: 22px;
}

.attach-div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.attach-div a{
    border: 1px solid #F1592A;
border-radius: 4px;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 12px 9px 10px;
font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 12px;
letter-spacing: 0.01em;
color: #F1592A;
margin-right: 14px;
margin-bottom: 10px;
}
.attach-div a img{
    margin-right: 4px;
    display: block;
    width: 19px;
    height: 19px;
}
.attach-div a:hover{
    color: white;
    border: 1px solid var(--text-black);
background-color: var(--text-black);
}
.attach-div a:hover img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(180%) contrast(104%);
}
.jbdeet-recent{
    padding: 48px 0px 107px 0px;
    background-color: #FFFBF8;
    background-image: url(../images/vend-overlay.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
}
.jbdeet-recent .recent-top {
    padding: 15px 18px 23px 15px;
}
.jbdeet-recent .recent-hd h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 33px;
line-height: 41px;
text-align: center;
color: #1C1D22;
margin-bottom: 18px;
}

/* job details */


/* vendor public profile */
.vend-pp-pg{
    background-color: #F5F2F1;
    background-image: url(../images/vendor-public-profile-bg.png);
    background-size: 100% 225px;
}
.vend-pp-inr{
    padding: 35px 0px 97px 0px;
}

.vend-pp-lft{
    margin-right: 26px;
    width: 28.0%;
}
.vend-pp-r8{
    width: calc(100% - 28% - 26px);
}
.vpp-lft-top{
    padding: 20px;
}
.vpp-name{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center !important;
    border-bottom: 0.5px solid #cbcbcb;
    margin-bottom: 12.34px;
}
.vpp-img{
    width: 127px;
    height: 127px;
    border-radius: 50%;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #a4a4a4;
}
.vpp-img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.vpp-name h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 18px;
text-align: center;
letter-spacing: 0.01em;
color: #000000;
margin-bottom: 11px;
}
.vpp-name h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 12px;
text-align: center;
letter-spacing: 0.02em;
color: #3A3636;
margin-bottom: 11px;
}
.vpp-name p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
text-align: center;
letter-spacing: 0.01em;
color: #1b1c1e;
margin-bottom: 17px;
}

.vpp-name .rate{
    margin-bottom: 8px !important;
}
.vpp-name h4{
    margin-bottom: 15.66px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 20px;
text-align: center;
color: #F1592A;
}
.vpp-sos{
    padding: 8px 12px 11px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(241, 89, 42, 0.04);
border: 1px solid #FFECE6;
border-radius: 4px;
margin-top: 23px;
}
.vpp-sos p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-align: center;
color: #2D2E30;
margin-bottom: 9px;
}
.vpp-sos ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.vpp-sos ul li a{
    margin: 0px 9.5px;
    width: 19px;
    height: 19px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vpp-sos ul li a img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    transition:all 0.3s;
}
.vpp-sos ul li a:hover img{
    filter: invert(53%) sepia(39%) saturate(7475%) hue-rotate(346deg) brightness(99%) contrast(91%);
    transition:all 0.3s;
}

.vpp-name .rate span{
    font-size: 14px;
}
.vpp-name .rate span strong {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.vpp-abt{
    padding: 14px 22px 21px 24px;
    margin-bottom: 25px;
}

.vpp-abt-hd{
    position: relative;
    padding-bottom: 11.5px;
    margin-bottom: 19.5px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.vpp-abt-hd h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 23px;
letter-spacing: 0.01em;
color: #1C1D1F;
margin-right: 10px;
}
.vpp-hd-r8{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 0px;
}

.vpp-hd-r8 ul{
    margin-left: 3px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: fit-content;
}
.vpp-hd-r8 ul li{
    padding: 0px 2.5px;
}
.vpp-hd-r8 ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: white;
}

.vpp-hd-r8 ul li a i {
    font-size: 13px;
    line-height: 1;
    margin-top: 2px;
}
.vpp-hd-r8 ul li a:hover{
    transform: translateY(-5px);
}
.vpp-hd-r8 p{
    font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
text-align: center;
color: #2D2E30;
display: flex;
justify-content: center;
align-items: center;
}
.vpp-hd-r8 p img{
    display: inline-block;
    margin-right: 6px;
}
.vpp-hd-r8::after{
    content: '';
    position: absolute;
    bottom: -3px;
    width: 84px;
    background-color: white;
    background-image: url(../images/head-underline.png);
    background-repeat: no-repeat;
    background-size: 71px 5px;
    height: 5px;
    z-index: 3;
    left: 0px;
}
p.my-deet{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 25px;
letter-spacing: 0em;
color: #5B5C60;
}
.vpp-review{
    padding: 19px 23px 13px 25px;
}
.vpp-review h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 23px;
letter-spacing: 0.01em;
color: #1C1D1F;
width: 100%;
padding-bottom: 15.5px;
border-bottom:  1px solid #EEEEEE;
margin-bottom: 10.5px;
}
.vpp-rev-box{
    padding: 5px 0px 15px 0px;
    margin-bottom: 20px;
    border-bottom: 0.5px solid #D8D6D6;
}
.rev-box-top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.rev-name{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
}
.rev-name h5{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.01em;
color: #2E2F32;
margin-right: 10px;
}
.rev-name h5 img{
    display: block;
    margin-right: 8px;
    width: 15px;
    height: 15px;
}
.rev-name .rate{
    margin-bottom: 0px !important;
    justify-content: flex-start;
    width: fit-content !important;
    margin-top: -2px !important;
}
h4.rev-date{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
text-align: right;
letter-spacing: 0.01em;
color: #181D25;
}
h4.rev-date img{
    display: block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}
p.rev-desc{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
text-align: justify;
letter-spacing: 0em;
color: #5B5C60;
}
a.read_about{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
color: #F1592A;
display: block;
margin-top: -6px;
}
a.read_about:hover{
    color: var(--text-black);
}
.more_about{
    display: none;
}
/* vendor public profile */
/* 15-12-2022 */




/* 16-12-2022 */
/* search page */
.search-page{
    background-color: #FFFCFB;
    margin-top: 64px;
    padding: 25px 0px 105px 0px;
}
.search-inr{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}


.search-lft{
    width: 25.9%;
    margin-right: 32px;
    background: #FFFFFF;
border: 1px solid #F7F7F7;
box-shadow: 0px 1px 21px 3px rgba(0, 0, 0, 0.02);
border-radius: 8px;
padding: 17px 17px 26px 21px;
position: sticky;
top: 72px;
}
.search-lft h3,
.click_filter h3{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 25px;
    font-family: 'Futura PT';
font-style: normal;
font-weight: 450;
font-size: 24px;
line-height: 31px;
letter-spacing: 0.02em;
color: #000000;
}
.search-lft h3 img,
.click_filter h3 img{
    margin-right: 13px;
    width: 24px;
    height: 24px;
    display: block;
}
.srch-inpt{
    width: 100%;
    margin-bottom: 26px;
    position: relative;
}
.srch-inpt:last-child{
    margin-bottom: 0px;
}
.srch-inpt label{
    padding: 0px 9px 0px 6px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
color: #A1A3AD;
position: absolute;
top: -9px;
left: 18px;
background-color: white;
}
.srch-inpt input,
.srch-inpt select{
    background: #FFFFFF;
border: 1px solid #D0D4DB;
border-radius: 6px;
padding:14px 15px 12px 15px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #4C4B54;
height: 47px;
width: 100%;
}
.srch-inpt select{
    background-image: url(../images/dropdown.png);
    background-position: 95% 16px;
    background-size: 17px 17px;
    background-repeat: no-repeat;
    appearance: none;
    cursor: pointer;
}
.srch-inpt select option{
    font-family: 'Mulish' !important;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #4C4B54;
}
.srch-budget{
    margin-top: 22px;
    margin-bottom: 31px;
}
.srch-budget h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;

color: #363739;
padding-bottom: 13px;
width: 100%;
border-bottom:  1px solid #E1E0E0;
margin-bottom: 26px;
}

input.range-amount-sp{
    border: none;
    margin-top: 22px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
color: #636770;
}
.srch_sub_btn{
    width: 100%;
    height: 48px;
    background: #050505;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
padding: 13px 14px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #FFFFFF;
cursor: pointer;
border: 1px solid #050505;
outline: none;
}
.srch_sub_btn img{
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 15px;
    margin-top: 2px;
}
.srch_sub_btn:hover{
    background: var(--orange);
    color: white;
    border: 1px solid var(--orange);
}

.search-r8{
    width: calc(100% - 25.9% - 32px);
}
.srch-r8-top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-bottom: 18px;
    border-bottom: 1px solid #E1E0E0;
    margin-bottom: 17px;
}
.srch-r8-top h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: #575D68;
width: fit-content;
margin-right: 20px;
}
.srch-r8-top h4 span{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 24px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #161718;
margin-bottom: 6px;
width: 100%;
display: block;
}
.click_filter {
    width: fit-content;
    padding:6px 16px 6px 9px;
    background-color: var(--text-black);
    border-radius: 4px;
    display: none;
    box-shadow: -1px 1px 6px 0px #0000001f;
    margin-right:15px;
    cursor: pointer;
}
.click_filter h3{
    margin-bottom: 0px;
    font-size:15px !important;
    line-height: 20px;
    color: white !important;
    margin-right: 0px !important;
}
.click_filter h3 img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: -2px;
    filter: invert(98%) sepia(4%) saturate(88%) hue-rotate(155deg) brightness(116%) contrast(100%);
}
.click_filter:hover{
    background-color: var(--orange);
}

.sort-inpt{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0px 0px 0px auto;
}
.sort-inpt label{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #575D68;
}
.sort-inpt select{
    border: none;
    padding: 3px 22px 3px 3px;
    width: 170px;
    min-height: 22px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #575D68;
background-image: url(../images/dropdown.png);
background-position: 100% 6px;
background-size: 17px 17px;
background-repeat: no-repeat;
appearance: none;
cursor: pointer;
background-color: white !important;
}
.jblist-box{
    padding: 16px 27px 17px 24px;
    background: #FFFFFF;
border: 1px solid #EEEEEE;
border-radius: 8px;
justify-content: space-between;
align-items: stretch;
transition:all 0.3s;
margin-bottom: 20px;
}
.jblist-box:hover{
    box-shadow: 0px 1px 14px 3px rgba(0, 0, 0, 0.06);
    transition:all 0.3s;
}
.jblist-lft a.jb-ttl{
    margin-bottom: 12px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: 23px;
letter-spacing: 0.01em;
color: #000000;
transition:all 0.3s;
cursor: pointer;
display: block;
}
.jblist-box:hover a.jb-ttl{
    color: var(--orange);
    transition:all 0.3s;
}

ul.list-tag{
    flex-direction:row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px !important;
}
ul.list-tag li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.01em;
color: #23252B;
margin-right: 3px;
}
ul.list-tag li img{
    display: block;
    width: 17px;
    height: 17px;
    margin-right: 3px;
    margin-top: 2px;
}
ul.list-tag li:first-child img{
    margin-right: 9px;
}
ul.list-type{
    margin-bottom: 12px !important;
}
ul.list-type li{
    line-height: 23px;
}
ul.list-type li:first-child img{
    margin-right: 7px;
}
ul.list-type li img{
    margin-top: 4px;
}
h4.list-loc{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.5px;
line-height: 20px;
letter-spacing: 0.01em;
color: #595B5E;
margin-bottom: 7px;
}
h4.list-loc img{
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-top: 3px;
}
p.list-desc{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
letter-spacing: 0.01em;
color: #5B5C60;
}
.jblist-r8{
    padding-left: 24px;
    border-left:  0.5px solid rgba(191, 191, 191, 0.7);
    margin-left: 9px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 15px;
    min-width: 214px;
}
.lst-r8-box{
    margin-bottom: 18px;
}
.lst-r8-box h5{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 26px;
letter-spacing: 0.01em;
color: #F1592A;
}
.lst-r8-box h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 26px;
color: #2D2E30;
}
.lst-r8-sec{
    margin-bottom: 23px;
}
.lst-r8-sec h5{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #5B5C60;
}
.lst-r8-sec h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 22px;
color: #616161;
}
a.jblst-r8-btn{
    background: var(--text-black);
border-radius: 5px;
padding: 11px 16px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
text-transform: capitalize;
color: #FFFFFF !important;
}
a.jblst-r8-btn img{
    width: 22px;
    height: 22px;
    display: block;
    margin-left: 9px;
}
a.jblst-r8-btn:hover{
    background: var(--orange);
    color: white;
}

.search-r8 nav{
    width: 100%;
    margin-top: 31px;
}
.search-r8 nav .pagination{
    margin: 0 auto;
    justify-content: center;
}
.page-link{
    height: 41px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.01em;
color: #302929;
}
.page-item a img{
    width: 17px;
    height: 17px;
    display: block;
}
.page-link:hover {
    z-index: 2;
    color: white !important;
    background-color: var(--orange);
    border-color: var(--orange);
}
.page-link:focus {
    z-index: 3;
    color:white;
    background-color: var(--orange);
    outline: 0;
    box-shadow: none !important;
    border: 1px solid var(--orange);
}
.page-item:first-child a:hover img,
.page-item:last-child a:hover img,
.page-item:first-child a:focus img,
.page-item:last-child a:focus img{
    filter: invert(98%) sepia(4%) saturate(88%) hue-rotate(155deg) brightness(116%) contrast(100%);
}
/* search page */
/* 16-12-2022 */





/* 19-12-2022 */
/* dealer my jobs */
.dashpage{
    background-color: #F5F2F1;
    background-image: url(../images/vendor-public-profile-bg.png);
    background-size: 100% 228px;
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 64px;
}
.dshpg-myjobs{
    padding: 42px 0px 99px 0px;
}
.dash-left{
    background: #FFFFFF;
border: 1px solid #EEEEEE;
padding: 9px 0px 2px 0px;
}
.dash-left ul li{
    padding: 0px 18px 7px 17px;
    background-color: transparent;
}
.dash-left ul li a{
    padding: 12px 16px 11px 16px;
    background-color: white;
    border-radius: 6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 47px;
}
.dash-left ul li a img{
    width: 24px;
    height: 24px;
    margin-right: 27px;
    display: block;
}
.dash-left ul li a span{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: #484C55;
text-transform: uppercase;
}
.when-vis{
    width: 24.89%;
    position: sticky;
    top: 72px;
    margin-right: 28px;    
    border-radius: 8px;
    box-shadow: 0px 1px 14px 3px rgba(0, 0, 0, 0.06);
}
.when-vis ul li a:hover,
.when-vis ul li a.active{
    background-color: var(--orange);
}
.when-vis ul li a:hover img,
.when-vis ul li a.active img {
    filter: invert(94%) sepia(100%) saturate(24%) hue-rotate(357deg) brightness(126%) contrast(119%);
}
.when-vis ul li a:hover span,
.when-vis ul li a.active span{
    color: white;
}
.logout-bod{
    width: 100%;
    height: 1px;
    margin: 4px 0px;
    background-color: #C7D8DD;
}
.aftrlog-r8{
    margin-right: 79px;
    position: relative;
}
.aftrlog-vis em{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    margin-right: 11px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #a4a4a4;
}
.aftrlog-vis em img{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.aftrlog-vis h4{
    padding-right: 18px;
    background-image: url(../images/chevron-down.png);
    background-repeat: no-repeat;
    background-position: right 4px;
    background-size: 16px 16px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #191919;
}
.aftrlog-list{
    position: absolute;
    top:52px;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0px 10px 11px 0px rgb(0 0 0 / 6%);
    border-top: none;
    width: 207px;
    right: 0px;
    padding-bottom: 0px !important;
    display: none;
}

.aftrlog-list.dash-left ul li a {
    padding: 0px 0px 0px 5px;
    height: auto;
}
.aftrlog-list.dash-left ul li {
    padding: 0px 10px 0px 16px;
    margin-bottom: 19px;
}
.aftrlog-list .logout-bod {
    margin: 4px 0px 11px 0px;
}
.aftrlog-list ul li a:hover span,
.aftrlog-list ul li a.active span{
    color: var(--orange);
}
.aftrlog-list ul li a:hover img,
.aftrlog-list ul li a.active img{
    filter: invert(39%) sepia(97%) saturate(1722%) hue-rotate(345deg) brightness(98%) contrast(93%);
}

.dash-r8{
    width: 72.6%;
    padding: 15px 23px 27px 25px;
    background: #FFFFFF;
box-shadow: 0px 1px 21px 3px rgba(0, 0, 0, 0.03);
border-radius: 8px;
}
.dash-r8 h2{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 28px;
letter-spacing: 0.02em;
color: #000000;
padding-bottom: 11.5px;
border-bottom:  1px solid #DFDFDF;
position: relative;
margin-bottom: 28px;
text-transform: capitalize;
}
.dash-r8 h2::after{
    content: '';
    position: absolute;
    width: 84px;
    height:5px;
    background-image: url(../images/head-underline.png);
    background-repeat: no-repeat;
    background-size: 71px 5px;
    background-position: left center;
    background-color: white;
    left: 0px;
    bottom:-2.5px;
}
.dash-r8 h2 img{
    width: 24px;
    height: 24px;
    display: block;
    margin-right: 8px;
}
.dash-search-area-frm{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.dash-search-area .srch-inpt{
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}
.dash-search-area .srch-inpt input{
    padding: 14px 15px 12px 23px;
}
.dash-search-area .srch-inpt span{
    position: absolute;
    top: 14px;
    right: 15px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dash-search-area .srch-inpt span img{
    width: 20px;
    height: 20px;
}
.date-inpt{
    width: 24.5%;
    cursor: pointer !important;
}
.dash-select{
    width: 31.5%;
}

.dash-select select{
    background-image: url(../images/dash-dropdwn.png) !important;
    padding: 14px 15px 12px 23px;
}
.dash-srch-btn{
    width: 111px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F1592A;
border: 1px solid #F1592A;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
padding: 11px 13px 11px 12px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
color: #FFFFFF;
margin-bottom: 15px;
transition: 0.3s;
}
.dash-srch-btn img{
    width: 24px;
    height: 24px;
    margin-right: 5px;
    display: block;
}
.dash-srch-btn:hover{
    background: var(--text-black);
    border: 1px solid var(--text-black);
    transition: 0.3s;
}
.dash-table{
    margin-top: 14px;
}
/* ---------------div table----------------------- */
.new-table-mr {
    background-color: #fff0;
    border-radius: 6px;
    border: 1px solid #EBEDED;
    border-top: 0;
}
.table {
    display: table;
    margin-bottom: 0px !important;
    max-width: 100%;
    width: 100% !important;
    background-color: transparent;
}
.table .one_row1 {
    display: table-row;   
}
.only_shawo{
    border-radius: 4px 4px 0px 0px;
}

.cell1 {
    display: table-cell;
    padding: 14px 0px 12px 10px;
    position: relative;
    text-align: left;
    max-width: 353px;
}
.cell1.tab_head_sheet_1{
    border-bottom: 1px solid #EBEDED;
}
.one_row1:last-child .cell1.tab_head_sheet_1{
    border-bottom: 0px solid transparent;
}
.tab_head_sheet {
    background: #36353D;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
}
.table .one_row1 .cell1:first-child {
    border-radius: 4px 0px 0px 0px;
}
.table .one_row1 .cell1:last-child {
    border-radius: 0px 4px 0px 0px;
}
.W55_1 {
    display: none;
}

.cell1 {
    vertical-align: middle;
}
.cell1.tab_head_sheet {
    padding: 12px 0px 12px 10px;
}
.action_btns{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 2px !important;    
}
.btns-cell{
    width: 104px;
}
.add_ttrr {
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.01em;
color: #383838;
padding: 0px 0px !important;
word-break: break-all;
}
.tab_head_sheet_1 {
    height: 56px;
}
.add_ttrr a{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.01em;
color: #F1592A;
}
.add_ttrr a:hover{
    color: var(--text-black);
}
a.meet-rvw{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-right: 15px;
}
a.meet-rvw .blue-show{
    display: block;
    width: 18px;
    height: 18px;
}
a.meet-rvw .black-hover{
    display: none;
}

a.meet-rvw:hover .black-hover{
    display: block;
    width: 18px;
    height: 18px;
}

a.meet-rvw:hover .blue-show{
    display:none;
}
.dash-pagination {
    margin-top: 32px !important;
}
.dash-pagination li{
    margin-right: 8px;
}
.dash-pagination li a{
    width: 41px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 50%;
    background: #FFFFFF;
border: 1px solid #D2D2D2;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.01em;
color: #302929;
}
.dash-pagination li a:hover{
    background: var(--orange);
    border:1px solid var(--orange)
}
.dash-pagination li a:hover img{
    filter: invert(65%) sepia(75%) saturate(5987%) hue-rotate(345deg) brightness(97%) contrast(94%);
}
.dash-pagination .page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius:50%;
}
.dash-pagination .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius:50%;
}
.dash-pagination .active>.page-link, .dash-pagination .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color:var(--orange);
    border-color: var(--orange);
}














/*tooltip*/
.css-tooltip-top, .css-tooltip-bottom, .css-tooltip-right, .css-tooltip-left {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
}
.css-tooltip-top span, .css-tooltip-bottom span, .css-tooltip-right span, .css-tooltip-left span, .css-tooltip-diagonal-right span, .css-tooltip-diagonal-left span {
   /*min-width: 80px;
   */
   font-family: 'Mulish';
   font-style: normal;
   font-weight: 700;
   font-size: 15px;
   line-height: 20px;
   text-align: center;   
   color: #FFFFFF;
    padding: 3px 10px 3px 10px !important;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 9999999 !important;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -moz-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -o-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    -ms-transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
}
.css-tooltip-top span:before, .css-tooltip-bottom span:before, .css-tooltip-right span:before, .css-tooltip-left span:before, .css-tooltip-diagonal-right span:before, .css-tooltip-diagonal-left span:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
}
/* Tool tip Top */
.css-tooltip-top span {
    left: -118%;
    top:calc(100% + 12px);
    margin-bottom: 30px;
    -webkit-transition-property: opacity, margin-bottom, visibility;
    -moz-transition-property: opacity, margin-bottom, visibility;
    -o-transition-property: opacity, margin-bottom, visibility;
    -ms-transition-property: opacity, margin-bottom, visibility;
    transition-property: opacity, margin-bottom, visibility;
}
.css-tooltip-top.pos-40 span {
    left: -140%;
}
.css-tooltip-top.pos-96 span {
    left: -96%;
}
.css-tooltip-top span:before {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid #000;
    border-bottom: 0 !important;
    top: -8px;
    left: 40%;
    transform: rotate(180deg);
}
.css-tooltip-top:hover span {
    margin-bottom: 10px;
   /* End Position */
    visibility: visible;
    opacity: 1;
}
/* Tooltip Color */
.color-blue span {
    color: #ffffff !important;
    background: var(--orange);
    border-radius: 4px;
}
.color-blue span:before {
    border-color: var(--orange);
}
.color-blue span:after {
    content: "";
    display: block;
    border-top: 1px solid var(--orange);
    position: absolute;
    left: 0px;
    top: 1px;
    width: 100%;
    height: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*tooltip END*/

.bgash{
   background:  #FBFBFB;
}
/* dealer my jobs */




/* dealer edit profile */
.edit-sections h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
color: #363739;
margin-bottom: 24px;
}
.edit-sections h3 span{
    color: #787B81;
}
.inpt-group input:read-only{
    background: #FAFAFA;
}
.inpt-group input:read-only:hover, .inpt-group input:read-only:focus, .inpt-group input:read-only:focus-visible{
    border: 1px solid #C7D8DD;
}
.edit-sections .inpt-group a{
    position: absolute;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 20px;
text-align: right;
color: #F1592A;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
top: -25px;
right: 0px;
}
.mb-29{
    margin-bottom: 29px;
}
.mb-33{
    margin-bottom: 31px;
}
.mb-32{
    margin-bottom: 32px;
}
.mb-15{
    margin-bottom:5px;
}
.mb-24{
    margin-bottom:24px;
}
.mb-36{
    margin-bottom:36px;
}
.edit-sections .inpt-group a img{
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 4px;
}
.edit-sections .inpt-group a:hover{
    color: var(--text-black);
}
.edit-sections .inpt-group a:hover img{
    filter: invert(5%) sepia(13%) saturate(329%) hue-rotate(169deg) brightness(0%) contrast(90%);
}
.inpt-group textarea{
    height: 127px;
    width: 100%;
}
.inpt-group textarea:hover,
.inpt-group textarea:focus,
.inpt-group textarea:focus-visible{
    border: 1px solid var(--orange);
}
.uplodimg span{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #5F6468;
margin-bottom: 5px;
}
.edit-frm-upld .img-upld {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.edit-frm-upld .uplodimgfil {
    width: 401px;
    margin-right: 24px;
}
.uplodimg input[type="file"] {
    display: none;
}
.img-upld label {
    width: 100%;
    height: 46px;
    background: #F1592A;
border: 1px solid #F1592A;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 4px;
    padding: 12px 10px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
color: #FFFFFF;
cursor: pointer;
}
.edit-frm-upld .uplded-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.edit-frm-upld .uplded-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.img-upld label:hover{
    background: var(--text-black);
    border: 1px soli var(--text-black);
}

.inpt-group em{
    position: absolute;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;   
    top: 16px; 
    right: 15px;
}
.inpt-group em img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-width: 100%;
}

.edit-sections .inpt-group select{
    background-image: url(../images/chevron-down.png) !important;
}
.form-divider{
    width: 100%;
    height: 9px;
    background: #F4F4F4;
    margin-top: 4px;
    margin-bottom: 21px;
}
.edit-btns{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.edit-btns button{
    width: 192px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #FFFFFF;
padding: 12px 21px;
margin-right: 21px;
background: #F1592A;
border: 1px solid #F1592A;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
outline: none;
}
.edit-btns button:hover{
    background: var(--text-black);
border: 1px solid var(--text-black);
}
.edit-btns a{
    background: #FFFFFF;
border: 1px solid #717273;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
display: flex;
width: 190px;
height: 46px;
justify-content: space-between;
align-items: center;
padding: 13px 13px 11px 14px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #363739;
}
.edit-btns a img{
    margin-left: 8px;
    display: block;
    width: 22px;
    height: 22px;
}
.edit-btns a:hover{
    background: var(--text-black);
border: 1px solid var(--text-black);
color: white;
}
.edit-btns a:hover img {
    filter: invert(100%) sepia(0%) saturate(7419%) hue-rotate(192deg) brightness(156%) contrast(100%);
}
.budget-inpt-grp{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.budget-inpt-grp input{
    width: 50%;
}
.budget-inpt-grp input.bud-frm{
    border-radius: 5px 0px 0px 5px;
}
.budget-inpt-grp input.bud-to{
    border-radius: 0px 5px 5px 0px;
    margin-left: -1px;
}
.sbmit-jbs-btn{
    width: 148px !important;
}
/* dealer edit profile */
/* 19-12-2022 */

/* 20-12-2022 */
.dashboard-jblist a.jb-ttl{
    border-bottom: 0px solid transparent;
    position: static;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 21px !important;
line-height: 23px !important;
letter-spacing: 0.01em;
color: #F1592A !important;
margin-bottom: 12px !important;
padding-bottom: 0px !important;
cursor: pointer;
}
.dash-r8 .dashboard-jblist a.jb-ttl::after{
    display: none;
}
.das-jblist-r8{
    padding-bottom: 0px;
    min-width: 182px;
}
.dashboard-jblist:hover a.jb-ttl{
    color: var(--text-black) !important;
}
.das-jblist-r8 .lst-r8-sec {
    margin-bottom:0px;
}
.dashboard-jblist h4.list-loc {
    margin-bottom: 0px;
}
.dbor-job-box{
    padding: 17px 20px 19px 24px;
    background: #FFFFFF;
border: 1px solid #EEEEEE;
box-shadow: 0px 1px 14px 3px rgba(0, 0, 0, 0.06);
border-radius: 8px;
margin-bottom: 28px;
}

h3.rt-h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.01em;
color: #000000;
}
.mb-8{
    margin-bottom: 8px;
}
.mb-12{
    margin-bottom: 12px;
}



.dash-rating-sec{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 16px;
    flex-direction: row-reverse;
}
.dash-rating-sec > input {
    display: none;
  }

  .dash-rating-sec > label {
    cursor: pointer;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #C6CDCF;  
    background-image: url("../images/star-ash-d.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px 22px;
    transition: .3s;
    margin-right: 9px;
  }

  .dash-rating-sec > input:checked ~ label,
  .dash-rating-sec > input:checked ~ label ~ label,
  .dash-rating-sec > input:not(:checked) ~ label:hover,
  .dash-rating-sec > input:not(:checked) ~ label:hover ~ label{
    background-image: url("../images/star-orange-d.png");
  }
.rating-sec .inpt-group textarea::placeholder{
    color: #161718;
}
.rating-sec .inpt-group textarea{
    margin-bottom: 21px;
    height: 160px;
}

.dash-num-box{
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 15.5px 16px 15.5px 16px;
    margin-bottom: 13px;
}
.d-num-img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    height: 52px;
    background: #F1592A;
border-radius: 18px;
margin-right: 12px;
}
.d-num-img img{
    width: 24px;
    height: 24px;
}

.d-num-txt h5{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
letter-spacing: 0.01em;
color: #666666;
}
.d-num-txt h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #2D2E30;
}

.dash-numbrs .row .pr-0{
    padding-right: 0px !important;
}
.dash-numbrs{
    margin-bottom: 16px;
}
.dash-noti-sec h3{
    padding-bottom: 9px;
    border-bottom:  1px solid #E4E5E6;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 24px;
letter-spacing: 0.01em;
color: #2F2F36;
}

.d-noti-box{
    padding:22px 0px 19px 0px;
    border-bottom:  0.5px solid #E4E5E5;
}
.noti-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.noti-top h5{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 15px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.01em;
color: #2E2F32;
}
.noti-top h5 b{
    font-weight: 600 !important;
    width: calc(100% - 40px);
}
.noti-top h5 span{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 30px !important;
    height: 30px !important;
    background: #2D2E30;
    border-radius: 50%;
}
.noti-top h5 span img{
    display: block;
    width: 16px;
    height: 16px;
}
.noti-top h6{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 25px;
text-align: right;
letter-spacing: 0.01em;
color: #181D25;
}
.noti-top h6 img{
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.d-noti-box p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
letter-spacing: 0.01em;
color: #5B5C60
}

.withdraw-mode{
    position: relative;
}
.withdraw-mode h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 11px;
letter-spacing: 0.01em;
color: #000000;
margin-bottom: 10px;
}
.withdraw-tab{
    border-bottom: 0px solid transparent !important;
    margin-bottom: 26px !important;
}
.withdraw-tab li{
    margin-left: 0px;    
}

.nav-tabs .nav-link {
    margin-bottom: 0px;
    background: 0 0;
    border:none !important;
    padding: 0px 0px 0px 0px !important;
}


label.with-type-btn{
    padding-left: 30px;
    position: relative;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #242628;
margin-right: 21px;
cursor: pointer;
}
.with-type-btn input{
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    width: 0px;
    height: 0px;
}
.rad-circ{
    position: absolute;
width: 23px;
height: 23px;
top: 0px;
left: 0px;
background: #FFFFFF;
border: 2px solid #A3A1A1;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 100%;
}
.rad-circ::after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    left: 2px;
    padding: 7px 0px;
    background-color: var(--orange);
    border-radius: 50%;
    display: none;
}
.with-type-btn input:checked ~ .rad-circ,
.nav-link.active .with-type-btn .rad-circ{
    border: 2px solid var(--orange);
}
.with-type-btn input:checked ~ .rad-circ::after,
.nav-link.active .with-type-btn .rad-circ::after{
    display: block;
}

.txt-black input,
.txt-black select,
.txt-black textarea{
    color: #161718;
    font-size: 17px;
}
.txt-black input::placeholder,
.txt-black textarea::placeholder{
    color: #161718;
}
.wpg-table{
    margin-top: 43px;
}
.edit-prof-frm .tab-pane{
    position: relative;
}

.avl-blnc{
    position: absolute;
    top: -8px;
    right: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.avl-img{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
height: 48px;
margin-right: 14px;
background: #FFFFFF;
border: 1px solid #FD9D7F;
border-radius: 5px;
}
.avl-blnc h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #242628;
margin-bottom: 0px;
}
.avl-blnc h4 span{
    display: block;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #F1592A;
}
.txt-orange{
    color: var(--orange);
}
/* 20-12-2022 */





/* 21-12-2022 */
/* dealer-finance */
.daser-hdr{
    position: relative;
    width: 100%;
}
.rq-fin{
    position: absolute;
    right: 0px;
    top: -7px;
    background: #F1592A;
border: 1px solid #F1592A;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
width: 216px;
height: 41px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 12px 11px 14px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
}
.rq-fin img{
    width: 19px;
    height: 19px;
    display: block;
    margin-right: 9px;
}

.rq-fin:hover{
    background: var(--text-black);
    border: 1px solid var(--text-black);
    color: white;
}
.fin-div2{
    margin-bottom: 35px;
}
.fin-box{
    background: #FAFAFA;
border: 1px solid #C7D8DD;
border-radius: 5px;
padding: 13px 12px 13px 19px;
margin-right: 15px;
width: 200px;
}
.fin-box:last-child{
    margin-right: 0px;
}
.fin-box img{
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 13px;
}
.fin-box h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #556576;
}
.fin-box h4 span{
    display: block;
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
color: #161718;
}
/* dealer-finance */



/* view-bids */
.d-bids-box{
    padding: 32px 0px 30px 0px;
    border-bottom: 0.5px solid #E4E5E5;
}
.bl-hd{
    margin-bottom: 5.74px;
}
.bl-img{
    width: 42px !important;
    height: 42px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 10px;
}
.bl-img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.bl-hd h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.01em;
color: #2E2F32;
margin-right:22px;
}
.bl-hd .rate {
    margin-bottom: 0px !important;
    width: fit-content;
    margin-top: -2px !important;
}
.bl-hd .rate span {
    margin-left: 8px;
}
.bl-hd .rate span strong{
    margin-right: 0px;
}
.d-bid-lft {
    margin-right: 27px;
}
.d-bid-lft p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 23px;
text-align: justify;
letter-spacing: 0.01em;
color: #5B5C60;
}

.d-bid-r8{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
.d-bid-r8 h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
color: #2E2F32;
margin-bottom: 12px;
}
.d-bid-r8 h6 span{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.01em;
color: #5E6268;
display: block;
}
.d-bid-r8 a{
    padding: 10px 12px 8px 12px;
    background: #36353D;
border: 1px solid #36353D;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
width: 106px;
height: 40px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
}
.d-bid-r8 a img{
    display: block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.d-bid-r8 a:hover{
    background:var(--orange);
border: 1px solid var(--orange);
color: white;
}
.bid-v-sec{
    margin-bottom: 35px;
}


.vendor-fin .fin-box{
    width: 196px;
    padding: 13px 9px 13px 11px;
}
.mt-28{
    margin-top: 28px !important;
}

a.vnd-fjb{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 37px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #F1592A;
}
a.vnd-fjb img{
    width: 21px;
    height: 21px;
    display: block;
    margin-right: 6px;
}
a.vnd-fjb:hover{
    color: var(--text-black);
}
a.vnd-fjb:hover img {
    filter: invert(0%) sepia(0%) saturate(16%) hue-rotate(203deg) brightness(69%) contrast(80%);
}

/*Multiselect box*/
.chosen-container{
    background: #fff url(../images/dash-dropdwn.png) no-repeat 97% 57% !important;
	background-size: 18px !important;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    height: 55px;
    padding:14px 24px 2px 22px;
}
.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 100%;
	background-color: transparent;
	background-image: none !important;
	padding:0px;	
	outline: none;
	cursor: pointer;
    border: 0px !important;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #4C4B54;
overflow-y: auto;
height:39px;
}
.chosen-container-multi .chosen-choices::-webkit-scrollbar {
    width: 3px;
  }
  .chosen-container-multi .chosen-choices::-webkit-scrollbar-track{
    background-color: transparent;
  }
  .chosen-container-multi .chosen-choices::-webkit-scrollbar-thumb {
    background-color: #e0e0e1;
    border-radius: 2px;
  }
 .chosen-container-multi .chosen-choices li.search-choice {
	margin: 0px 10px 2px 0;
	padding: 2px 21px 3px 9px;
	max-width: 100%;
	background: #FAFAFA;
border: 1px solid #E5E9EB;
border-radius: 5px;
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	box-shadow: none !important;
	cursor: default;
	font-size: 14px;
    text-align: center;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
display: flex;
justify-content: center;
align-items: center;
color: #161718;
}
/*Multiselect box*/


 .img-upld .vend-upld label{
    background:#36353D;
    border: 1px solid #36353D;
}
.img-upld .vend-upld  label:hover{
    background: var(--orange);
    border: 1px solid var(--orange);
}
.vd-frm-top{
    margin-top: 50px;
}/* 21-12-2022 */







/* 22-12-2022 */
/* about-us */
.abt-bnr{
    margin-top: 64px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}
.mar-abt{
    margin-bottom: 60px;
}
img.abt-bnimg{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.abt-bnr-txt{
    margin: 0 auto;
    padding: 93px 0px 91px 0px;
}
.abt-bnr-txt h1{
    font-family: 'Mulish';
font-style: normal;
font-weight: 900;
font-size: 39px;
line-height: 43px;
text-align: center;
color: #FFFFFF;
margin-bottom: 23px;
}
.abt-bnr-txt ol.breadcrumb{
    justify-content: center;
    margin-bottom: 0px;
}
.abt-bnr-txt ol.breadcrumb li,
.abt-bnr-txt ol.breadcrumb li a{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 18px;
text-align: center;
color: #FFFFFF;
}
.abt-bnr-txt ol.breadcrumb li a:hover{
    color: var(--orange);
}

.abt-why{
    padding: 0px 0px;
    margin-bottom: 89px;
}
.abt-main{
    margin-bottom: 90px;
}
.abt-mnimg{
    margin-top: 9px;
}
.abt-img1{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.abt-img1 img{
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.abt-mntxt h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 38px;
color: #161718;
margin-bottom: 21px;
}
.abt-mntxt p{
    margin-bottom: 19px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15.6px;
line-height: 27px;
color: #353C47;
}
.abt-mntxt a{
    width: 181px;
height: 52px;
background: #F1592A;
border: 1px solid #F1592A;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
padding: 14px 38px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
margin-top: 36px;
}
.abt-mntxt a:hover{
    background:var(--text-black);
    border: 1px solid var(--text-black);
    color: white;
}

.mis-vis{
    margin-bottom: 78px;
    background: linear-gradient(to bottom, #F1592A 70%, white 30%);
    padding-top: 59px;
    padding-bottom: 2px;
}
.mis-hd{
    margin-bottom: 48px;
}
.mis-hd h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: 34px;
line-height: 43px;
text-align: center;
color: #FFFFFF;
margin-bottom: 15px;
}
.mis-hd p{
    width: 80%;
    margin: 0 auto;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}

.mis-box{
    background: #FFFFFF;
border: 1px solid #DDDDDD;
box-shadow: 0px 2px 0px #BDC4C8;
border-radius: 10px;
padding: 23px 30px 25px 27px;
justify-content: flex-start;
align-items: flex-start;
}
.mis-img{
    margin-top: 12px;
    background: #FFFFFF;
border: 1px solid #E2E2E2;
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 92px;
height: 99px;
padding: 17px 13px;
margin-right: 25px;
}
.mis-img img{
    width: 65px;
    height: 65px;
    display: block;
}
.mis-txt h3 {
    font-family: 'Futura PT Demi';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 31px;
    color: #32373D;
    margin-bottom: 7px;
}
.mis-txt p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15.6px;
line-height: 27px;
color: #353C47;
}
.abt-tsti{
    padding: 0px 0px 0px 0px;
    background-image: none;
    margin-bottom: 95px;
}
.abtest p{
    min-height: 163px;
    margin-bottom: 27px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 14.6px;
line-height: 27px;
letter-spacing: 0em;
color: #575A61;
}
/* about-us */



/* conatct us */
.contact-pg{
    background-color: #F5F2F1;
    padding: 56px 0px 108px 0px;
}
.contct-inr{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.contct-lft{
    width: 55.6%;
   margin-right:27px;
    padding: 18px 30px 27px 32px;
    min-height: 100%;
}

.cont-paper{
    background: #FFFFFF;
box-shadow: 0px 1px 21px 3px rgba(0, 0, 0, 0.03);
border-radius: 10px;
}
.cont-hdr{
    padding-bottom: 15.5px;
    border-bottom: 1px solid #DFDFDF;
    position: relative;
    margin-bottom: 23px;
}
.cont-hdr::after{
    content: '';
    position: absolute;
    width: 84px;
    height:5px;
    background-image: url(../images/head-underline.png);
    background-repeat: no-repeat;
    background-size: 71px 5px;
    background-position: left center;
    background-color: white;
    left: 0px;
    bottom:-2.5px;
}
.cont-hdr h2{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 38px;
color: #161718;
margin-bottom: 3px;
}
.cont-hdr p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #1F2227;
}

.cf-box{
    margin-bottom: 20px;
}
.cf-box label{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
color: #2B2D34;
width: 100%;
display: block;
margin-bottom: 5px;
}
.cf-box input,
.cf-box select,
.cf-box textarea{
    padding: 13px 22px;
    background: #FFFFFF;
border: 1px solid #C6CDCF;
border-radius: 6px;
height: 48px;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.01em;
color: #6C6C75;
width: 100%;
}

.cf-box textarea{
    height: 127px;
    padding: 16px 21px;
}

.cf-box input:hover,
.cf-box select:hover,
.cf-box textarea:hover,
.cf-box input:focus,
.cf-box select:focus,
.cf-box textarea:focus,
.cf-box input:focus-visible,
.cf-box select:focus-visible,
.cf-box textarea:focus-visible,
.cf-box input:valid,
.cf-box select:valid,
.cf-box textarea:valid{
    border: 1px solid var(--orange);
}

button.cnt-fbtn{
    padding: 14px 26px 13px 26px;
    background: #F1592A;
border: 1px solid #F1592A;
border-radius: 6px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 23px;
text-align: center;
letter-spacing: 0.01em;
color: #FFFFFF;
outline: none;
margin-top: 3px;
}
button.cnt-fbtn:hover{
    background:var(--text-black);
    border: 1px solid var(--text-black);
    color: white;
    box-shadow:none
}


.contct-r8{
    width: calc(100% - 55.6% - 27px);
    padding: 27px 24px 27px 25px;
    min-height: 100% !important;
    /* display: flex;
    justify-content: center;
    align-items: flex-start; */
}

.cdeet-inr{
    padding: 25px 25px 31px 28px;
    background: #FFFFFF;
border: 1px solid #C6CDCF;
border-radius: 5px;
width: 100%;
}
.ad-box{
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 29px;
}
.ad-box:last-child{
    margin-bottom: 0px;
}
.ad-box-img{
    background: #FFFFFF;
border: 1px solid #F1592A;
border-radius: 6px;
width: 43px;
height: 43px;
margin-right: 16px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 9px;
}
.ad-box-txt h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #696E80;
    margin-bottom: 2px;
}
.ad-box-txt p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #051036;
}
.ad-box-txt p span{
    display: inline-block;
}
.adeet-bx{
    margin-bottom: 56px;
}
.adeet-sos h6{
    font-family: 'Mulish';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #22293F;
margin-bottom: 14px;
}

.adeet-sos ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.adeet-sos ul li{
    margin-right: 13px;
}
.adeet-sos ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 36px;
height: 36px;
padding: 9px;
color: white;
}
.adeet-sos ul li a i{
    font-size: 18px;
}
.ad-fb{
    background-color: #4977D4;
}
.ad-lnk{
    background-color: #35ADE9;
}
.ad-ttr{
    background-color: #18D8E4;
}
.ad-utub{
    background-color: #EE2D2D;
}
.ad-pnt{
    background-color: #E455D7;
}
.adeet-sos ul li a:hover{
    color: white;
    transform: translateY(-5px);
}
/* conatct us */


/* faq page */
.faq-page{
    background: #F5F2F1;
    padding: 61px 0px 107px 0px;
}



.nav-tabs.faq-tabs{
    justify-content: center;
    border-bottom: 0px solid transparent !important;
}
.nav-tabs.faq-tabs button.nav-link{
    background: #929292;
border: 1px solid #929292;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px 5px 0px 0px;
display: flex;
justify-content: center;
align-items: center;
margin: 0px 8px;
width: 156px;
height: 44px;
padding: 12px 25px 10px 26px;
font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #FFFFFF;
}
.nav-tabs.faq-tabs button.nav-link:hover,
.nav-tabs.faq-tabs button.nav-link.active{
    background: #F1592A;
border: 1px solid #F1592A;
color: white;
}

.faq-tbpaper{
    padding: 37px 37px ;
    background: #FFFFFF;
box-shadow: 0px 1px 21px 3px rgba(0, 0, 0, 0.03);
border-radius: 10px;
}
.faq-qs-inr .accordion-item{
    padding: 19px 17px 19px 25px;
    background: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 6px;
margin-bottom: 23px;
}
.faq-qs-inr .accordion-item:last-child{
    margin-bottom: 0px;
}
.faq-qs-inr .accordion-button{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: transparent;
    padding: 0px 0px 0px 0px !important;
    border-bottom: none !important;
}
.faq-qs-inr .accordion-button:not(.collapsed) {
    color: var(--orange);
    background-color: transparent;
    box-shadow: none;
}

.faq-qs-inr .accordion-button:focus {
    z-index: 3;
    border-color:none !important;
    outline: 0;
    box-shadow:none !important;
}
.faq-qs-inr .accordion-button::after {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: auto;
    content: "";
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    transition: var(--bs-accordion-btn-icon-transition);
}
.faq-qs-inr .accordion-button:not(.collapsed)::after {
    background-image:url(../images/minus.png);
    transform: var(--bs-accordion-btn-icon-transform);
}
.faq-qs-inr .accordion-button .ac-img{
    width: 44px;
height: 44px;
background: #F5F5F5;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 14px 14px 14px 14px;
margin-right: 20px;
}
.faq-qs-inr .accordion-button h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #303238;
}
.faq-qs-inr .accordion-button:not(.collapsed) .ac-img{
    background: var(--orange);
}
.faq-qs-inr .accordion-button:not(.collapsed) .ac-img img{
    filter: invert(99%) sepia(5%) saturate(0%) hue-rotate(76deg) brightness(149%) contrast(100%);
}
.faq-qs-inr .accordion-button:not(.collapsed) h4{
    color: var(--orange);
}
.faq-qs-inr .accordion-body {
    padding: 9px 0px 4px 64px;
}
.faq-qs-inr .accordion-body p{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
letter-spacing: 0.01em;
color: #63748C;
}
p.nt-fnd{
    margin-top: 38px;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #4B5763;
}
p.nt-fnd a{
    color: var(--orange);
}
p.nt-fnd a:hover{
    color:var(--text-black);
}
/* faq page */
/* 22-12-2022 */




/* 23-12-2022 */
.forgot-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.for-img{
    width: 694px;
}
/* 23-12-2022 */
.inpt-group label.error{
    position: unset;
    color: red;
}

.inpt-group input[type=radio] {
	display: none;
}

.inpt-group .radio-box label {
	top: 0 !important;
    position: unset;
	background: #fff;
	height: auto;
	height: 52px !important;
	border-radius: 8px !important;
	line-height: 50px !important;
	padding: 0 10px;
	color: #2e605d;
	cursor: pointer;
	border: solid 1px #c7d8dd !important;
	font-size: 15.4px;
	left: 0 !important;
	-webkit-transform: inherit;
	-moz-transform: inherit;
	transform: inherit;
}

.inpt-group .radio-box label {
	width: 100%;
	background: url(../images/redio.png)no-repeat #fff !important;
	background-position: center left 15px !important;
	padding-left: 46px !important;
	font-size: 16.5px !important;
	font-weight: 400 !important;
	color: #848f95;
	font-weight: 400;
}

.inpt-group input[type=radio]:checked+label {
    background: url(../images/redio2.png)no-repeat #ffffff !important;
    background-position: center left 15px !important;
    border: solid 1px #f1592a !important;
    color: #2d5f5c;
}
.parent-divddd {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border: 1px solid #d8d8d8;
    width: 70%;
    margin: 0 auto 30px auto;
    padding: 20px;
    border-radius: 7px;
    box-shadow: 4px 7px 14px 0px #b6b6b65e;
}
.parent-divddd .img-span {
    display: block;
    margin-bottom: 18px;
}
.parent-divddd h2.thankyou {
    font-size: 34px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
}
.parent-divddd .success_login {
    /* height: 39px; */
    background: #f1592a;
    width: 135px;
    margin: 0 auto;
    border-radius: 5px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    padding: 5px 16px;
    line-height: 36px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-top: 12px;
    display: block;
}
.sign-up-body{
    margin: 120px 0 80px;
}
.new_align{
    margin-top: 10px;
}

.drag_file .uploader {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* min-height: 91px; */
    background: #FFF;
}
.drag_file .drag_up {
    border: 1px solid #C7D8DD;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 18px;
    margin: 24px 0 4px 0;
}
.drag_file .drag_up {
    border: 1px solid #C7D8DD;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    display: block;
    overflow: hidden;
}
.drag_file .drag_up span {
    float: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #5F5F5F;
    margin: 15px 0 0 0;
}
.drag_file .drag_up span img {
    float: left;
    width: 36px;
    margin: 0 15px 0 0;
    position: relative;
    top: -7px;
}
.drag_file .drag_up .uplodimg {
    float: right !important;
    margin: 3px 0 0 0 !important;
    width: auto !important;
}
.drag_file .uplodimg {
    width: 100%;
    /* margin-top: 15px; */
    display: flex;
    align-items: center;
}
.drag_file .drag_up .uplodimg .uplodimgfil {
    max-width: 100% !important;
    display: block !important;
    width: 100% !important;
    flex: inherit !important;
}
.drag_file .uplodimgfil {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
}
.drag_file .uplodimg input[type="file"] {
    position: absolute!important;
    opacity: 0!important;
    display: block!important;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0px;
}
.drag_file .uplodimg input[type="file"] {
    display: none;
}
.drag_file .inputfile-1+label {
    background: #f1592a;
    border: 1px solid #f1592a;
    box-sizing: border-box;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.drag_file .inputfile+label {
    max-width: 100% !important;
    width: 100%;
    padding: 0 !important;
    padding-right: 0px;
    padding-left: 0px;
    padding-left: 11px !important;
    padding-right: 16px !important;
    height: 46px;
    line-height: 46px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: pointer;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
}
.drag_file .uplodimg label img {
    float: right;
}
.supported_ff {
    float: left;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 5px 0;
    line-height: 22px;
    letter-spacing: 0;
    color: #5F5F5F;
}
.supported_ff span {
    margin: 0 6px;
    color: #939393;
}

.swal2-styled.swal2-confirm {
	background-color: #F1592A !important;
}


.document-place{
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.document-place .document-exit{
    position: absolute;
    display: block;
    top: -5px;
    right: 0px;
}
.document-place p{
    word-break: break-all;
}
.budget-inpt-grp label.error {
	position: absolute;
	color: red;
	top: 100%;
	left: -4px;
}
.deal-rev-show{
    padding: 15px 15px 20px 15px;
    background: #FFFFFF;
    box-shadow: 0px 1px 21px 3px rgb(0 0 0 / 3%);
    border-radius: 8px;    
    border: 1px solid #eeee;
}
.rev-sec{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.rev-sec h4{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #2D2E30;
    width: 91px;
    margin-right: 10px;
}
.rev-sec p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #424242;
    width: calc(100% - 91px);
    margin-top: 1px;
}
.rev-sec .rate{
    justify-content: flex-start;
    margin-bottom: 0px !important;
    margin-top: 2px !important;
    width: fit-content;
}

.cre_mil {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.crea_mil_btns {
	height: 38px;
	background: #F1592A;
	border: 1px solid #F1592A;
	box-shadow: 0px 3px 4px rgb(0 0 0 / 5%);
	border-radius: 5px;
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 600;
	font-size: 16.7px;
	line-height: 32px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
}
.crea_mil_btns:hover {
	background: var(--text-black);
	border: 1px solid var(--text-black);
	transition: 0.3s;
    color: #FFFFFF;
}
.milest_extrdivs {
	background: #FFFFFF;
	border: 1px solid #DFE0E0;
	border-radius: 8px;
	padding: 0px 20px 15px;
	margin-top: 15px;
	width: 100%;
}

.table_main {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 0.8rem;
}
.table_div {
	display: table-row;
	justify-content: space-between;
	background: #FFFFFF;
	/* border: 1px solid #DFE0E0; */
	box-sizing: border-box;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 10px 5px;
	position: relative;
}
.table_div .table_div_left2:first-child {
	border-left: 1px solid #DFE0E0;
	border-radius: 6px 0 0 6px;
	padding: 10px 5px 10px 10px;
}
.serv_divs, .fiv_divs {
	width: 14%;
}
.fourms_divs {
	width: 25%;
	text-align: center;
}
.table_div_left2 {
	display: table-cell;
	padding: 10px 5px;
	vertical-align: middle;
	border-top: 1px solid #DFE0E0;
	border-bottom: 1px solid #DFE0E0;
	font-family: 'Mulish';
	/* vector-effect: non-scaling-stroke; */
}
.cre_mil .input_sh_bx2 {
	margin-top: 29px;
}
.cre_mil .dash-field {
	position: relative;
	width: 100%;
	margin-top: 0;
}
.cre_mil .dash-field input, .dash-field select, .dash-field textarea {
	background: #FFFFFF;
	border: 1px solid #C7D8DD;
	box-sizing: border-box;
	border-radius: 5px;
	background: transparent;
	padding: 0 15px;
	height: 48px;
	width: 100%;
	outline: none !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #161718;
	z-index: 35;
	position: relative;
}
.cre_mil .dash-field input:valid ~ label{
    top: -10px;
    background: #fff;
    height: auto;
    height: 20px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #8795A3;
    padding: 0 6px;
    left: 7px;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
    z-index: 48;
}
.cre_mil .dash-field label {
	position: absolute;
	top: 47%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px;
	transition: 0.2s all;
	cursor: text;
	font-family: Muli;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	z-index: 9;
	color: #D0D4DB;
}

.payment_page .payment-meth {
	margin: 132px auto 106px auto;
}

.login_box {
	display: block;
	overflow: hidden;
	width: 550px;
	border-radius: 11px;
	background: #fff;
	box-shadow: 0px 2px 40px 0px rgba(91, 90, 90, 0.1);
	margin: 0 auto;
}
.login_box_main {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 34px 50px 0 50px;
}
.payment_page .payment-meth .login_box_main h3 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.03em;
	color: #000000;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #c1c1c1;
}
.payment_page .payment-meth .login_box_main p {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.01em;
	color: #383838;
	margin-bottom: 13px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.login_submit {
	display: block;
	overflow: hidden;
	border: none;
	width: 100%;
	height: 53px;
	color: #fff;
	border-radius: 5px;
	font-family: Mulish;
	font-size: 23px;
	font-weight: 700;
	line-height: 29px;
	letter-spacing: 0.4px;
	text-align: left;
	cursor: pointer;
	padding: 0 15px;
	background: #F1592A url(../images/Arrow.png)right 13px center no-repeat;
}
.dash-noti-sec .table_lists h3{
    padding-bottom: 0px;
    border-bottom: 0px transparent;
}
p.lig_para,
p.status_para {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.01em;
    color: #23252B;
}
.milestone_btns{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.milestone_btns a {
    display: block;
    background: #F1592A;
    border: 1px solid #F1592A;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 5%);
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
    margin: 0px 4px;
}
.milestone_btns a:hover{
    background: var(--text-black);
    border: 1px solid var(--text-black);
}
.vendor_modal_header{
    padding: 0px 0px !important;
    border-bottom: 0px transparent;
    position: relative;
}
.vendor_modal_header button.close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 0.8;
    color: black;
    border: 0px transparent;
    outline: none;
    box-shadow: -3px 3px 14px 0px #bbb;
    background-color: white;
}
.vendor_modal_header button.close span{
    width: 13px;
height: 13px;
margin-top: -7px;
}
.vendor_modal_body .left-modal h3{
    text-align: center;
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #666666;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}
.vendor_modal_body .left-modal h3 span{
    font-weight: 700;
    color: #212121;
    font-size: 18px;
}
.vendor_modal_body .src-box-full{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.vendor_modal_body .searchh_box_left{
    width: fit-content;
    margin-right: 20px;
}
.vendor_modal_body .searchh_box_left a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.vendor_modal_body .searchh_box_left a img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.vendor_modal_body .searchh_box_right h4{
    font-size: 18px;
    line-height: 1;
    margin-bottom: 6px;
}
.vendor_modal_body .searchh_box_right p,
.vendor_modal_body .desc-modal{
    font-size: 15px;
    line-height: 1.2;
    color: #666;
}
.vendor_modal_body .signer-rem-sec {
	margin-top: 9px;
	margin-bottom: 17px;
}
.vendor_modal_body .signer-rem-sec .rem{
    line-height: 1.4;
}
.vendor_modal_body p.status_para {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	padding-top: 8px;
	border-top: 1px solid #eee;
}

.vendor_modal_body p.status_para a{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #666;
    display: block;
    margin-right: 12px;
}
.vendor_modal_body p.status_para a:hover{
    color: var(--orange);
}
.vendor_modal_body p.status_para button{
    display: block;
    background: #F1592A;
    border: 1px solid #F1592A;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 5%);
    border-radius: 5px;
    padding: 6px 12px 6px 12px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
}
.vendor_modal_body p.status_para button:hover{
    background: var(--text-black);
    border: 1px solid var(--text-black);
}
.table-fields label.error{
    position: absolute;
    bottom: -17px;
    top: auto !important;
    background: transparent !important;
    color: red !important;
    left: -2px !important;
    font-size: 13px !important;
}
.more_desc-modal .modal-header{
    position: relative;
    padding: 10px 16px !important;
}
.more_desc-modal .modal-header button.close {
	position: absolute;
	border: none;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px !important;
	height: 24px !important;
	padding: 0px 0px 4px 1px !important;
	margin: 0px;
	border-radius: 50%;
	font-size: 21px;
	opacity: 1;
	font-weight: 500;
	color: #161718;
	top: -12px;
	right: -12px;
	line-height: 0.8;
	box-shadow: -1px 4px 9px 0px #00000073;
}
.more_desc-modal .modal-header h4{
    width: 100%;
text-align: center;
font-weight: 600;
font-size: 19px;
}
.more_desc-modal .modal-body{
    border-bottom: 0px solid transparent !important;
}
.more_desc-modal .modal-body .input-from h4{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #484C55;
    margin-bottom: 16px;
}
.more_desc-modal .modal-footer{
    padding: 0px 16px 10px 16px;
    border-top: 0px solid transparent !important;
}
.more_desc-modal .modal-footer .edit-btns button{
    width: fit-content !important;
    margin-right: 0px !important;
}
h2.descc a,
h2.completeDesc a{
    font-size: 15px;
    font-weight: 500;
}
.readMore,
.readLess{
    color: #f1592a;
}
.readMore:hover,
.readLess:hover{
    color: #101112;
}
.dash-noti-sec .bid-main-box h3{
    border-bottom: 0px solid transparent !important;
    margin-top: 8px;
}
.bid-main-box .attach-div a {
	padding: 8px 10px 8px 10px;
	font-size: 15px;
	margin-right: 6px;
	margin-bottom: 7px;
    letter-spacing: 0em;
}
.bid-main-box .d-bids-box {
	padding: 32px 0px 10px 0px;
	border-bottom: 0px solid #E4E5E5;
}
.bid-main-box {
    border-bottom: 0.5px solid #e4e5e5;
    padding-bottom: 8px;
}




/* privacy policy */
.pri-box{
    padding:14px 17px 14px 17px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 6px;
    margin-bottom: 23px;
}
.pri-box h2 {
    font-family: 'Futura PT Demi';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #32373D;
    margin-bottom: 14px;
    position: relative;
}
.pri-box h2::after {
    content: '';
    position: absolute;
    left: -17px;
    bottom: -8px;
    width: 220px;
    height: 1px;
    background-color:#c5c5c5;
}
.pri-box p{
    margin-bottom: 15px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 15.6px;
    line-height: 27px;
    color: #353C47;
    /* padding-left: 32px; */
}
.mb-0{
    margin-bottom: 0px !important;
}
.pri-box h2 span{
    display: inline-block;
    width: 29px;
    margin-right:3px;
}
.pri-box ul li{
    position: relative;
    margin-bottom:9px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 15.6px;
    line-height: 27px;
    color: #353C47;
    padding-left: 20px;
}
.pri-box ul li::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../images/approve-action-hov.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    left: 0px;
    top:7px;
}
.faq-tbpaper.pri-tbpaper{
    padding: 37px 20px;
}
/* privacy policy */


.jblist-boxtop{
    padding-bottom: 12px;
    border-bottom:0.5px solid rgba(191, 191, 191, 0.7);
    margin-bottom: 12px;
}
.jblist-botom h2{
    padding-bottom: 0px;
    margin-bottom: 8px;
    position: static;
    border-bottom: 0px solid transparent;
    font-family: 'Mulish';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 19px;
letter-spacing: 0.01em;
color: #23252B;
}
.jblist-botom h2::after{
    display: none;
}
.jblist-botom h3 img{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-right: 14px;
}
.jblist-botom h3{
    font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 16px;
color: #484C55;
text-transform: uppercase;
width: fit-content;
margin-right: 20px;
}
.jblist-botom h4{
    font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #5B5C60;
}
.jblist-botom h4 span{
    display: inline-block;
    margin-left: 4px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 26px;
    color: #2D2E30;
}
.why-section p{
    width: 100% !important;
}
.vendor-box{
    min-height: 282px;
}