@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300&display=swap');
body {
  font-family: 'IBM Plex Sans', sans-serif;

  font-size: 15px;

  font-weight: 400;
  color:#0C0C0C;
}
a{
  cursor: pointer;
}

/************ login section ****************/
.dashnboard .desh .dropdown.imgus button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
}
.advance_search.newt {
  margin-top: -50px !important;
}
section.login {
padding: 60px 0 100px;
background: #3d83e2;
height: 100%;
position: fixed;
width: 100%;
}

.login p a{
text-decoration: none;
}
.login #inputPassword::placeholder {
  margin-top: -3px;
  position: absolute;
  top: 14px;
  font-size: 15px;
}
.login .form-control {
  border-radius: 4px;
  padding: 0 15px;
  margin-bottom: 20px;
  font-size: 15px;
  border: 1px solid #989898;
  height: 45px;
  appearance: textfield;
}
.login .form-signin {
padding: 45px 50px;
box-shadow: 0px 36px 35px rgb(0 0 0 / 20%);
border-radius: 8px;
position: fixed;
width: 450px;
top: 0;
left: 0;
bottom: 0;
margin: auto;
background: #fff;
right: 0;
height: 408px;
}
.login .form-signin label span {
  color: #ACACAC;
  font-weight: 400;
}
form.form-signin img {
height: 45px;
margin-bottom: 35px;
}

.login .form-signin label {
  color: #0C0C0C;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 500;
}
.login .form-signin button.btn {
border: none;
color: #fff;
font-weight:600;
width: 100%;
height: 50px;
background: #4C7EE8;
border-radius: 4px;
font-size: 18px;
margin-top:0;
}


.login .password .fa-eye {
position: absolute;
top: 14px;
right: 15px;
margin: auto;
color: #989898;
display: none;
}


.login .form-group a {
  float: right;
  margin-top: -25px;
  margin-bottom: 25px;
  color: #4c7ee8;
  font-size: 15px;
  text-decoration: none;
}


.send_noti .set .switch-button {
  width: 246px;
  margin: 0 15px;
  height: 35px;
}
.switch-button.active-case .left {
  border: 1px solid transparent !important;
  color: #606060 !important;
}
.send_noti .set .switch-button .left, .send_noti .set .switch-button.active-case .right {
  color: #334660;
  border: 1px solid #334660;
  border-radius: 4px;
  background: transparent;
}

.switch-button {
  width: 100%;
  height: 45px;
  text-align: center;
  will-change: transform;
  z-index: 197 !important;
  cursor: pointer;
  transition: 0.3s ease all;
  border: 1px solid #989898;
  border-radius: 4px;
  height: 45px;
  overflow: hidden;
}
.switch-button.active-case .left {
  background: transparent;
  color: #606060;
}
.switch-button-case {
  display: inline-block;
  background: none;
  width: 50%;
  height: 100%;
  color: #606060;
  position: relative;
  border: none;
  transition: 0.3s ease all;
  padding-bottom: 1px;
  float: left;
  font-size: 15px;
  font-weight: 500;
}


.switch-button .left, .switch-button.active-case .right{
  color: #ffffff;
  background: #334660;
  border-radius: 4px;
}


/********************* dashnboard ***********************/
.dashnboard {
  background: #FAFCFE;
  overflow: hidden;
  padding-bottom: 120px
}
.dashnboard .logo {
    border-bottom: 1px solid #ececec;
    display: block;
    width: 210px;
    margin-left: 0;
    text-align: center;
    min-height: 63px;
    margin-top: -12px;
    line-height: 63px;
    text-align: left;
    padding: 0 12px;
}
.dashnboard .desh {
  padding-left: 260px;
  position: relative;
  border-top: 1px solid #ececec;
  margin-top: 62px;
  padding-right: 41px;
  padding-top: 35px;
}

.dashnboard .sidebar {
  width: 210px;
  position: absolute;
  left: 0;
  background: #FFF;
  padding: 11px 0;
  height: 100%;
  border-right: 1px solid #ECECEC;
  top: -63px;
}
.sid1 {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding-top: 11px;
}
.dashnboard .sidebar ul li a {
  border-radius: 4px;
  height: 45px;
  padding: 0px 11px;
  display: block;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  color: #0C0C0C;
  line-height: 45px;
}

.my_profile .imgs img {
  width: 100%;
}

.my_profile .form-control {
  height: 45px;
  border: 1px solid #989898;
  border-radius: 4px;
  margin-top: 4px;
  appearance: auto;
}
.overview span.saveCancel {
  float: right;
}
.overview span.saveCancel a, .overview span.saveCancel button{
width: 160px;
height: 45px;
background: #4C7EE8;
border-radius: 4px;
display: inline-block;
float: right;
text-align: center;
color: #fff;
text-decoration: none;
line-height: 45px;
font-size: 16px;
font-weight: 500;
margin-top: -4px;
margin-left: 10px;
border:1px solid #4C7EE8;
}

.overview span.saveCancel a{
  border:1px solid #e7003d;
  background: #fff;
  color:#e7003d;
}



.my_profile {
  background: #FFFFFF;
  border: 1px solid #CBCFD8;edit_page/3
  border-radius: 9px;
  padding: 34px;
  position: relative;
}
.overview a.edt {
  width: 172px;
  height: 45px;
  background: #4C7EE8;
  border-radius: 4px;
  display: inline-block;
  float: right;
  text-align: center;
  color: #fff;
  text-decoration: none;
  line-height: 45px;
  font-size: 16px;
  font-weight: 500;
  margin-top: -4px;
  margin-left: 10px;
}
.overview a.edt img {
  height: 22px;
  margin-right: 9px;
  display: none;
}

.dashnboard .sidebar ul li a img {
  width: 24px;
  margin-right: 4px;
}
.dashnboard .sidebar ul li a img.img2{
  display: none;
}
.dashnboard .sidebar ul li.active a {
  color: #4C7EE8;
}
.dashnboard .sidebar ul li.active a img {
  display: none;
}

.dashnboard .sidebar ul li.active a img.img2 {
  display: inline-block;
}
.dashnboard .sidebar ul {
  padding: 0;
  margin-top: 15px;
}

.dashnboard .sidebar ul li{
  margin-bottom: 8px;
  color: #4C7EE8;
  list-style: none;
}



.dashnboard .sidebar .logo img {
  height: 24px;
}

.desh  h3 {
  font-weight: 600;
  font-size: 22px;
  line-height: 31px;
  color: #0C0C0C;
  margin-top: 25px;
  margin-bottom: 25px;
}
.desh .set1 .st p{
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  color: #0C0C0C;
}
.desh .set1 .st h5 {
  font-weight: 500;
  font-size: 22px;
  color: #4C7EE8;
  margin-bottom: 5px;
}
.desh .set1 .st{
  width: 100%;
  border: 1px solid #ECECEC;
  box-shadow: 0px 7px 12px rgba(75, 103, 129, 0.1);
  border-radius: 8px;
  padding: 15px 20px;
  background: #fff;
}
.desh .set1 .col-sm-2 {
    width: 25%;
    margin-bottom: 18px;
}

.my_profile a.edt {
  width: 160px;
  height: 45px;
  background: #4C7EE8;
  border-radius: 4px;
  display: inline-block;
  float: right;
  text-align: center;
  color: #fff;
  text-decoration: none;
  line-height: 45px;
  font-size: 16px;
  font-weight: 500;
  margin-top: -4px;
  margin-left: 10px;
}







.desh .set1 h6 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 14px;
  text-transform: uppercase;
  color: #0C0C0C;
  margin-top: 16px;
}


.desh .set1 .col-sm-4 {
  margin-bottom: 18px;
}

.desh .set1 + .set1 {
  border-top: 1px solid #B5B5B5;
  padding-top: 15px;
  margin-top: 45px;
}

.desh .set1 h5 {
    font-weight: 500;
    font-size: 16px;
    color: #0C0C0C;
}
.desh .set1 h5 img {
  width: 22px;
  margin-right: 3px;
  margin-top: -3px;
}

.desh .set1 .carsold {
  border: 1px solid #ECECEC;
  box-shadow: 0px 7px 12px rgba(75, 103, 129, 0.1);
  border-radius: 8px;
  display: block;
  padding: 14px 30px;
  text-decoration: none;
  max-width: 443px;
  background: #fff;
}
.desh .set1  .carsold img {
  width: 30px;
  margin-right: 10px;
  margin-top: -6px;
}

.desh .set1.graf {
  background: #FFFFFF;
  border: 1px solid #E8EAEF;
  box-shadow: -5px -5px 10px rgba(198, 198, 198, 0.15);
  border-radius: 15px;
  padding-top: 1px;
}

.desh .set1.graf h3 {
  border-bottom: 1px solid #E8EAEF;
  padding: 0 30px 20px;
}
.desh h3 .dropdown {
    width: 204px;
    height: 45px;
    border: 1px solid #989898;
    border-radius: 4px;
    font-size: 16px;
    background: transparent;
    appearance: button;
    margin-top: -7px;
    float: right;
}
  
.desh h3 .dropdown button {
    width: 100%;
    border: navajowhite;
    background: transparent;
    text-align: left;
    padding: 0 15px;
    height: 100%;
    color: #0C0C0C;
    font-size: 15px;
    font-weight: 500
}
.desh h3 .dropdown button img {
  height: 15px;
  float: right;
  margin-top: 3px;
}


.desh h3 .dropdown-menu li a {
    font-size: 15px;
    padding: 4px 15px;
}
.desh h3 .dropdown-menu li {
    margin-left: 0 !important;
    width: 100%;
}
.desh h3 ul li .dropdown {
  float: inherit;
  margin-left:0;
}  
.desh h3 ul li select {
    width: 204px;
    height: 45px;
    border: 1px solid #989898;
    border-radius: 4px;
    display: inline-flex;
    appearance: auto;
    color: #0C0C0C;
    font-weight: 500;
    font-size: 15px;
}
.overview td .dropdown img {
  height: 18px;
}

.overview table {
  min-width: 800px;
}
.overview td .dropdown button {
  padding: 5px 15px;
  outline: none;
  box-shadow: none;
  background: transparent;
  border: none;
}
.overview td .dropdown button:active {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none !important;
}
.overview td .btn.dropdown {
    padding: 0;
}
.overview td .dropdown button::after {
  display: none;
}
.overview h3{
  position: relative;
  margin-bottom: 35px;
}

.overview h3 form {
  width: 204px;
  height: 45px;
  border: 1px solid #989898;
  border-radius: 4px;
  background: transparent;
  position: relative;
}

.overview h3 ul li form input {
  border: none !important;
  height: 100%;
  box-shadow: none;
  background: transparent;
}
.overview h3 ul li form input::placeholder{
  color: #ACACAC
}
.dropdown.imgus ul.dropdown-menu li a:hover {
  background: #30485d;
  color: #fff;
}
.dropdown.imgus ul.dropdown-menu li+li {
  border-top: 1px solid #ccc;
}
.dropdown.imgus ul.dropdown-menu li a {
  padding: 8px 15px;
  font-size: 15px;
}
.dropdown.imgus ul.dropdown-menu {
  padding: 0;
  overflow: hidden;
}
.imgus.dropdown {
  
  position: absolute;
  right: 40px;
  top: -47px;
}
.imgus.dropdown button {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  border: none;
}

.overview h3 form .btn {
  border: none;
  color: #000;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.overview h3 form .btn img {
    height: 20px;
}
.overview .table-responsive {
  background: #FFFFFF;
  border: 1px solid #CBCFD8;
  border-radius: 9px;
  width: 100%;
}

.overview .table-responsive .table {
  margin: 0;
}


.overview .table-responsive .table tr th {
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px 20px;
  color: #2F374B;
}
.overview .table-responsive .table tr td {
  font-weight: 400;
  padding: 15px 20px;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  border-top: 1px solid #E8EAEF;
  border-bottom: none;
}




.overview .table-responsive .table tbody{
  border: none;
}


.overview .page-item {
    margin: 0 6px;
}
.overview .page-item a {
  text-align: center;
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 2px !important;
  line-height: 30px;
  padding: 0;
}
.pagination ul.pagination li:first-child a, .pagination ul.pagination li:last-child a {
  opacity: .5;
}
.pagination ul.pagination li:first-child a:hover, .pagination ul.pagination li:last-child a:hover {
  opacity: 1;
}
.overview nav {
  margin-top: 25px;
  display:flow-root;
}
.pagination .page-item a.page-link.active {
  border: 1px solid #4C7EE8;
  color: #4C7EE8;
}
.pagination .page-item a.page-link:hover{
  background: transparent;
   border: 1px solid #4C7EE8;
  color: #4C7EE8;
}






.overview .set_list h3 {
  font-weight: 700;
  font-size: 24px;
  color: #2B2B2B;
  margin-top: 0;
  margin-bottom: 25px;
  position: relative;
}
.overview .set_list .edt {
    font-weight: 500;
    font-size: 16px;
    color: #0C0C0C;
    float: right;
    text-decoration: none;
}

.overview .set_list .edt img {
    width: 16px;
    margin-right: 5px;
    position: relative;
    margin-top: -4px;
}

.set_list {
  background: #FFFFFF;
  border: 1px solid #CBCFD8;
  border-radius: 9px;
  padding: 25px;
  margin-bottom: 50px
}
.set_list2 .MuiPaper-root{
  box-shadow: none;
  border: 1px solid #e0e0e0;
  border-radius: 0 0 9px 9px !important;
}
.overview.block_words h3 ul li .dropdown {
  top: -1px;
  position: relative;
}
.block_words .MuiPaper-root, .overview .MuiPaper-root{
  box-shadow: none;
  border: 1px solid #e0e0e0;
  border-radius:9px 9px;
}
.set_list2 h3 {
  background: #FFF;
  border: 1px solid #e0e0e0;
  height: 85px;
  padding: 22px;
  margin-bottom: 00;
  border-bottom: navajowhite;
  border-radius: 9px 9px 0 0;
}
.overview .set_list2 .table-responsive {
  border-radius: 0 0 9px 9px;
}
.set_list2{
 margin-bottom: 80px
}



.account_details .set_list h6 {
    font-weight: 500;
    font-size: 15px;
    color: #0C0C0C;
}

.account_details .set_list p {
  font-weight: 500;
  font-size: 17px;
  color: #0C0C0C;
  margin-bottom: 0;
}

.account_details .set_list{
  padding: 25px 25px 10px;
}

.account_details .set_list p .freeze {
  color: #E94335;
  border: 1px solid #E94335;
  border-radius: 8px;
  width: 101px;
  height: 26px;
  display: inline-block;
  text-align: center;
  line-height: 23px;
  font-size: 15px;
  font-weight: 500;
  margin-left: 5px;
}
.desh h3 ul li .dropdown {
  margin: 0;
}
.desh h3 ul {
  padding: 0;
  list-style: none;
  float: right;
  margin-bottom: 0;
  margin-top: -4px;
}
.desh h3 ul li {
  display: inline-block;
  margin-left: 14px;
  float: right;
}


.account_details h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 31px;
  color: #0C0C0C;
  margin-top: 30px;
}

.desh h3 ul li i {
  font-size: 30px;
}

.account_details .nav-tabs {
  width: 342px;
  height: 48px;
  background: #FFFFFF;
  box-shadow: 0px 0px 25px rgba(23, 36, 44, 0.17);
  border-radius: 8px;
  border: none;
  padding: 7px;
  margin-bottom: 60px;
  margin-top:25px
}


.account_details .nav-tabs li {
  width: 50%;
}

.account_details .nav-tabs li button {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #606060;
  width: 100%;
  border:none;
  line-height: 34px;
padding: 0;
background: transparent;
}

.account_details .nav-tabs li button.active {
  height: 34px;
  background: #334660;
  border-radius: 8px;
  color: #fff;
}




.account_details .indiv{
  margin-top: 20px;
  width: 100%;
  float: left;
}
.account_details .indiv .st {
  min-width: 140px;
  height: 62px;
  background: #FFFFFF;
  box-shadow: 0px 7px 12px rgba(75, 103, 129, 0.1);
  border-radius: 8px;
  float: left;
  margin-right: 18px;
  padding: 10px 15px;
}

.account_details .indiv .st h5 {
  font-weight: 500;
  font-size: 15px;
  color: #4C7EE8;
  margin-bottom: 2px;
}
.account_details .indiv .st p {
  font-weight: 400;
  font-size: 16px;
  color: #0C0C0C;
  margin-bottom: 0;
}







.overview .view{
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #4C7EE8;
  text-decoration: none;
}
.overview .view img {
  height: 14px;
  position: relative;
  top: 0;
  margin-right: 3px;
}

.overview .Documents {
    background: #FFFFFF;
    border: 1px solid #CBCFD8;
    border-radius: 9px;
    padding: 32px 45px;
}
.overview .Documents h6 {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin-bottom: 22px;
}
.overview .Documents p {
  height: 50px;
  border: 1px solid #4C7EE8;
  border-radius: 8px;
  margin-bottom: 0;
  line-height: 50px;
  padding: 0 15px;
  max-width: 358px;
}
.overview .Documents p a {
    float: right;
    text-decoration: navajowhite;
    color: #4C7EE8;
    margin-right: -15px;
    padding: 0 15px;
}
.overview .Documents p a img{
  height: 14px
}


.overview a.btn {
    width: 209px;
    height: 45px;
    border: 1px solid #4C7EE8;
    border-radius: 4px;
    color: #4C7EE8;
    margin-left: 15px;
    font-weight: 500;
    line-height: 28px;
}
.overview h2.mb-5 a img {
    height: 24px;
    margin-right: 4px;
}

.overview .btn.approve {
  color: #fff;
  background: #4C7EE8;
}

/*.account_details .set_list.set_list2k p {
    font-size: 15px;
}

.account_details .set_list.set_list2k h6 {
    font-size: 17px;
}
*/

.warning .modal-dialog{
max-width: 560px;
}

/*.warning{
max-width: 560px;
}*/
.warning .modal-dialog {
    max-width: 560px;
}
.warning .modal-content {
    padding: 20px;
    border-radius: 16px;
    border:none;
}
.warning .modal-header, .warning .modal-footer{
  border: none;
}
.warning textarea.form-control {
    height: 87px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 15px;
    color: #0C0C0C;
    padding-top: 12px;
}
.warning select.form-control, .warning input.form-control {
    height: 45px;
    border: 1px solid #989898;
    border-radius: 4px;
    margin-top: 4px;
    appearance: auto;
}
.warning label {
    font-weight: 400;
    font-size: 16px;
    color: #0C0C0C;
}
.warning .modal-title {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    margin-bottom: 0;
}


    .warning button.btn.btn-secondary{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #4C7EE8;
    width: 140px;
    height: 48px;
    border: 1px solid #4C7EE8;
    border-radius: 4px;
    background: transparent;
}
.warning button.btn.btn-primary{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    width: 187px;
    height: 48px;
    border: 1px solid #4C7EE8;
    border-radius: 4px;
    background: #4C7EE8;
    margin-left: 15px;
}
.warning  button.btnclose img {
    height: 18px;
}
.warning  button.btnclose {
    border: navajowhite;
    background: transparent;
    position: absolute;
    right: 14px;
    top: 15px;
}
.warning textarea.form-control::placeholder {
    color: #0C0C0C;
    font-weight: 400
}



.overview .table-responsive .table tr td ul.dropdown-menu {
    border: 1px solid #4C7EE8;
    color: #fff;
    padding: 0;
}

.overview .table-responsive .table tr td ul.dropdown-menu a:hover {
    color: #fff;
    background: #4C7EE8;
}
.overview .table-responsive .table tr td ul.dropdown-menu a {
    color: #626262;
    font-size: 14px;.my_profile span.saveCancel {
      float: right;
  }
    padding: 8px 12px;
}
.overview .table-responsive .table tr td ul.dropdown-menu li+li {
    border-top: 1px solid #f1f1f1;
}




.store_singledetail .sales ins span {
    background: #ccc;
    font-size: 13px;
    padding: 1px 12px;.my_profile span.saveCancel {
      float: right;
  }
    border-radius: 3px;
    float: right;
}
.warning ul.carousel-indicators li img {
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: 4px;
    display: block;
}
.warning ul.carousel-indicators li {
    width: 98px;
    height: 68px;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 3px;
    opacity: 1;
    float: left;
    margin-left: 0;
    list-style: none;
}
.warning ul.carousel-indicators li.active{
  border: 2px solid #4C7EE8;
}
.warning ul.carousel-indicators {
    position: relative;
    right: inherit;
    width: 100%;
    margin: 12px 0 0;
    padding: 0;
    display: block;
}

.warning.warningKyc .modal-content {
    padding: 10px 10px 0;
}

.warning.warningKyc .carousel-item {
    border-radius: 16px;
    overflow: hidden;
}

.warning.warningKyc .carousel-inner {
    overflow: hidden;
    border-radius: 16px;
}









.singlepage_right ul li.checkcontainer {
    position: relative;
    cursor: pointer;
    float: left;
    display: inline-block;
    width: auto;
    margin-right: 28px;
        padding-left: 28px;
        margin-bottom: 0
}
.singlepage_right ul li.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.singlepage_right ul li.checkcontainer .radiobtn {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #989898;
    border-radius: 50%;
}

.singlepage_right ul li.checkcontainer input:checked ~ .radiobtn {
    border: 1px solid #4C7EE8;
}

.singlepage_right ul li.checkcontainer input:checked ~ .radiobtn:after {
    display: block;

}



.singlepage_right ul li.checkcontainer input:checked ~ .radiobtn::after {
    background: #4C7EE8;
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 0;
    text-align: right;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius:50%;
    margin: auto;
}






/******************* banner_images *************************/

.banner_images table tr td a {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #4C7EE8 !important;
    text-decoration: none;
    margin-right: 30px;
}

.banner_images table tr td a.Remove {
  color: #E94335 !important;
  
}
.banner_images table tr td a img {
  height: 18px;
  margin-right: 6px;
  margin-top: -5px;
}



.banner_images table tr td:last-child, .banner_images table tr th:last-child {
    width: 450px;
}



.banner_images table tr td .img {
  width: 26px;
  height: 26px;
  border-radius: 3px;
  overflow: hidden;
  display: table-cell;
}
.banner_images table tr td .img img{
  width: 100%;
  height: 100%;
}

.banner_images .set_list2 h3 {
  font-size: 20px;
}
.banner_images .set_list2 h3.uph3 {
    height: 76px;
    margin-bottom: 0;
}
.desh h3 ul li .form-control img {
  height: 15px;
  position: absolute;
  right: 9px;
  bottom: 0;
  top: 0;
  margin: auto;
}
.desh h3 ul li span.form-control {
  padding: 0 8px;
  position: relative;
  line-height: 43px;
}
  

/*************edit_page***********/
.edit_page .set {
  min-height: 172px;
  padding: 18px;
  background: #FFFFFF;
  border: 1px solid #CBCFD8;
  border-radius: 9px;
}
.edit_page .set h4 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 16px;
  color: #0C0C0C;
}

.edit_page .set p {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 24px;
  color: #0C0C0C;
}

.edit_page .set a {
  font-weight: 400;
  font-size: 15px;
  color: #4C7EE8;
  text-decoration: none;
}

.edit_page .set a img {
  height: 18px;
  margin-top: -3px;
  margin-right: 3px;
}


.bk {
  font-weight: 400;
  font-size: 16px;
  color: #0C0C0C;
  position: absolute;
  left: 260px;
  top: -46px;
}

.bk img {
  height: 14px;
  margin-top: -2px;
  margin-right: 2px;
}






.dard {
  border: 1px dashed #989898;
  border-radius: 4px;
  height: 86px;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 15px;
}


.imgst {
  width: 176px;
  height: 36px;
  background: #F4F4F4;
  border-radius: 6px;
  padding-left: 50px;
  position: relative;
  line-height: 36px;
}
.imgst .img {
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    left: 8px;
    top: 5px;
    overflow: hidden;
    display: inline-flex;
}
.imgst .trsh img{
  height: 13px
}
.imgst .trsh {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dard p {
  font-size: 14px;
}

.warning.Changeim label {
    margin-bottom: 6px;

}



.Edit_Section .Information ul {
    padding: 0;
    list-style: none;
}

.Edit_Section .Information ul li {
    width: 85px;
    display: inline-block;
    margin-right: 10px;
}

.Edit_Section .Information .st {
    border: 1px solid #B5B5B5;
    height: 84px;
    width: 84px;
    text-align: center;
    border-radius: 5px;
    line-height: 84px;
    position: relative;
    font-size: 15px;
    overflow: hidden;
}

.Edit_Section .Information .st svg {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    color: #4c7ee8;
}

.Edit_Section .Information .st input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}



.Edit_Section .Information h6 {
    text-align: right;
    font-size: 11px;
    margin-top: 10px;
    color: #0C0C0C;
    margin-bottom: 0;
}
.Edit_Section .Information {
  background: #FBFBFB;
  border: 1px solid #B5B5B5;
  border-radius: 11px;
  padding: 18px;
  margin-bottom: 18px;
}

.Edit_Section h5 {
  font-weight: 700;
  font-size: 16px;
  color: #0C0C0C;
  margin-top: 28px;
}
.Edit_Section .form-group textarea::placeholder {
    font-weight: 400;
    font-size: 16px;
    color: #0C0C0C;
}
.Edit_Section .form-group textarea {
    padding: 8px 15px;
    width: 100%;
    height: 192px;
    border: 1px solid #989898;
    border-radius: 4px;
    margin-bottom: 15px;
}
.warning.Edit_Section .modal-dialog {
  max-width: 932px;
 padding: 0 8px;
}
.warning.warningKyc .modal-dialog {
    max-width: 682px;
     padding: 0 8px;
}
.warningKyc {
  min-width: 100% !important;
}
.warning.Edit_Section {
  max-width: 100%;
}
.Edit_Section .Information .st img {
  display: -webkit-box;
}

.warning.Edit_Section .modal-content {
  padding: 15px;
}

.warning.Edit_Section .modal-title {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    margin-top: 0;

}
.warning.Edit_Sectio label {
  margin-bottom: 4px;
}
.Edit_Section .Information h6 b {
  margin-right: 50px;
}






.pricing .set {
  border: 1px solid #000000;
  border-radius: 8px;
  padding: 0 16px 16px;
  overflow: hidden;
  max-width: 277px;
}

.pricing .set h4 {
  font-weight: 700;
  font-size: 22px;
  color: #0C0C0C;
}

.pricing .set  .hd {
  border-bottom: 1px solid #000;
  margin: 0 -16px;
  padding:24px 12px 12px;
  margin-bottom: 20px;
}

.pricing .set ul li {
  list-style: none;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin-bottom: 10px;
  padding-left: 23px;
  position: relative;
}
.pricing .set ul li::after {
  background: #B5B5B5;
  height: 8px;
  width: 8px;
  content: "";
  left: 5px;
  top: 0;
  position: absolute;
  border-radius: 50%;
  margin: auto;
  bottom: 0;
}
.pricing .set ul {
  padding: 0;
  margin-bottom: 30px;
  margin-top: 15px;
}
.pricing .set  .edit_plan {
  width: 100%;
  height: 45px;
  background: #4C7EE8;
  border-radius: 4px;
  display: inherit;
  text-align: center;
  color: #fff;
  text-decoration: none;
  line-height: 45px;
  font-weight: 500;
  font-size: 17px;
  border:none;
}
.pricing h3 .nav-tabs li {
  height: 100%;
  margin: 0;
  width: 50%;
  float: left;
}
.pricing h3 .nav-tabs li button {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #4C7EE8;
    border: none;
    height: 100%;
    width: 100%;
border-radius: 0;
padding: 0;
background: transparent;
}
.pricing h3 .nav-tabs {
  float: inherit;
  display: inline-block;
  width: 301px;
  height: 45px;
  border: 1px solid #4C7EE8;
  border-radius: 4px;
  position: absolute;
margin-left: 14px;
}

.pricing h3 .nav-tabs li button.active {
    background: #4c7ee8;
    color: #fff;
}
.pricing h3 {
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 45px;
}


.pricing h3 .freeze_btn {
    width: 172px;
    height: 45px;
    background: #4C7EE8;
    border-radius: 4px;
    display: inline-block;
    float: right;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    margin-top: -4px;
    margin-left: 10px;
}
 
.pricing .set .hd.pr h4, .pricing .set .hd.pr h5 {
  color: #fff;
}


.text-center.stscrl {
    position: sticky;
    bottom: 0;
    background: white;
    padding: 15px 0;
}

/**************** send_noti ***************/
.send_noti .react-input-emoji--wrapper .react-input-emoji--placeholder {
  height: 44px;
}
 .send_noti textarea {
  width: 100%;
  height: 465px;
  border: 1px solid #B5B5B5;
  border-radius: 8px;
  padding: 20px;
  display: none;
} 
.send_noti .react-input-emoji--input {
  width: 100%;
  border-radius: 8px;
  padding: 20px;
  min-height: 400px;
  line-height: 24px;
}
.send_noti .intype span img {
    height: 21px;
    margin-top: -4px;
}

.send_noti .intype {
  padding-right: 0;
  height: 50px;
  position: relative;
  margin-top: 30px;
  border-radius: 8px;
  margin-bottom: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.send_noti .intype .form-control {
  height: 50px;
  border-radius: 10px;
  border: none;
  font-size: 15px;
  padding-left: 55px;
  background: #F8F8FA;
  border-radius: 8px;
  padding-right: 60px;
}
.send_noti .intype .form-control::placeholder{
color: #ACACAC;
}
.send_noti .setin .react-input-emoji--container {
  margin: 0 !important;
}
.send_noti .setin label {
  position: absolute;
  bottom: 43px;
}
.send_noti .setin button.react-input-emoji--button {
  position: absolute;
  bottom: 20px;
  right: 6px;
  z-index: 9999;
}
.send_noti .intype button {
  border: navajowhite;
  bottom: 0;
  width: 164px;
  height: 50px;
  top: 0;
  background: #4C7EE8;
  border-radius: 4px;
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.send_noti .intype span input {
  position: absolute;
  left: 0;
  padding: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}
.send_noti{
  position: relative;
}
.send_noti .setin label {
  position: absolute;
  bottom: 130px;
  z-index: 999;
  left: 50px;
}
.send_noti .intype span {
    width: 58px;
    position: absolute;
    top: 0;
    left: 00;
    height: 50px;
    color: #606576;
    font-size: 22px;
    text-align: center;
    overflow: hidden;
    padding: 18px 0;
}
.send_noti .intype span.smile {
  width: 40px;
  position: absolute;
  bottom: 0;
  left: inherit;
  height: 50px;
  color: #606576;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  overflow: hidden;
  right: 196px;
}
 .send_noti .intype span.smile img{
  height: 18px;
}
.send_noti .intype button img {
  height: 20px;
  margin-left: 10px;
}
.send_noti .react-emoji-picker--container {
  top: inherit;
  bottom: 60px;
}

.send_noti {
    padding-left: 325px;

}
.send_noti .sideb {
  position: absolute;
  width: 305px;
  background: #FFFFFF;
  border: 1px solid #CBCFD8;
  border-radius: 9px;
  left: 0;
  padding:  0 12px;
}


.send_noti .setin {
  background: #FFFFFF;
  border: 1px solid #CBCFD8;
  border-radius: 9px;
  padding:0 34px 34px;
  position:relative
}
.send_noti h3 {
  border-bottom: 1px solid #ECECEC;
  margin: 30px -34px 25px;
  padding: 0 34px 25px;
}

.send_noti textarea:placeholder{
  font-weight: 500;
  color: #ACACAC;
font-size: 16px;
}
.send_noti .sideb form {
  height: 40px;
  border: 1px solid #B5B5B5;
  border-radius: 4px;
  margin: 12px 15px 20px;
  overflow: hidden;
  position: relative;
  padding-right: 45px;
}
.send_noti .sideb form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  background: transparent;
  border: none;
  color: #b5b5b5;
}
.send_noti .sideb form input:placeholder{
font-weight: 400;
font-size: 15px;
color: #ACACAC;

}
.send_noti .sideb form button img {
  height: 20px;
}
.send_noti .sideb form input {
  width: 100%;
  height: 100%;
  border: navajowhite;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #ACACAC;
  padding: 0 15px;
}
.send_noti .set ul li {
  list-style: none;
  font-weight: 400;
  font-size: 15px;
  color: #606060;
  margin: 18px 0;
  padding: 0 15px 0 45px;
  position: relative;
}


.send_noti .set ul li .checkcontainer {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 2px;
    margin: auto;
}
.send_noti .set ul li .checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.send_noti .set ul li .checkcontainer .radiobtn {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #989898;
}
.send_noti .set ul li .checkcontainer input:checked ~ .radiobtn::after {
    background-color: #4C7EE8;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    margin: auto;
    background-image: url(../images/chk.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
}


.send_noti .set p span .checkcontainer {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0px;
    margin: 0;
    padding-left: 0;
}
.send_noti .set p span .checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}
.send_noti .set p span .checkcontainer .radiobtn {
    height: 14px;
    width: 14px;
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #989898;
    padding: 0;
}
.send_noti .set p span .checkcontainer input:checked ~ .radiobtn::after {
    background-color: #4C7EE8;
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    margin: auto;
    background-image: url(../images/chk.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}












.send_noti .set ul {
  padding: 0;
}



.send_noti .set p {
  border-bottom: 1px solid #ECECEC;
  padding: 10px 15px 15px;
}

.send_noti .set {
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 8px;
  margin: 15px 0;
}
.send_noti .set h6 {
  border-bottom: 1px solid #ECECEC;
  padding: 15px 15px 15px;
  font-weight: 500;
  font-size: 16px;
  color: #343434;
}
.send_noti .set p span input {
  width: 14px;
  height: 14px;
}
.send_noti .set h5 {
  font-weight: 500;
  font-size: 18px;
  color: #0C0C0C;
  padding: 15px;
  margin-bottom: 0;
}
.send_noti .set .switch-button {
  width: 246px;
  margin: 0 15px;
  height: 35px;
}
.switch-button.active-case .left {
  border: 1px solid transparent !important;
  color: #606060 !important;
}
.send_noti .set .switch-button .left, .send_noti .set .switch-button.active-case .right {
  color: #334660;
  border: 1px solid #334660;
  border-radius: 4px;
  background: transparent;
}
.send_noti .set ul li input {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
.send_noti .set p span {
    margin-right: 11px;
    font-weight: 400;
    font-size: 14px;
    color: #343434;
    padding-left: 20px;
    position: relative;
}



.Notifications h2 {
  font-weight: 700;
  font-size: 28px;
  color: #0C0C0C;
  margin-top: 45px;
  margin-bottom: 20px;
}




.editplan .form-group {
    margin-bottom: 12px;
}

.editplan h6 {
    margin-top: 16px;
    font-weight: 500;
    font-size: 18px;
    color: #0C0C0C;
}
.editplan span.upFeature input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.editplan span.upFeature {
    width: 100%;
    height: 45px;
    border: 1px solid #4C7EE8;
    border-radius: 4px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    color: #4C7EE8;
}
.warning.editplan {
    max-width: 773px;
}
.warning.editplan input.form-control {
    height: 43px;
    border: 1px solid #989898;
    border-radius: 4px;
}





/** new-css-03-02-2023 **/

.recently_viewed .Vehicles {
    background: rgba(76, 126, 232, 0.1);
    padding:30px 16px 20px;
}

.recently_viewed .Vehicles h4 {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    font-weight: 500;
}

.recently_viewed .Vehicles h6{
   font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.recently_viewed .Vehicles .img {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.recently_viewed .Vehicles .setes {
    padding: 0 20px;
}

.recently_viewed .Vehicles .img  span.close {
    color: #606060;
    position: absolute;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 2px;
    top: 8px;
    text-align: center;
    padding: 3px;
}

.recently_viewed .Vehicles .Compare {
    background: #4C7EE8;
    width: 200px;
    height: 42px;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 42px;
    border-radius: 4px;
     border:1px solid #4C7EE8;
}
.recently_viewed .Vehicles a.close {
    background: #fff;
    width: 45px;
    height: 42px;
    display: inline-block;
    text-align: center;
    color: #4C7EE8;
    text-decoration: none;
    line-height: 42px;
    border-radius: 4px;
    border:1px solid #4C7EE8;
        padding: 8px;
    font-size: 24px;

}




.main_ehicles{
  padding: 0 50px
}
.saved_car h2 span {
    float: right;
    font-size: 18px;
    color: #343434;
}
.saved_car h2 {
    font-size: 20px;
    margin-bottom: 0;
}
.saved_car h2 span img {
    height: 20px;
}


/*********** key_facts*******************/
.key_facts .img{
  position: relative;
}
.key_facts .img span.close {
    color: #606060;
    position: absolute;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 2px;
    top: 8px;
    text-align: center;
    padding: 3px;
}

.key_facts .set {
    background: #F3F3F3;
    padding: 20px 20px 10px;
    border-radius: 8px;
}

.key_facts .set h4 {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    font-weight: 600;
}

.key_facts.facts_addmore .Viewdet .nav-tabs {
    top: 20px;
}
.key_facts .nav-tabs {
    border: none;
    display: inline-block;
    height: 48px;
    background: #FFFFFF;
    box-shadow: 0px 0px 25px rgb(23 36 44 / 17%);
    border-radius: 8px;
    padding: 7px 10px;
}

.key_facts.facts_addmore .nav-tabs {
    margin-top: -84px;
}
.key_facts .nav-tabs li {
    float: left;
}
.key_facts .nav-tabs li .nav-link.active {
    background: #334660;
    color: #fff;
}
.key_facts .nav-tabs li .nav-link {
    width: 116px;
    height: 34px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 8px;
    color: #606060;
    border: none;
    line-height: 34px;
    padding: 0;
    text-align: center;
}
.key_facts h6 {
    border-bottom: 2px solid #BABABA;
    padding-bottom: 14px;
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}
.key_facts h6 a img {
    height: 14px;
    margin-top: -2px;
}
.key_facts h6 a {
    float: left;
    font-size: 15px;
    text-decoration: none;
    color: #000000;
    margin-top: 4px;
}

.key_facts table.table th {
    background: #F3F3F3;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 15px;
    vertical-align: middle;
}
.key_facts table.table td{
  font-size: 14px;
  padding:12px 15px; 
}
.key_facts table.table .price td {
    background: #F8EFC3;
}
.key_facts table.table {
    border: 1px solid #B5B5B5;
    margin-top: 18px;
}
.key_facts table th svg {
    color: #FCBC00;
    font-size: 12px;
    margin-left: 3px;
}
.key_facts table.table th a {
    font-size: 14px;
    text-decoration: none;
}
.key_facts table.table th:last-child, .key_facts table.table td:last-child {
    text-align: right;
}

.key_facts .Viewdet {
    margin-bottom: -76px;
}
.key_facts .Viewdet .nav-tabs {
    top: -4px;
}

.key_facts .Contactbtn {
    background: #4C7EE8;
    width: 210px;
    height: 45px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 45px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3px;
}


.key_facts .Removebtn {
    background: #fff;
    width: 210px;
    height: 45px;
    display: inline-block;
    text-align: center;
    color: #4C7EE8;
    line-height: 45px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3px;
}
.key_facts .form-check.form-switch {
    display: inline-block;
}

.key_facts .Viewdet label {
    color: #343434;
    font-size: 17px;
    font-weight: 500;
    padding-left: 20px;
    margin-top: 32px;
}
.key_facts .form-check.form-switch input {
    width: 37px;
    height: 20px;
    position: relative;
    top: 6px;
    margin-left: -16px;
}

.key_facts .form-check.form-switch .form-check-input:checked {
    background-color: #334660;
    border-color: #334660;
}

.key_facts .dview_alcars h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
}


.key_facts .dview_alcars p {
    color: #0C0C0C;
    font-size: 14px;
}
.key_facts .dview_alcars .Open_list {
    border: 1px solid #4C7EE8;
    width: 210px;
    height: 45px;
    display: inline-block;
    text-align: center;
    color: #4C7EE8;
    line-height: 45px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3px;
}




/*allimage*/
.allimage p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #000;
    line-height: 24px;
}
.allimage .img {
    border-radius: 16px;
    overflow: hidden;
}

.Viewdet {
    width: 50%;
    float: right;
    margin-bottom: -97px;
    z-index: 999;
    position: relative;
}


.Viewdet .nav-tabs {
    position: relative;
    top: 20px;
}
.maindivimage {
    margin-top: 80px;
}
.allimage{
  margin-top: 50px
}
.allimage h4 {
    font-size: 18px;
    font-weight: 600;
  }

.allimage .owl-carousel {
    padding: 0 50px;
}

.mapdib {
    padding: 40px;
    background-size: 100%;
    min-height: 444px;
}
.mapdib .st img{
  border-radius: 10px;
}
.mapdib .st {
    width: 225px;
    background: #fff;
    padding: 7px;
    border-radius: 11px;
    margin:20px auto 0;
}


.mapdib .st p {
    color: #606060;
    font-size: 14px;
}
.mapdib .st h4 {
    font-size: 16px;
    color: #606060;
    font-weight: 600;
    padding-top: 6px;
  }




.sell_your .other_div .ssp.form-control {
    padding: 6px;
    min-height: 48px;
}
.sell_your .other_div .ssp.form-control span {
    background: #4C7EE8;
    color: #fff;
    line-height: 34px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 3px;
    margin-right: 5px;
}
.sell_your .other_div .ssp.form-control input {
    border: none;
}

.recently_viewed.saved_car h4 span.dlt img {
    width: 14px;
}
.recently_viewed.saved_car h4 span.dlt {
    float: right;
    margin-top: -10px;
}
.saved_car .srcbtn {
    background: #4C7EE8;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    width: 200px;
    height: 45px;
}

.saved_car .reset {
    color: #4C7EE8;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}
.singlepage_right h6 span input {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    position: relative;
    top: 4px;
    margin-right: 3px;
}
.singlepage_right h6.ssp span {
    margin-right: 10px;
}
.singlepage_right h6.ssp {
    font-weight: 600;
    font-size: 15px;
    margin: 18px 0
}

.saved_car h6 img {
    height: 24px;
    position: relative;
    top: 2px;
}


.whendiv {
    margin-top: -68px;
}

.recentlogin a.lgbtn {
    width: 260px;
    margin: auto;
    background: #4C7EE8;
    border-radius: 8px;
    display: block;
    text-align: center;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 600;
}
.recentlogin {
    width: 620px;
    margin: auto;
    box-shadow: 0 0 25px #e2e1e194;
    padding: 62px 0;
    border-radius: 16px;
}

.recentlogin p {
    font-size: 16px;
    width: 276px;
    margin: 20px auto 30px;
}
.recentlogin h6 {
    font-size: 18px;
    width: 276px;
    margin: auto;
}
.vehicles_tb {
    padding: 0 65px;
}






/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
    background-color: #4c7ee8;
    color: #fff;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
    font-size: 23px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    text-align: center;
    padding: 0 12px;
}
/* The popup chat - hidden by default */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    width: 390px;
    box-shadow: 0 0 20px #00000036;
}
.chat-popup h1 span {
    float: right;
    font-size: 21px;
    }
/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}


.chat-popup h1 {
    background: #334660;
    font-size: 16px;
    color: #fff;
    padding: 18px 15px;
    height: 56px;
    font-weight: 600;
}
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
.chat-popup .intype {
    padding-right: 88px;
    position: absolute;
    margin-top: 25px;
    border-top: 1px solid #dfdfdf;
    border-radius: 0;
    width: 100%;
    bottom: -15px;
    left: 2;
}
.chat-popup .intype span {
    width: 55px;
    position: absolute;
    bottom: 0;
    left: 00;
    height: 60px;
    color: #606576;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    overflow: hidden;
    padding: 20px 0;
}
.chat-popup .intype .form-control {
    height: 60px;
    border-radius: 10px;
    border: none;
    font-size: 15px;
    padding-left: 55px;
}
.chat-popup h1 .dropdown {
    position: absolute;
    right: 45px;
    top: 20px;
}

.chat-popup h1 .dropdown .dropdown-menu {
    width: 200px;
    text-align: center;
    font-size: 14px;
    top: 13px !important;
    border: navajowhite;
    box-shadow: 0 0 4px #00000036;
}

.chat-popup h1 .dropdown button {
    border: navajowhite;
    background: transparent;
    color: #fff;
}
.chat-popup h1 .dropdown .dropdown-toggle::after{
  display: none;
}
.chat-popup .intype span.smile {
    width: 40px;
    position: absolute;
    bottom: 0;
    left: initial;
    height: 58px;
    color: #606576;
    font-size: 22px;
    /* text-align: center; */
    line-height: 60px;
    overflow: hidden;
    right: 50px;
}
.chat-popup .intype button img, .chat-popup .intype span.smile img {
    height: 18px;
}
.chat-popup .intype button {
    position: absolute;
    height: 60px;
    border-radius: 10px;
    border: navajowhite;
    right: 0;
    bottom: 0;
    background: transparent;
    width: 45px;
}
.chat-popup .intype span img {
    height: 21px;
}
.chat-popup .intype span input {
    position: absolute;
    left: 0;
    padding: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}
.im_msg .msg h6 {
    text-align: right;
    margin-bottom: 0;
    color: #606060;
    font-size: 12px;
}
.im_msg {
    height: 451px;
    padding: 0 20px;
    padding-bottom: 75px;
    position: relative;
}
.im_msg .msg.msgright {
    background: #4C7EE8;
    width: 90%;
    float: right;
    border: 1px solid #4C7EE8;
    color: #fff;
}
.im_msg .msg.msgright h6{
  color:#f2f2f2
}
.im_msg .msg {
    border: 1px solid #ACACAC;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 16px
}
.im_msg .msg p {
    font-size: 16px;
    margin-bottom: 8px;
}
.im_msg .msg h5 {
    font-size: 16px;
    margin-bottom: 2px;
    font-weight: 600;
}





.overview .indiv .st {
    min-width: 110px;
    height: 62px;
    background: #FFFFFF;
    box-shadow: 0px 7px 12px rgba(75, 103, 129, 0.1);
    border-radius: 8px;
    float: left;
    margin-right: 18px;
    padding: 10px 15px;
}
.overview .indiv .st h5 {
    font-weight: 500;
    font-size: 15px;
    color: #4C7EE8;
    margin-bottom: 2px;
}

.overview .indiv .st p {
    font-weight: 400;
    font-size: 16px;
    color: #0C0C0C;
    margin-bottom: 0;
}
.overview .indiv {
    margin-top: 20px;
    width: 100%;
    float: left;
}

table.table.restb {
    min-width: 865px;
}

table.table.restb1 {
    min-width: 1000px;
}





.mob_key {
    max-width: 600px;
    margin: 0 -12px;
    background: #F1F7FE;
    padding: 16px;
}

.mob_key .set {
    padding: 0;
    width: 130px;
    background: transparent;
}

.mob_key .set h4 {
    font-size: 14px;
    color: #606060;
    font-weight: 600;
}

.main_mob .container {
    max-width: 600px;
}
.mob_key .set p {
    color: #606060;
    font-size: 13px;
}
.main_mob .inmobp {
    max-width: 600px;
    display: block;
    margin: 0 -12px;
}
.key_facts.main_mob .nav-tabs li {
    float: left;
    width: 33.33%;
}
.key_facts.main_mob .nav-tabs li .nav-link {
    width: 100%;
    height: 36px;
}
.key_facts.main_mob .nav-tabs {
    width: 100%;
    border-radius: 0;
        height: 50px;
}
.main_mob .inmobp p svg {
    color: #FCBC00;
    font-size: 15px;
    margin-right: 3px;
}
.main_mob .inmobp p {
    color: #0C0C0C;
    font-size: 16px;
    background: #F1F1F1;
    margin: 0;
    padding: 5px 15px;
    height: 35px;
    margin-bottom:0;
}
.main_mob .inmobp p a {
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}
.main_mob .tab-content {
    margin: 0 12px;
}

.main_mob .inmobp label {
    color: #0C0C0C;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.key_facts.main_mob .form-check.form-switch input {
    top: 0;
}
.key_facts.main_mob  h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
}
.key_facts.main_mob .differences h4 {
    font-size: 20px;
    color: #343434;
}
.key_facts.main_mob .differences {
    margin-top: 45px;
    box-shadow: 0px 0px 25px rgb(23 36 44 / 17%);
    padding: 20px 12px;
    height: 138px;
    border-radius: 0;
    margin-bottom: 35px;
}


.key_facts.main_mob p.price{
    background: #F8EFC3;
}



.main_mob .inmobp.viewimg .st{
  margin-bottom: 15px;
}
  
.main_mob .inmobp.viewimg .st h4 {
    font-size: 16px;
    color: #606060;
    font-weight: 600;
    margin-bottom: 2px;
}
.main_mob .inmobp.viewimg .st p {
    color: #606060;
    font-size: 14px;
    padding: 0;
    background: transparent;
    height: auto;
    margin-bottom: 8px;
}
.main_mob .inmobp.viewimg .st .img {
    border-radius: 10px;
    overflow: hidden;
}
.main_mob .inmobp.viewimg .st h6 {
    text-align: center;
    color: #606060;
    font-size: 14px;
    border: navajowhite;
    padding: 10px 0;
}
.main_mob .inmobp.viewimg {
    margin: 0 0px;
}

.mapmob .st {
    width: 224px;
    height: 225px;
    background: #fff;
    margin: auto;
    padding: 7px 7px 12px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 8px;
    margin: auto !important
}

.mapmob {
    height: 500px;
    position: relative;
    background-size: cover;
    margin-bottom: -15px;
}

.main_mob .inmobp.viewimg .st a img {
    width: 100%;
}
.main_mob .inmobp.viewimg .st a {
    float: right;
    width: 24px;
    position: absolute;
    bottom: 28px;
    right: 7px;
}

.banner_images table {
  min-width: 800px;
}
.pagination {
  float: right;
}

.overview table tr td, .overview table tr th {
  text-align: left;
}

.warning .modal-body .modal-footer {
  padding: 30px 0 0 0;
}

.banner_images .MuiPaper-root {
  border: 0px solid #e0e0e0;

}

.pac-container.pac-logo {
  z-index: 9999 !important;
}

/** Large devices (desktops, less than 1800px) **/
@media (max-width: 1799.98px) { 

}



/** Large devices (desktops, less than 1600px) **/
@media (min-width: 1600px) { 

}
@media screen and (max-width: 1599px) and (min-width: 1400px){  
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;  
}
}

/** Large devices (desktops, less than 1600px) **/

@media (max-width: 1599.98px) { 
  .pricing .set .hd h5 {
    font-size: 16px;
}
.pricing .set h4 {
    font-size: 20px;
}
.pricing .set .edit_plan{
    height: 42px;
    line-height: 42px;
    font-size: 15px;
}
.pricing .set ul li {
    font-size: 15px;
    margin-bottom: 6px;
}
.pricing .set .hd {
    padding: 15px 12px 5px;
    margin-bottom: 15px;
}
  .overview .Documents {
    padding: 30px 30px;
}
  .desh h3 .dropdown, .desh h3 ul li select{
    width: 160px;
    }  
    .main-header .log a {
    margin-left: 20px;
    font-size: 15px;
}
.main-header .navbar .nav-item a {
    font-size: 15px;
    }
  .main-header img {
    height: 30px;
}
.main-header .navbar .nav-item {
    margin: 0 10px;
}
  .overview .table-responsive .table tr td {
    font-size: 15px;
}
.desh .set1 .st p {
    font-size: 14px;
}
.desh .set1 .st h5 {
    font-size: 20px;
}
  .desh .set1 .st {
    padding: 15px 15px;
}
.main-header .navbar-nav {
    margin-left: 45px;
}

  .singlepage_left {
    margin-right: 30px;
}
.singlepage .carousel .carousel-indicators li {
    height: 88px;
}
.singlepage_left button.carousel-control-prev, .singlepage_left button.carousel-control-next {
    height: 88px;
    }
  .modal-dialog.find_vin table {
    margin: 0;
    width: 100%;
}
.modal-dialog.find_vin table td {
    font-size: 14px;
}
.modal-dialog.find_vin {
    max-width: 800px;
}
.modal-dialog.find_vin img {
    height: 350px;
}
.banner {
    padding: 90px 0;
    margin-bottom: 50px;
    background-size: 100%;
}
.banner .setform .form-control {
    margin-bottom: 10px;
    height: 42px;
}
.banner .setform {
    height: auto;
}
.banner .setform {
    padding: 15px 25px;
}
.banner .setform h4 {
    margin-left: -15px;
}
.car_set .carousel-item {
    height: 245px;
}
.car_set .carousel {
    padding-right: 90px;
}
.car_search_results .advance_search_in .carousel-indicators {
    width: 80px;
}
.car_search_results .advance_search_in .carousel-indicators li {
    width: 80px;
    height: 75px;
}
.car_search_results .advance_search_in .car_set p {
    margin-bottom: 0;
}
.car_set .view_car {
    height: 42px;
}
.car_search_results .cont {
    margin-top: 16px;
        padding-top: 6px;
}
.car_set h6 {
    margin-top: 10px;
}
.dview_alcars .carousel-item {
    height: 188px;
}
.car_search_results .advance_search_in .dview_alcars .car_set .carousel {
    padding-right: 100px;
}
.car_search_results .advance_search_in .dview_alcars .carousel-indicators {
    width: 90px;
}
.car_search_results .advance_search_in .dview_alcars .carousel-indicators li {
    width: 90px;
    height:90px;
}  
.car_search_results .advance_search_in .dview_alcars .car_set .carousel-item img{
  height: 100% !important
}
.dview_alcars .car_set h6 {
    margin-bottom: 5px;
}
.overview .indiv .st {
    min-width: 100px;
    height: 62px;
    padding: 10px 12px;
}

.key_facts .Viewdet label {
    font-size: 16px;
    padding-left: 0;
    margin-top: 32px;
}
.key_facts .form-check.form-switch {
    padding-left: 20px;
}


}
  
/** Large devices (desktops, less than 1366px) **/
@media (max-width: 1399.98px) {
  .banner_images table tr td:last-child, .banner_images table tr th:last-child {
    width: 290px;
}
.pricing .set {
    max-width: 100%;
} 
  .desh .set1 .col-sm-2 {
    width: 33.33%;
}
  .recently_viewed .Vehicles .setes {
    padding: 0 0;
}
  .check_my_car_done .set {
    margin-top: -100px;
    max-width: 900px;
}
.sell_your .set .btn {
    width: 100%;
    }
.check_my_car_done .set img {
    max-width: 100%;
}
  .my_profile .working_hrs h6 span {
    width: 215px;
}
.close_amount button, .close_amount .Cancel {
    width: 160px;
  }
.my_profile .working_hrs h6 span select {
    width: 90px;
    margin: 0 3px;
    appearance: auto;
    padding: 4px 10px;
}
  .modal-dialog.find_vin table td {
    font-size: 14px;
}  
.modal-dialog.find_vin table td span {
    width: 170px;
    font-size: 14px;
}
  .main-header a.login {
    font-size: 15px;
}
.main-header .navbar .nav-item a {
    font-size: 15px;
}
.main-header .navbar .nav-item {
    margin: 0 8px;
}
.main-header .log a {
    margin-left: 15px;
    }

.place_an {
  margin-bottom: 50px;
}

.banner h2 {
  font-size: 42px;
  line-height: 50px;
  width: 280px;
}
.recently_viewed h3, .recently_viewed h4{
  font-size: 18px;
}
  .hed {
  font-size: 26px;
  margin-bottom: 20px;
}

.place_an .main_set .set h3 {
  font-size: 28px;
}
.place_an .main_set .set h5 {
  margin-bottom: 20px;
  font-size: 18px;
}
.place_an .main_set .set {
  padding: 55px 55px;
}
.most_searched .viewall {
  margin-bottom: 0;
  margin-top: 0;
}
.recent_articles {
  margin-bottom: 50px;
}

.follow_us {
  margin-bottom: 50px;
  padding: 35px;
}
.main-footer ul.social li {
  margin-right: 12px;
}
.main-footer ul li {
  margin-bottom: 10px;
}
  .modal-dialog.find_vin {
    max-width:800px;
}
.my_account h4 {
    font-size: 20px;
}
.ehy_ako .img, .ehy_ako .img_video {
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
}
.recently_viewed .my_account h3 {
    font-size: 23px;
}
.set_list {
    margin-bottom: 11px;
}
.overview .indiv .st {
    min-width: 90px;
}
.overview .page-item {
    margin: 0 4px;
}
.key_facts .nav-tabs li .nav-link {
    width: 110px;
  }
  .key_facts .set {
    padding: 12px 12px 10px;
    border-radius: 8px;
}
.pricing h3 .freeze_btn {
    width: 140px;
    }
}


/** Large devices (desktops, less than 1200px) **/
@media (max-width: 1199.98px) {
.overview .indiv .st {
    margin-right: 7px;
    min-width: 65px;
    padding: 10px 10px;
}
.desh h3 .dropdown {
    width: 156px;
    }
    .set_list2 h3 {
    height: 120px;
    padding: 18px;
}
.overview .page-item {
    margin: 0 2px;
}
  .account_details .nav-tabs {
    margin-bottom: 30px;
}
  .feature .accordion {
    margin-top: 15px;
  }
  .feature .accordion-body {
    padding: 0 0 16px;
}
.feature .accordion-item .accordion-button {
    padding: 12px 0;
}
  .feature .accordion {
    width: 100%;
}
.feature .set {
    padding-left: 30px;
}
.ad_plan .continue {
    width: 160px;
}
    .main-header .log a {
    margin-left: 12px;
    font-size: 14px;
}
.main-header img {
    height: 24px;
}
.main-header .log a img {
    height: 17px;
}
.main-header .navbar-nav {
    margin-left: 20px;
}
.advance_search_in .sidebar ul {    
  min-width: 285px;
}
  .modal-dialog.find_vin table td {
    font-size: 14px;
    height: 35px;
}
.modal-dialog.find_vin table td span {
    width: 160px;
    font-size: 13px;
    line-height: 24px;
    height: 24px;
}
.modal-dialog.find_vin table td {
    font-size: 13px;
}
  .modal-dialog.find_vin {
    max-width: 700px;
}
.modal-dialog.find_vin img {
    height: 280px;
}
.modal-dialog.find_vin .modal-body {
    padding: 20px 40px 30px;
}
.modal-dialog.find_vin ul li {
    font-size: 16px;
}
.main-header .navbar .nav-item a {
    font-size: 14px;
}
.main-header a.login {
    font-size: 14px;
}
  .browse_brand .set img {
  height: 40px;
}  
.browse_brand .set h6 {
  font-size: 16px;
}
  .browse_brand .set {
  height: 150px;
  width: 180px;
  padding: 36px 0px;
}
.login h4 {
  font-size: 16px;
}
  section.login {
  padding: 50px 0 70px;
}
.login h1 {
  font-size: 24px;
}
.login .form-control {
  height: 44px;
  font-size: 14px;
}
.login .nav-tabs {
  margin-bottom: 20px;
}
.login h5 {
  font-size: 15px;
  margin: 20px 0;
}
.login .ic {
  height: 46px;
  border-radius: 5px;
}
.main-header .navbar .nav-item {
    margin: 0 5px;
}

.main-header a.login {
    margin-left: 4px;
}
.banner .setform h4 {
  margin-bottom: 20px;
}
.banner .setform {
  width: 380px;
  padding: 16px 25px;
}
.banner .setform h4 {
  padding: 8px 15px;
  margin-left: -15px;
}
.banner {
  padding: 60px 0;
  margin-bottom: 40px;
}
.banner h2 {
  font-size: 38px;
  line-height: 44px;
  width: 250px;
}
.place_an .main_set .set {
  padding: 35px 35px;
}
.place_an .main_set .set h5 {
  margin-bottom: 16px;
  font-size: 16px;
}
.place_an .main_set .set h3 {
  font-size: 26px;
}
.place_an .main_set .set h6 {
  font-size: 16px;
  line-height: 18px;
}
.place_an .main_set .set button {
  width: 263px;
  height: 48px;

  margin-top: 10px;
}
.recently_viewed p {
  font-size: 14px;
}
.recently_viewed h3, .recently_viewed h4 {
  font-size: 16px;
}
.recently_viewed .set {
  margin-bottom: 46px;
}
.recently_viewed {
  margin-bottom: 25px;
}
.recent_articles h3 {
  font-size: 16px;
  }
  .recent_articles p {
  line-height: 22px;
}
.hed {
  font-size: 24px;}

.follow_us ul li {
  margin: 0 25px;
  font-size: 16px;
  font-size: 15px;
}
.main-footer h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.main-footer .feedback {
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
  margin-bottom: 15px;
  font-size: 14px;
}
.main-footer ul.social li a {
  font-size: 20px;
}
.main-footer ul li {
  margin-bottom: 8px;
}
.main-footer {
    padding: 35px 0;
}
.main-footer ul.social li {
  margin-right: 10px;
}
.main-footer .set .col-xl-6.mt-3 {
  margin-top: 0 !important;
}
.main-footer .set img {
  margin-bottom: 6px;
}
.most_searched .nav-tabs .nav-item .nav-link {
  width: 100%;
  padding: 0;
}
.most_searched .nav-tabs .nav-item .nav-link img {
  height: 35px;
  width: auto;
  margin: 0 auto 10px;
}
.recently_viewed .Recently_carousel {
  padding: 0 40px;
}
  .recent_articles h6 {
  font-size: 14px;
}

.advance_search_in {
    padding-left: 310px;
}
.advance_search .advance_search_in h5 {
    font-size: 18px;
    line-height: 24px;
}
.advance_search_in .sidebar {
    width: 285px;
}
.advance_search_in .set label {.banner_images table tr td:last-child, .banner_images table tr th:last-child {
  width: 292px;
}
    margin-top: 10px;
}

}

@media (max-width: 1199.98px) {
.advance_search_in .set .form-control {
    font-size: 14px;
    height: 40px;
}
.advance_search .advance_search_in p.pst {
    font-size: 15px;
    margin-bottom:30px;
}
.main-header {
    padding:10px 0;
}
.my_profile form .form-control {
    height: 42px;
    margin-bottom: 14px;
}
.close_amount button, .close_amount .Cancel {
    margin-top: 18px;
}
.main_user {
    padding-left: 310px;
}
.chat_user {
    width: 310px;
}
.my_account h4 {
    font-size: 20px;
}
.find_deals .carimg {
    height: 90px;
}
.find_deals .set h5 {
    font-size: 18px;
}
.find_deals .hed, .benefits .hed {
    font-size: 28px;
}
.benefits .set p {
    font-size: 16px;
}
.blog_page .set img.img1, .blog_page .set img, .blog_page .set img {
    max-width: 100%;
    border-radius: 10px;
}
.blog_page .set h2 {
    font-size: 28px;
    line-height: 40px;
}
.check_my_car_done .set {
    margin-top: -60px;
    max-width: 720px;
}
.dashnboard .desh {
    padding-left: 240px;
    padding-right: 30px;
}
.desh h3.thr ul {
    float: left;
    width: 100%;
    margin-top: 12px;
}
.desh h3.thr ul li {
    margin-left: 0;
    margin-right: 4px;
}
.overview .indiv .st p {
    font-size: 14px;
}
.send_noti {
    padding-left: 0;
}
.Notifications h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.send_noti .sideb {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
.send_noti .set ul li {
    font-size: 15px;
    margin: 10px 0;
}
.send_noti h3 {
    margin: 20px -20px 20px;
    padding: 0 16px 20px;
}
.send_noti .setin {
    padding: 0 20px 20px;
}
.key_facts .Viewdet label {
    font-size: 16px;
    margin-top: 15px;
}
.key_facts .Viewdet .nav-tabs {
    top: 10px;
    margin-bottom: 0 !important;
    width: 100%;
}

.key_facts .nav-tabs li {
    float: left;
    width: 33.33%;
  }
.key_facts .nav-tabs li .nav-link {
    width: 100%;
}
.key_facts .nav-tabs {
  min-width: 400px;
}
.my_account .livetst li {
    padding-right: 20px;
}
.my_account .livetst li + li {
    padding-left: 20px;
}
.main-footer ul.social li {
    margin-right: 10px;
}
.pricing h3 .nav-tabs {
    width: 240px;
}
.pricing h3 .freeze_btn {
    width: 110px;
    font-size: 15px;
}
.pricing h3 .nav-tabs li button{
    font-size: 15px;
}
.banner_images table tr td:last-child, .banner_images table tr th:last-child {
  width: 300px;
}
}


/**  Medium devices (tablets, less than 992px) **/
@media (max-width: 991.98px) {
  .main-header .navbar .nav-item a, .mobhead .navbar .nav-item a {
    color: #343434;
}
  .main-header .navbar .nav-item.d-block {
    position: relative;
}
  .main-header .navbar .nav-item.d-block .logo img {
    height: 26px;
  }

  .main-header .navbar .nav-item.d-block .navbar-toggler {
    left: inherit;
    right: 0;
    top: 3px;
}
.navbar .navbar-collapse, .mobhead .navbar .navbar-collapse {
    position: fixed;
    z-index: 9999;
/*    background: #0000007d;*/
    width: 100%;
    top: 0;
    left: 00;
    height: 100%;
    bottom: 0;
    margin-left: -100%;
       transition: all 0.25s;
    -webkit-transition: all 0.25s;
 
}
.navbar .navbar-collapse.show {
    margin-left: 0;
}
.main-header .navbar .nav-item, .mobhead .navbar .nav-item {
  padding: 0 0;
  margin: 0;
  text-align: left;
}


.main-header .navbar-toggler {
    color: #3b3b3d;
  }
  .d-block .logo img {
    position: relative;
    top: -7px;
}
.main-header .navbar .nav-item a, .mobhead .navbar .nav-item a{

  width: 100%;
  height: 0;
}
.main-header .navbar .nav-item + .nav-item, .mobhead .navbar .nav-item + .nav-item{
  border-top: 1px solid #ffffff30;
}
.main-header .navbar .nav-item a:hover, .mobhead .navbar .nav-item a:hover {
  font-weight: 600;
}
.main-header {
    padding: 6px 0;
}

.main-header .navbar .navbar-collapse ul.navbar-nav {
    margin: 0;
    height: 100%;
    background: #fff;
    width: 340px;
    padding: 35px;
    box-shadow: 0 0 292px #000000ad;
    overflow-y: auto;
}
  .main-header .container{
  position: relative;
}
.main-header .log {
    line-height: 42px;
    position: absolute;
    top: 4px;
    right: 35px;
    padding-top: 0;
}
.main-header .navbar-toggler {
    position: absolute;
    right: 0;
    top: 15px;
    color: #4c7ee8;
    padding: 0;
    outline: none;
    box-shadow: none !important;
}
  .modal-dialog.find_vin table td {
    font-size: 12px;
    height: 32px;
    padding: 5px 8px;
}
.modal-dialog.find_vin .modal-body {
    padding: 20px 32px 30px;
}
.modal-dialog.find_vin table td span {
    width: 140px;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
}
  .advance_search_in {
    padding-left: 0;
    margin-bottom: 30px;
}
.advance_search_in .sidebar {
    width: 100%;
    position: relative;
}
.advance_search_in .showless {
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.advance_search_in .srcbtn {
    font-size: 15px;
}
.advance_search_in {
    margin-bottom: 50px;
}
.advance_search .advance_search_in p.pst {
    margin-bottom: 0;
}
.advance_search_in .hd {
    top: -20px;
}
.scrhdiv {
    top: 15px;
}
.advance_search {
    margin-top: 20px;
}
.advance_search h6 {
    margin-bottom: 20px;
}
.advance_search_in .showless {
    color: #606060;
    font-weight: 600;
    font-size: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.main-footer .set.help {
    width: 66.66%;
}
  .browse_brand .set {
  height: 120px;
  width: 150px;
  padding: 30px 0px;
  margin-top: 5px;
}
.browse_brand .set img {
  height: 35px;
}
.browse_brand .set h6 {
  margin-top: 15px;
  font-size: 15px;
}
  .login .Information {
  padding: 15px;
  margin-bottom: 15px;
}
  body {
  font-size: 14px;
}
section.login {
  padding: 30px 0 50px;
}
.login .form-signin {
  padding: 30px 25px;
  width: 400px;
}
.login .ic img {
  height: 20px;
  margin-right: 3px;
}
.login h5 {
  margin: 16px 0;
}
.banner .setform {
  width: 350px;
  padding: 15px 20px;
}
.banner .setform h4 {
  margin-bottom: 15px;
}
.banner .setform .form-control {
  margin-bottom: 8px;
  height: 40px;
  font-size: 14px;
}
.banner .setform button {
  height: 41px;
  font-size: 15px;
  margin-bottom: 12px;
}
.banner .setform a {
  font-size: 14px;
}
.banner h2 {
  font-size: 30px;
  line-height: 36px;
  width: 200px;
}
.banner {
  padding: 40px 0;
  margin-bottom: 30px;
}


}

@media (max-width: 991.98px) {
  .place_an .main_set .set {
  padding: 25px 25px;
}
.place_an .main_set .set h3 {
  font-size: 22px;
}
.place_an .main_set .set .form-control {
  height: 42px;
  font-size: 14px;
}
  .vehicles_list h2 span.filtermenu img, .support_enquiry h2 span.filtermenu img, h2 span.filtermenu img{
    width: 28px;
}
.vehicles_list h2 span.filtermenu, .support_enquiry h2 span.filtermenu{
    float: right;
    margin-top: 5px;
}

.close_amountmain h2 span.filtermenu {
    float: right;
    margin-top: -62px;
}

.my_account .sidebar.main {
    display: block;
    position: fixed;
    top: 0;
}
.my_account .sidebar.main span.filtermenu {
    position: absolute;
    right: 0;
    padding: 10px 14px;
    top: 0;
    font-size: 20px;
    color: #868484;
    background: #ff000017;
}
.advance_search_in .sidebar {
    display: none;
}

.advance_search h6.SortBy {
    margin-bottom: 95px;
    height: 40px;
    margin-top: 40px;
}
.advance_search h6.SortBy.sppt {
    margin-bottom: 15px;
}
.advance_search h6.SortBy .nav-tabs {
    top: 47px;
    margin-left: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.advance_search h6.SortBy .sort {
    float: left;
}
.advance_search h6.SortBy span.filter.d-lg-none {
    float: right;
}
.sidebar.main {
    position: fixed;
    display: block;
    background: white;
    left: 0;
    z-index: 999;
    width: 300px;
    box-shadow: 0 0 87px #00000038;
    margin: auto;
    height: 100%;
    overflow-y:auto; 
}
.advance_search.dealer h6 {
    margin-top: 18px;
}
.advance_search_in .sidebar.main .set {
    margin-bottom: 0;
}
.advance_search_in .sidebar .set h4 span.filter {
    float: right;
}

.advance_search_in .set .nav-tabs.pcPrice {
    min-width: 100%;
}





.place_an .main_set .set button {
  height: 42px;
  margin-top: 10px;
}
.place_an .main_set .set h6 {
  font-size: 16px;
  margin: 10px 0px 10px;
}
.most_searched .nav-tabs .nav-item .nav-link img {
  margin-bottom: 8px;
  height: 26px;
}
.most_searched .nav-tabs .nav-item .nav-link {
  font-size: 14px;
}
.most_searched .nav-tabs .nav-item .nav-link {
  height: 80px;
  }
.most_searched .viewall {
    height: 44px;
    border-radius: 6px;
    line-height: 44px;
    font-size: 14px;
}
.main-footer .set {
  width: 33.33%;
}
.main-header .navbar .nav-item a {
  font-size: 13px;
}
.main-header .navbar .nav-item {
    margin: 0 0 20px;
}
.main-header .navbar .nav-item a, .mobhead .navbar .nav-item a {
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 6px;
}
  .main-header .navbar .nav-item.d-block .logo img {
    height: 26px;
}

.main-header .navbar{
  margin-left: 10px;
}
.main-header .navbar .nav-item {
  padding: 10px 0;
}
.main-header .navbar .nav-item a.nav-link:hover {
    background: #334660;
    color: #fff;
}
.main-header a.login {
    line-height: 42px;
}
.advance_search_in .hd {
    position: relative;
    top: -40px;
}
.advance_search .advance_search_in h5 {
    margin-bottom: 0;
}
.main-header .navbar {
    margin-left: 10px;
    padding-top: 15px;
}
.main-header .log {
    float: right;
    margin-top: 0;
    padding-top: 0;
}
.main-header a.login {
    line-height: 20px;
}

.main-header .navbar .nav-item {
    padding: 0;
}
  .modal-dialog.find_vin {
    max-width: 600px;
}
.enquery .st{
  margin-left: 0%;
}
.my_account {
    padding-left: 0;
}
.sidebar {
    width: 320px;
  }
  .my_account .sidebar{
    display: none;
  }
  .main_user h4 {
    font-size: 20px;
    padding: 20px 15px 10px;
}
.main_user .test .innchat {
    padding:20px 15px;
}
.main_user .inright .msg .ext {
    padding: 15px;
    border-radius: 15px 15px 0px 15px;
}
.main_user .inleft .msg .ext {
    padding: 15px;
    border-radius: 0px 15px 15px 15px;
}
.chat_user {
    width: 275px;
}
.main_user {
    padding-left: 275px;
}
.chat_user ul li {
    padding: 9px 15px 9px 62px;
    font-size: 15px;
    min-height: 60px;
    margin: 7px 10px;
}

}

@media (max-width: 991.98px) {
    .pricing h3 .nav-tabs {
        width: 240px;
    }
  .desh h3 .dropdown {
    margin: 0 0 0;
     position: relative;
     top: -2px;
   }
   .desh h3 ul li {
     margin-right: 4px;
   }

.main_user .test .innchat {
    height: 400px;
    overflow-y: auto;
}
.main_user .intype {
    margin-top: 12px;
    }

.main_user .msg h6 {
    margin-bottom: 0px;
}
.chat_user ul li.active {
    border-radius: 6px;
}
.main_user .msg .msgimg {
    width: 42px;
    height: 42px;
}
.main_user .msg {
    padding-left: 52px;
}
.main_user .intype {
    padding-right: 100px;
}
.main_user .intype .form-control {
    padding-left: 55px;
}
.main_user .intype span {
    width: 55px
    }
    .msgshow {
    height: 60px;
    padding: 15px 20px 15px 20px;
    bottom: 62px;
}
h6.back {
    margin-bottom: 25px;
}
.close_amountmain h2 span.filtermenu.mt-0 {
    margin-top: 5px !important;
}
.feature .set {
    padding: 0;
}
.feature .accordion {
    width: 100%;
    padding: 0 20px 20px;
}
.feature .accordion-item:last-child {
    border-bottom: none;
}
.check_my_car_done .set {
    margin-top: -40px;
    max-width: 550px;
}
.sell_your .set h3 {
    font-size: 20px;
    margin-top: 20px;
}
.sell_your .set .btn {
    margin-top: 15px;
}
.check_my_car, .check_my_car_done {
    margin-bottom: 50px;
}
.check_my_car .set {
    margin: -52px auto 0;
}
.find_vin-New {
    margin-bottom: 45px;
}
.dashnboard .desh {
    padding-left: 230px;
    padding-right: 20px;
}
.desh .set1 .col-sm-2 {
    width: 50%;
    margin-bottom: 12px;
}
.desh h3 .dropdown {
  width: 202px;
  height: 42px;
  border: 1px solid #989898;
  border-radius: 4px;
  font-size: 16px;
    margin: 10px 0 15px;
    float: inherit;
}
.table.acountyour1 {
    min-width: 686px;
}
.imgus {
    right: 20px;
}
.desh h3 ul {
    width: 100%;
}
.desh h3 ul li {
    margin-left: 0;
}
.overview h3 form {
    width: 236px;
    height: 42px;
    margin-bottom: 15px;
}
.desh h3 ul li select {
    height: 42px;
    }
.desh h3 ul {
    width: 100%;
    margin-top: 12px;
}
.account_details .set_list {
    padding: 20px 20px 10px;
}
.account_details .nav-tabs{
    margin-bottom: 20px;
    margin-top: 20px;
}
.set_list2 h3 {
    padding: 15px;
    height: 120px;
}
.overview nav {
    margin-top: 99px;
}
.set_list2 {
    margin-bottom:40px;
}
.set_list2 h3.thr {
    height: 175px;
}
.account_details .set_list p {
    font-size: 16px;
}
.overview .set_list h3 {
    font-size: 22px;
}

.account_details h2 {
    font-size: 22px;
    margin-top: 24px;
    margin-bottom: 24px !important;
}
.banner_images .set_list2 h3.uph3 {
    height: 60px;
    margin-bottom: 0;
}
.overview.banner_images nav, .overview.block_words nav{
    margin-top: 25px;
}
.pricing h3 .nav-tabs {
    margin-left: 0;
    left: 0;
    top: 35px;
}
.pricing h3 {
    margin-top: 30px;
    margin-bottom: 80px;
    position: relative;
}
.pricing h3 .freeze_btn {
    width: 104px;
}
.send_noti .setin {
    padding: 0 12px 12px;
}
.send_noti h3 {
    margin: 14px -12px 12px;
    padding: 0 12px 14px;
    font-size: 20px;
}
.dashnboard .sidebar ul li a {
    height: 40px;
    font-size: 15px;
    line-height: 40px;
}
.key_facts .nav-tabs {
    min-width: 330px;
}
.advance_search_in .sidebar.advancesidebat {
    display: block;
    margin-bottom: 30px;
}
.advancesidebat .sept.fuel1{
    box-shadow: 0px 4px 14px rgba(136, 147, 184, 0.23);
    border-radius: 11px;
    padding: 16px 16px;
        display: block;

}
.advance_search_in .set {
    padding: 0;
    box-shadow: none;
}
.advance_search .advance_search_in .set.fuel1{
    box-shadow: 0px 4px 14px rgba(136, 147, 184, 0.23);
    border-radius: 11px;
    padding: 16px;
    display: block;
}
.my_account .livetst {
    margin-bottom: 0;
    top: -17px;
}
.desh .pricing h3 {
    margin-bottom: 5px;
    display: block;
    height: 105px;
}
.pricing h3 .nav-tabs {
    width: 230px;
}
.pricing h3 .freeze_btn {
    width: 100px;
    margin-top: 47px;
    margin-left: 8px;
}
.overview.banner_images h3.uph3 .dropdown {
  position: absolute;
  right: 15px;
}
}

/** Small devices (landscape phones, less than 768px)**/
@media (max-width: 767.98px) {
  .sell_your .other_div.other_div2 {
    padding: 24px 50px 40px;
}
.sell_your .other_div.sp2 .form-control {
    width: 250px;
}
  .other_div.other_div2 .Select li, .sell_your .other_div.other_div2 .Select li {
    width: 100%;
  }
.singlepage_left {
    margin-right: 0;
}
.singlepage .singlepage_left p {
    font-size: 15px;
    line-height: 24px;
}


.singlepage_right h3 {
    font-size: 24px;
}
.singlepage .singlepage_left .spe {
    padding: 15px 0;
    font-size: 16px;
}

.singlepage_right h5 {
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 12px;
}
.singlepage_right .inset .Enquire_Now {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}
.Cars1 .hed {
    font-size: 26px;
}
.singlepage_right ul li {
    font-size: 15px;
}
.singlepage_right .inset p {
    font-size: 16px;
}
.singlepage .singlepage_left ul.hatchback li {
    padding-left: 30px;
    font-size: 15px;
}
.singlepage_right .btns .btn {
    font-size: 16px;
}
h6.back {
    margin-bottom: 15px;
}
.singlepage .singlepage_left h5 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 0 !important;
}
.singlepage .carousel .carousel-indicators li {
    height: 70px;
    margin: 0 3px;
}
.singlepage_left h6 img {
    margin-right: 4px;
    height: 24px;
}
.singlepage_left h6 {
    font-size: 18px;
}
.singlepage .carousel .carousel-indicators {
    margin: 15px -3px 0;
}
.singlepage_left button.carousel-control-prev, .singlepage_left button.carousel-control-next {
    height: 70px;
}

  .singlepage {
    padding: 15px 0 30px;
}
.login .form-signin.signin2 {
    padding: 35px 25px;
}
  .modal-dialog.find_vin {
    max-width: 460px;
}
.modal-dialog.find_vin img {
    height: 210px;
}

.modal-dialog.find_vin ul {
    padding-left: 20px;
    margin-top: 30px;
}
.most_searched .nav-tabs li.nav-item {
    width: 25%;
    padding: 2px;
}
  .logo img {
    height: 20px;
    top: -13px;
}
  .main-header {
    height: 63px;
}
  .browse_brand .set {
  height: 100px;
  width: 100%;
  padding: 22px 0px;
  margin-top: 5px;
}
.browse_brand .set img {
  height: 26px;
}
.browse_brand .set h6 {
  font-size: 14px;
}
  .place_an .main_set .set .form-group, .place_an .main_set .set button {
  width: 100%;
}
  .follow_us ul li {
  margin: 0 11px;
  font-size: 14px;
}
.main-footer .set.help {
  width: 66.66%;
}
.main-footer .set img {
  width: 150px !important;
}
.follow_us {
  margin-bottom: 35px;
  padding: 30px;
}
.hed {
  font-size: 20px;
}
.recently_viewed .Recently_carousel {
  padding: 0 24px;
}
 .owl-nav button {
  width: 28px;
  height: 30px;
}
.hed {
  margin-bottom: 15px;
}
.recently_viewed .set {
  box-shadow: 0px 6px 15px rgba(185, 202, 217, 0.43);
  margin-bottom: 20px;
}
.recently_viewed {
  margin-bottom: 20px;
}
.banner .setform .form-control {
  margin-bottom: 6px;
  height: 38px;
  font-size: 14px;
}
.banner h2 {
  position: relative;
  width: 100%;
  bottom: inherit;
right: inherit;
text-align: center;
margin-top: 15px;
font-size: 26px;

}
.banner .setform {
    max-width: 350px;
    padding: 15px 20px;
    margin: auto;
    width: 100%;
}
/*.most_searched .nav-tabs .nav-item {
  width: 24%;
  margin: 0 .5% 5px;
}*/
.most_searched .nav-tabs .nav-item .nav-link {
  border: 2px solid #f2f1f1;
}
.main-header .container{
  position: relative;
}
.main-header .log {
    line-height: 42px;
    position: absolute;
    top: 4px;
    right: 35px;
    padding-top: 0;
}
.main-header .navbar-toggler {
    position: absolute;
    right: 0;
    top: 15px;
    color: #4c7ee8;
    padding: 0;
    outline: none;
    box-shadow: none !important;
}
.main-header .navbar {
  margin-left: 0;
  width: 100%;
}
.enquery {
    padding: 20px 20px;
    width: 100%;
}

.enquery h5 {
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px 20px;
}
.enquery .st {
    margin-left:0;

}
.overview .table-responsive .table tr th {
    padding: 15px 15px;
}

}

@media (max-width: 767.98px) {
.enquery h5 .cngplan {
    right: 20px;
}
.comp {
    padding: 50px 55px;
}
.saved_car .nav-tabs li {
    width: 32.33%;
}
.text-center.stscrl {
    position: relative;
}
.vehicles_tb {
    padding: 0 40px;
}
.main_user {
    padding-left: 0;
    border: none;
    border-radius: 0;
}
.main_user .test {
     border-left: none; 
}

.main_user .intype .form-control {
    padding-left: 15px;
    background: #F7F7FC;
    border-radius: 0;
}
.main_user .intype {
    padding-right: 100px;
    padding-left: 55px;
    border: none;
    border-top: 1px solid #ECECEC;
    border-radius: 0;
}
.main_user h4 {
    font-size: 23px;
    padding: 0;
    color: #0C0C0C;
    position: relative;
}
.main_user h4 svg {
    color: #2DA851;
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: -55px;
    right: 35px;
    margin: auto;
    z-index: 9;
}
.main_user .obert {
    padding: 25px 15px;
    background: #D1E0FF;
    height: 100px;
    border-radius: 10px 10px 0 0;
}
.msgshow {
    bottom: 61px;
}
 
.main_user .obert p {
    color: #343434;
    font-weight: 600;
    font-size: 16px;
}
.main_user .obert .chatuser img{
  height: 100%
}
.main_user .obert .chatuser {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 26px;
}
.Perfomance .set h6 img {
    height: 9px;
    margin-top: 6px;
    width: auto;
    float: left;
    margin-left: 7px;
}
.Perfomance .set_main {
    padding: 20px;
}

.find_deals .hed, .benefits .hed {
    font-size: 24px;
    margin-bottom: 35px;
}
.benefits .set p {
    font-size: 15px;
}
.find_deals .set {
    padding: 46px 4px 15px;
    margin-bottom: 40px;;
}
.find_deals .carimg {
    height: 70px;
}
.find_deals .set .bnd {
    height: 28px;
    right: 10px;
    top: 10px;
}
.find_deals .set {
    margin-bottom: 45px;
    }
.find_deals .set h5 {
    font-size: 16px;
}
.benefits .set h5 {
    font-size: 16px;
  }
  .benefits, .new_car {
    margin-bottom: 35px;
}

.check_my_car_done .set {
    margin-top: -20px;
    max-width: 480px;
    padding: 20px;
}
.sell_your .set .btn {
    margin-top: 15px;
}
.recentlogin {
    width: 80%;
    padding: 40px 0;
}
.recentlogin p, .recentlogin h6 {
    width: 80%;
}
.recently_viewed p.compp {
    margin-bottom: 40px;
}
.dashnboard .desh {
    padding-left: 12px;
    padding-right: 12px;
}
.dashnboard .sidebar {
    width: 250px;
    position: fixed;
    left: -250px;
    top: 0;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
.dashnboard .sidebar.main {
    left: 0;
}
.dashnboard .sidebar .logo {
    width: 100%;
    }
    .sid1 span.mnu {
    position: absolute;
    right: 0;
    padding: 15px 15px;
    font-size: 20px;
    top: 0;
       transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
.hom span {
    float: left;
    margin-top: 2px;
    font-size: 20px;
    margin-right: 15px;
}
.hom .logo img {
    height: 25px
    }
.hom .logo {
    border: none !important;
    margin-left: 35px;

}
.hom.d-block {
    position: absolute;
    top: -44px;
}
.sid1 {
    position: relative;
    border: none;
    width: 100%;
}
.desh .set1 .st {
    padding: 12px 12px;
}
.desh .set1 + .set1 {
    margin-top: 15px;
}
.desh h3 .dropdown {
    width: 137px;
    height: 40px;
    font-size: 15px;
    margin-top:5px;
}
.imgus {
    right: 12px;
}
.overview h3 form {
    width: 346px;
    height: 40px;
}
.desh h3 ul li select {
    height: 40px;
    }
    .account_details .set_list h6 {
    margin-bottom: 5px;
}
.overview h3 {
    margin-bottom: 0;
}

.dashnboard {
    padding-bottom: 50px;
}
.overview .table-responsive .table tr td {
    padding: 11px 15px;
    }
    .banner_images table tr td a {
    font-size: 15px;
}
.banner_images table tr td a img {
    height: 16px;
    margin-right: 4px;
    margin-top: -3px;
}
.warning button.btn.btn-primary {
    font-size: 15px;
    width: 155px;
    height: 42px;
    font-size: 15px;
    margin: 0;
}
}

@media (max-width: 767.98px) {
.warning button.btn.btn-secondary {
    font-size: 15px;
    width: 110px;
    height: 42px;
    margin:0;
    margin-right: 12px
}
.warning select.form-control {
    height: 42px;
    font-size: 15px;
}
.desh h3.trade {
     margin-bottom: 15px; 
}
.overview h3 {
    margin-bottom: 15px;
}
.main-footer ul.social li a img {
    height: 24px;
    width: auto !important;
}
.hom span {
  float: left;
  margin-top: -3px;
  font-size: 20px;
  margin-right: 15px;
}
.pricing h3 .nav-tabs {
    width: 245px;
}
.pricing h3 .freeze_btn {
    width: 112px;
}
.overview table tr th {
    padding: 10px 15px;
}
.overview table tr td{
  padding: 5px 15px;  
}
.account_details .set_list p {
    font-size: 15px;
}
.warning.warningKyc .modal-dialog {
    padding: 0 8px;
}
.overview.banner_images h3.uph3 .dropdown {
  top: 5px;
}
} 

/** Small devices (landscape phones, less than 575px)**/
@media (max-width: 575.98px) {

  .logo img {
    position: relative;
        top: -7px;
}
  button.navbar-toggler img {
    margin: 0 5px;
}
section.browse_brand .show {
    width: auto;
    color: #606060;
    background: transparent;
    height: auto;
    display: inline-block;  
}
section.browse_brand .show svg {
    display: block;
    margin: auto;
}
  .most_searched .nav-tabs {
    display: none;
}

  .most_searched .nav-tabs.hat_carousel{
    display: block !important;
  }
  .most_searched .nav-tabs li.nav-item {
    width: 100%;
}
.most_searched .nav-tabs .nav-item .nav-link {
    height: 128px;
}
  .modal-dialog.find_vin img {
    height: 186px;
}
.place_an .main_set .set .form-group span img{
  display: block;
}
.modal-dialog.find_vin table td span {
    width: 145px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}
.modal-dialog.find_vin table td {
    height: 33px;
    font-size: 12px;
}
.modal-dialog.find_vin .modal-body {
    padding: 15px 15px 40px;
}
.modal-dialog.find_vin h5 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
}
.modal-dialog.find_vin {
    max-width: 394px;
    border-radius: 8px;
    margin: 70px auto;
}
.advance_search h6{
    display: none;
  }
  .advance_search.dealer h6{
    display: block;
  }
  .advance_search.dealer h6 span.aro {
    display: none;
}
      .advance_search .advance_search_in .st h6{
        display: block;
    }  
  .advance_search_in .hd {
    top: 0;
    margin-bottom: 26px;
}
.advance_search .advance_search_in .fuel li{
      margin: 8px 0;
}
.advance_search .advance_search_in .fuel.fuel2 li {
width: 100%
}

  .strow {
    box-shadow: 0px 4px 14px rgb(136 147 184 / 23%);
    padding: 25px 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.advance_search .advance_search_in h3 {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 12px;
}

.mobhead a.logo {
    margin-bottom: 20px;
}
.mobhead .navbar .navbar-collapse ul.navbar-nav .nav-link.login {
    color:  #EA1933;
}
  .ondask{
    display: none;
  }
   .mobhead{
    display: block !important;
   }
.mobhead .navbar .navbar-collapse {
    top: 0;
    width: 100%;
    position: fixed;
    left: 0;
    background: #00000042;
    height: 100%;
}
.mobhead .navbar .navbar-collapse ul.navbar-nav {
    background: #fff;
    width: 309px;
    height: 100%;
    padding: 30px;
    text-align: left;
    position: relative;
}
.mobhead .navbar .navbar-collapse button.navbar-toggler {
    position: absolute;
    right: 29px;
    top: 35px;
    display: block !important;
}

.mobhead .navbar-toggler {
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  outline: none;
  box-shadow: none;
}
.mobhead .navbar.navbar-expand-md {
    padding: 0;
    margin-top: 4px;
}
 .mobhead a span{
  display: block;
 }
 
  .mobhead a{
  color: #000000;
  font-size: 15x;
  text-decoration: none;
 }
.mobhead {
    height: 72px;
    padding: 16px 0;
}
  .hat_carousel {
  padding: 0 30px;
}
  .hat_carousel .owl-nav {
  width: auto;
  display: inherit;
  position: unset;
}


  .singlepage_right ul li {
    width: 100%;
  }
  .singlepage_right ul.wr_hour li span {
    width: 60%;
}
  .singlepage_right .Likeston {
    width: 180px;
    height: 56px;
    line-height: 56px;
    padding: 0 16px;
    margin-bottom: 16px;
    margin-top: 20px;
    font-size: 16px;
}
  .singlepage_right h3 {
    font-size: 22px;
}
  .singlepage .singlepage_left ul.hatchback li {
    width: 33.33%;
}
.singlepage_right .Likeston img {
    height: 38px;
}

.follow_us {
  margin-bottom: 65px;
  padding: 40px 15px 20px;
}
.follow_us ul li {
    margin: 22px 0;
    font-size: 14px;
    width: 32%;
}
.follow_us h2.hed {
    margin: 0;
    text-align: center !important;
    font-size: 24px;
}
.owl-nav {
  width: 70px;
  display: inline-block;
  position: relative;
}
.hed {
  margin-top: 40px;
  text-align: left !important;
}
.place_an .main_set img{
  display: none;
}
.place_an .main_set .set {
  padding: 50px 20%;
  text-align: center;
}



}

@media (max-width: 575.98px) {
  .ad_planp{
    padding-bottom: 30px
  }
  .ad_plan {
    margin-top: 50px;
}
.main-header .logo {
    display: none;
}
.main-header .log.mob {
    display: block !important;
    position: relative;
    left: inherit;
    width: 100%;
    padding-left: 17%;
    left: inherit;
    right: inherit;
    top: 9px;
}
.main-header .log.mob a img {
    height: 28px;
}
.main-header .navbar {
    padding: 0;
}
.main-header {
    padding: 6px 0;
    height: 80px;
}
.main-header .log.mob a span {
    width: 100%;
    float: left;
    line-height: 30px;
}
.main-header .log.mob a.logo img {
    height: 54px;
    margin-top: 2px;
}
.main-header .log.mob .logo {
    display: inline-block;
    width: 30% !important;
}
.main-header .navbar-toggler {
    left: 0;
    right: inherit;
    width: 17%;
    text-align: center;
    color: #3b3b3d;
    top: 11px;
    z-index: 999;
    background: transparent;
    box-shadow: none !important;
}
.main-header .navbar-toggler span{
  display: block;
}
.main-header .log a {
    font-size: 16px !important;
    color: #000000 !important;
}
.main-header .log.mob a {
    width: 23% !important;
    margin: 0;
    text-align: center;
    float: left;
}
.main-header .navbar-toggler span {
    font-size: 16px;
    display: block !important;
    color: #000;
    font-weight: 500;
    margin-top: 8px;
}
.main-header a.login select {
    color: #000000;
}
.find_vin.Sellfind_vin .singpro {
    width: 100%;
}

.sell_your .other_div.sp2 .form-control {
    height: 45px;
    width: 100%;
    position: relative;
    margin-left: 0;
    margin-bottom: 15px;
    line-height: 29px;
}
.sell_your .other_div.sp2 .form-control input {
    padding-left: 60px;
}
.sell_your .other_div.sp2 .form-control label {
    left: 13px;
    width: auto;
    border: none;
}
.comp {
    padding: 50px 18px;
    margin: 30px auto 0;
}
.atb .col-6 {
    width: auto;
}
.vehicles_tb {
    padding: 0 12px;
}
.recently_viewed ul.recent {
    padding: 0;
}
.saved_car .recent li a {
    width: 100%;
}
.edit_your_car_details .editing {
    margin: 0 auto 40px;
}
.my_profile .imgs {
    margin-bottom: 20px;
}
.recently_viewed .my_account p {
    font-size: 17px;
    margin-bottom: 20px;
}



.recently_viewed .my_account h3 {
    font-size: 23px;
}
.my_profile {
    padding: 15px;
}
.my_profile .stp img {
    left: 15px;
}
.my_profile h3 {
    padding: 25px 25px 10px;
    margin-top: 10px;
}
.my_profile .stp {
    width: 100%;
}
.my_profile h3 .edt {
    margin-top: 5px;
}
.my_profile h3.securityh3 {
    border: none;
    margin-top: 0;
    padding-top: 8px;
}
.albtn a {
    width: 106px;
    height: 44px;
    border: 1px solid #4C7EE8;
    border-radius: 4px;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    text-decoration: navajowhite;
    margin-left: 0;
}
.albtn a.save {
    background: #4C7EE8;
    color: #fff;
    margin-bottom: 15px;
}
.my_profile .coleh {
    width: -webkit-fill-available;
}
.support_enquiry .set_best {
    padding: 30px 15px 15px;
}
.support_enquiry .set_best .set1 {
    text-align: center;
}
.support_enquiry .set_best .mb-2 {
    margin-bottom: 18px !important;
}
.support_enquiry .set_best h3 {
    line-height: 28px;
    margin-bottom: 30px;
}
.support_enquiry .set_best button {
    width: 100%;
}
.close_amountmain h2 span.filtermenu {
    margin-top: -36px;
}
.close_amount {
    border-radius: 11px;
    padding: 20px 15px 20px;
}
.close_amount .Cancel{
  margin-bottom: 15px;
}
.close_amount .Cancel, .close_amount button {
    width: 100%; 
}
.close_amount .Cancel {
    margin-bottom: 0;
}
.main_user .inleft .msg .ext {
    padding: 12px;
    border-radius: 0px 8px 8px 8px;
}
.main_user .inright .msg .ext {
    padding: 12px;
    border-radius: 8px 8px 0px 8px
}
.main_user .test .innchat {
    padding: 20px 0px;
}
.tansactions h3, .conditions h4, .recently_viewed .ehy_ako h4{
    font-size: 23px !important;
    margin-bottom: 30px;
    text-align: left;
}
}

@media (max-width: 575.98px) {
.conditions h4{
    margin-bottom: 20px;
  }
.recently_viewed .conditions p, .recently_viewed .ehy_ako p {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 24px;
}
.close_amount.tansactions {
    padding: 16px 15px 1px;
}
.tansactions h3 form, .recently_viewed .Perfomance h3 .clndr{
  display: none;
}
.tansactions tr td {
    padding: 12px 20px;
    font-size: 12px;
}
.tansactions tr th {
    padding: 10px 20px;
    font-size: 12px;
}
.tansactions .table {
    margin-bottom: 0;
    min-width: 550px;
}
.close_amountmain h2 {
    margin-bottom: 30px;
}
.Perfomance .st {
    padding: 12px 16px;
    margin-bottom: 20px;
}
.Perfomance .st h4 {
    font-size: 16px;
}
.Perfomance .set_main {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 50px;
}
.recently_viewed .set {
    padding: 8px 8px 16px;
}
.Perfomance .set .img {
    height: 159px;
}
.ehy_ako .img, .ehy_ako .img_video {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 0 auto 30px;
}
.conditions .accordion-item h2 .accordion-button {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    padding: 8px 10px;
        min-height: 55px;
}
.conditions .accordion{
    margin-top: 40px;
}
.conditions .accordion .accordion-body {
    padding: 12px 0 0;
}
.banner.hbanner {
    height: 400px;
    margin-bottom: 300px;
}
.banner.hbanner .setform { 
  margin-top: 320px;
}
.banner.hbanner .setform.carbanner, .banner.hbanner .setform.newbanner {
    padding: 30px 16px 15px;
    height: 305px;
}
.new_car::after {
    width: 86%;
    height: 320px;
}
.new_car img {
    width: 80%;
    margin-top: -20px;
    margin-left: 65px;
}
    .new_car h2 {
    line-height: 60px;
    font-size: 65px;
}
.new_car h2 span {
    font-size: 30px;
    font-weight: 500;
}
.new_car h4 {
    margin-top: 45px;
}
.new_car h4 {
    font-size: 30px;
    line-height: 38px;
    padding-left: 8px;
    margin-top: 0;
}
.new_car p {
    font-size: 16px;
    padding-left: 8px;
}
.new_car {
    padding: 40px 0 0;
}
.find_deals.find_dealsbf .set {
    padding: 25px 4px 15px;
}
.find_deals.find_dealsbf .carimg {
    height: 120px;
    margin-top: 18px;
}
.find_deals.find_dealsbf .hed, .benefits.new_carbf .hed {
    font-size: 22px;
    text-align: center !important;
}
.benefits.new_carbf .set img {
    height: 90px;
}

.benefits.new_carbf .set h5 {
    font-size: 18px;
}  
.benefits.new_carbf .set {
    margin-top: 40px;
}
.blog_page .set h2 {
    font-size: 20px;
    line-height: 28px;
}
h6.back a {
    font-weight: 600;
}
.blog_page .set h4 {
    font-weight: 600;
    font-size: 16px;
}
.check_my_car_done .set {
    max-width: 92%;
}
.check_my_car .set {
    margin: -25px auto 0;
    padding: 25px 25px;
    width: 80%;
    height: 200px;
}
.check_my_car {
    margin-bottom: 20px;
}
.how_to {
    padding: 15px 15px;
}
.find_vin-New {
    margin-bottom: 35px;
}
.recentlogin {
    width: 100%;
    padding: 40px 18px 35px;
}
.recentlogin a.lgbtn {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 0;
}
.recentlogin p, .recentlogin h6 {
    width: 100%;
}
.recentlogin {
    margin: -12px 0;
    border-radius: 8px;
}
.main_ehicles {
    padding: 0;
}
.recently_viewed .Vehicles h3 {
    text-align: center;
    padding: 0;
    margin-bottom: 22px;
    font-size: 24px;
    color: #0C0C0C;
    margin-top: 0;
}
.recently_viewed .Vehicles {
    padding: 25px 16px 20px;
}
.recently_viewed .Vehicles h4 {
    font-size: 15px;
}
.desh .set1 .row{
  margin-right: -4px;
  margin-left: -4px
}
.desh .set1 .col-sm-2, .desh .set1 .col-6{
    width: 50%;
    margin-bottom: 12px;
    padding-left: 4px;
    padding-right: 4px;
}
.overview h3 form {
    width: 286px;
}
.account_details .set_list h6 {
    font-size: 14px;
}
.account_details .set_list p {
    color: #0C0C0C;
}
.desh h3 {
    font-size: 20px;
}
.overview .Documents {
    padding: 16px;
}
.overview a.btn {
    width: 140px;
    height: 42px;
    margin-left: 8px;
}
}

@media (max-width: 575.98px) {
  .enquery h5 .cngplan img{
    display: none;
  }
.warning .modal-content {
    padding: 0;
    border-radius: 8px;
    border: none;
}
.enquery h5 .cngplan {
    width: 140px;
    }
.mapmob {
    margin: 0 -12px;
}
header.main-header.headerlogin {
    display: none;
}

.strow .nav-tabs .nav-item {
    width: 33.33%;
    margin-bottom: 10px;
}
.strow .nav-tabs .nav-item .nav-link {
    height: 98px;
    width: 100%;
}
.strow .nav-tabs .nav-item .nav-link img {
    height: 36px;
}
.sell_your .other_div .ssp.form-control input {
    width: 140px;
}
.sell_your .other_div .ssp.form-control span {
    padding: 0 10px;
}
.sell_your .other_div h3.h3p {
    font-size: 18px;
    margin-bottom: 6px !important;
}
.my_account .livetst li + li {
    padding-left: 12px;
}
.my_account .livetst li {
    padding-right: 12px;
}
.my_account .livetst li + li {
    padding-left: 0;
    border: none;
    margin-right: 0 !important;
}
.my_account .livetst{
  background: transparent;
  padding:0;
}
.my_account .livetst li {
    width: 48%;
    background: #F9F9F9;
    padding: 16px !important;
    border-radius: 8px;
    float: left;
    margin-right: 4%;
    margin-bottom: 15px;
}
.my_account .livetst li:last-child {
    margin-bottom: 0;
}
.support_enquiry .set_best .set1 {
    height: auto;
}
.recently_viewed .my_account .Perfomance p {
    margin-bottom: 2px;
}
.send_noti .set .switch-button{
      width: 280px;
}
.desh h3 .dropdown {
  margin-top: 5px;
}
.desh h3 .dropdown{
  margin-bottom: 0;
}
.warning ul.carousel-indicators li {
  width: 70px;
  height: 52px;
}
.warning.warningKyc .modal-content {
  padding: 0;
}
.warning.Edit_Section .modal-content {
  padding: 0;
}
.warning.Edit_Section .modal-title {
  font-size: 20px;
}
.Edit_Section h5 {
  margin-top: 18px;
}
.warning button.btn.btn-primary {
  width: 136px;
}
.warning button.btn.btn-secondary {
  width: 100px;
}
.Edit_Section .Information {
  padding: 15px;
}
.Edit_Section .modal-footer {
  padding: 0;
}
.edit_page .set p {
  margin-bottom: 15px;
}
.desh h3 {
  margin-top: 5px;
}
.desh .set1.graf h3 {
  padding: 0 15px 15px;
}
.pricing h3 .nav-tabs {
    width: 100%;
}
.desh .pricing h3 {
    height: 160px;
}
.pricing h3 .nav-tabs {
    width: 100%;
    position: relative;
    top: 0;
}
.pricing h3 .freeze_btn {
    width: 112px;
    margin-top: 0;
    float: initial;
    margin-left: 0;
}
.overview .set_list h3 {
    font-size: 20px;
}
    .warning.warningKyc .modal-dialog {
    padding: 0 0;
}

.warning.Edit_Section .modal-dialog {
 padding: 0 0;
}
.warning .modal-content {
  padding: 10px 5px;
}
}

/** Small devices (landscape phones, less than 480px)**/
@media (max-width: 480px) {
  .main_mob .inmobp p.rev a {
    display: block;
        margin-bottom: 5px;
    margin-top: 4px;
}

  .main_mob .inmobp p.rev svg {
    font-size: 14px;
    margin-right: 0;
}
  .main_mob .inmobp p {
    font-size: 15px;
    padding: 5px 10px;
}
.main_mob .inmobp p a {
    display: -webkit-inline-box;
    margin-bottom: 5px;
    margin-top: 4px;
}
.pricing h3 .freeze_btn {
    width: 143px;
    font-size: 15px;
    margin-top: 0;
    float: left;
    margin-left: 1px;
    margin-right: 10px;
}
.pricing h3 .nav-tabs {
    width: 100%;
    position: relative;
    top: 0;
}

.main_mob .inmobp p.rev {
    min-height: 48px;
}
.pricing h3 {
    margin-bottom: 0;
    height: 160px;
}
  .account_details .set_list {
    padding: 20px 12px 10px;
}
.account_details .nav-tabs {
    width: 100%;
    }
.overview .set_list h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
.overview h3 form {
    width: 170px;
}
  .desh .set1 .carsold {
    padding: 12px 15px;
    font-size: 14px;
  }
  .desh .set1 .st p {
    font-size: 12px;
}
.desh .set1 h5 img {
    width: 18px;
    margin-right: 1px;
    margin-top: -1px;
}
.desh .set1 h5 {
    font-size: 14px;
}
  .desh .set1 .st {
    padding: 10px 10px;
}
  .container.h-100 {
    padding: 0;
}
  .comp .btn {
    padding: 7px 7px;
    font-size: 14px;
}
  .sell_your .stap li + li::after {
    left: -33px;
    width: 65px;
}
  .login.enquiry .form-signin {
    width: 100%;
    padding:25px 20px;

  }
  .singlepage_right .btns .btn {
    min-width: 155px;
}
  .place_an .main_set .set {
    padding: 50px 12%;
}
.main-header .log a {
    font-size: 15px !important;
  }
  .main-header .navbar-toggler span {
    font-size: 15px;
}
  .strow {
    padding: 20px 12px 0;
}
.advance_search .advance_search_in .st img {
    width: 80%;
}
    .main-footer .set.help {
    width: 320px;
}
.advance_search .advance_search_in .st {
    height: 85px;
    margin-bottom: 8px;
}
.recent_articles .owl-nav {
    bottom: -20px;
}
.most_searched .viewall {
    margin-top: 28px;
}
.advance_search .advance_search_in .st h6 {
    font-size: 13px;
    margin-top: 11px;
    margin-bottom: 0;

}
.browse_brand .set img {
    height: 21px;
}
.browse_brand .set {
    height: 85px;
    padding: 18px 0px;
}
.browse_brand .set h6 {
    margin-top: 12px;
}
.main-header .log.mob .logo {
    width: 40% !important;
}
.main-header .log.mob a {
    width: 18% !important;
}
.new_car h4 {
    margin-top: 40px;
}
.new_car .pngwing2.classicimg {
    margin-top: 22px;
    margin-bottom: 26px;
}
.account_details h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px !important;
}
.desh h3 .dropdown, .desh h3 ul li select {
    width: 139px;
}
.overview .indiv .st {
    margin-right: 5px;
    min-width: 52px;
    padding: 10px 6px;
}
.overview .indiv .st p {
    font-size: 13px;
}
.Edit_Section .Information h6 span {
    display: block;
    margin-top: 8px;
}
.Edit_Section .Information h6 b {
  margin-right: 0;
}

}
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
body {
  font-family: "DM Sans", sans-serif;
}
.Dropdown-root {
  min-width: 100px;
}
.fELuRB {
  padding-bottom: 150px;
}
option {
  color: black;
}
.dt-table {
  font-family: sans-serif;
  text-align: center;
}
.css-dcziwc {
  display: block !important;
}

.single_profile_freelancers{
  margin-top: -30px !important;
}

.userdiv {
 box-shadow: 0 0 18px rgba(33, 40, 50, 0.15);
 padding: 40px 40px 80px 40px;
 border-radius: 8px;
 background-position: bottom;
 background-repeat: no-repeat;
 background-size: 100%;
 background-color: #fff;
}
.userdiv .img {
 width: 217px;
 border-radius: 8px;
 overflow: hidden;
}
.userdiv h2 {
 color: #1A73E8;
 font-size: 40px;
 font-weight: 600;
}

.userdiv .edit {
 box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
 height: 28px;
 width: 66px;
 border-radius: 6px;
 font-size: 14px;
 font-weight: 500;
 text-decoration: navajowhite;
 text-align: center;
 line-height: 28px;
 float: right;
}
.userdiv .edit img {
 width: 13px;
}
.userdiv p {
 color: #686868;
 font-size: 15px;
 margin-bottom: 0;
 min-height: 35px;
 line-height: 35px;
}
.userdiv p span {
 color: #000;
 font-weight: 600;
 width: 140px;
 display: inline-block;
}
.userdiv.userdiv2 p span {
 width: 190px;
}
.userdiv p lebel {
 height: 35px;
 border: 1px solid #EEEEEE;
 display: inline-block;
 line-height: 35px;
 text-align: center;
 padding: 0 7px;
 border-radius: 5px;
 margin-right: 4px;
}
.userdiv p lebel i {
 font-size: 10px;
 color: #3A979E;
 position: relative;
 top: -2px;
}
.userdiv.userdiv2 {
 padding: 20px 40px;
 margin-bottom: 60px;
}
.adminsingle .nav-tabs li {
 margin-right: 43px;
}
.adminsingle .nav-tabs li .nav-link {
 color: #B4B4B4;
 font-size: 16px;
 font-weight: 600;
 border: navajowhite;
 background: transparent;
 margin: 0;
 padding: 10px 0;
  border-bottom: 2px solid transparent;
}
.adminsingle .nav-tabs {
border: none;
margin-top: -62px;
margin-bottom: 20px;
padding: 0 40px;
}
.adminsingle .nav-tabs li .nav-link.active {
 color: #1a73e8;
 border-bottom: 2px solid;
}
.userdiv.userdiv2 .freelancers {
 margin: -20px -40px;
}
.userdiv.userdiv2 .freelancers .inset_admin {
 box-shadow: none;
 border-radius: 8px;
}
.userdiv.userdiv2 .freelancers .inset_admin .edit {
 float: inherit;
}
.userdiv.userdiv_employers p span {
 width: 250px;
}

.worked h6.ctgh6 .form-control {
 width: 210px;
 margin-right: 0;
}

.review_set {
 padding-left: 75px;
 position: relative;
 min-height: 65px;
 margin-bottom: 12px
}
.review_set .img {
 position: absolute;
 left: 0;
 top: 0;
 width: 60px;
 height: 60px;
 overflow: hidden;
 border-radius: 505%;
}
.review_set .stars {
 margin-bottom: 3px;
}
.review_set h5 {
 color: #000;
 font-size: 16px;
 margin-bottom: 0;
}
.review_set p {
 font-weight: 400;
 font-size: 14px;
 line-height: 24px;
 color: #575757;
 margin-bottom: 0;
}

.review_set .stars svg {
 font-size: 15px;
 margin-right: 4px;
 color: #FDC114;
}
.userdiv.userdiv2 .freelancers {
 margin: -20px -40px;
}
.userdiv.userdiv2 .freelancers .inset_admin {
 box-shadow: none;
 border-radius: 8px;
}
.userdiv.userdiv2 .freelancers .inset_admin .edit {
 float: inherit;
}
.userdiv.userdiv_employers p span {
 width: 250px;
}



/*worked*/


.worked .medium {
  font-size: 19px;
}
.worked .fw-medium {
  font-size: 40px;
  line-height: 38px;
  margin-top: 8px;
}
.worked .card {
  padding: 20px 28px;
  box-shadow: 0.15rem 0 1.75rem 0 rgb(33 40 50 / 15%) !important;
  border: navajowhite;
  background: #fff;
  border-radius: 8px;
}
.worked .card .stretched-link {
  position: absolute;
  right: 30px;
  top: 36px;
}
.worked .card .stretched-link img{
  height: 45px
}
.worked {
  margin-top: -105px;
}


.admin .nav-tabs li .nav-link {
  color: #B4B4B4;
  font-size: 16px;
  font-weight: 600;
  border: navajowhite;
  background: transparent;
  margin: 0;
  padding: 10px 0;
   border-bottom: 2px solid transparent;
}
.admin .nav-tabs li {
  margin-right: 43px;
}
.admin .nav-tabs {
border: none;
margin-top: -62px;
margin-bottom: 20px;
padding: 0 40px;
}
.admin .nav-tabs li .nav-link.active {
  color: #1a73e8;
  border-bottom: 2px solid;
}
.dt-table.admin .MuiPaper-root {
  padding: 30px;
  background: transparent;
  border: none;
  box-shadow: none;
}

.block-box {
  display: flex;
  flex-direction: column;
  border: solid 1px black;
  gap: 5px;
  border-radius: 10px;
  padding: 20px;
  margin:10px;
}