* {
  font-family:  "Open Sans", sans-serif !important;
  direction: rtl;
  box-sizing: border-box;
}

* {
  text-shadow: none !important;
}

.flr {
  float: right;
}

.align-center {
  text-align: center;
}

.d-i-block {
  display: inline-block !important;
  vertical-align: top;
}
#INDbtnWrap #INDmenu-btn > svg {
  width: 25px !important;
  height: 25px !important;
}
.w-77 {
  width: 77% !important;
  margin: 0 auto;
}

.w-30 {
  width: 30% !important;
}
.w-32 {
  width: 32% !important;
}

.w-36 {
  width: 36% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-52 {
  width: 52% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-60.no-padding {
  padding: 0 !important;
}

.w-65 {
  width: 65% !important;
}

.w-90 {
  width: 90% !important;
}

.w-100 {
  width: 100% !important;
}

.f_3_8vw {
  font-size: 3.8vw;
}

.f_22px {
  font-size: 22px;
}

.f_4_2vw {
  font-size: 4.2vw;
}

.f_4_6vw {
  font-size: 4.6vw;
}

.f_22px {
  font-size: 22px;
}

.f_5_22px {
  font-size: 22px;
}

.f_6vw {
  font-size: 6vw;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}

canvas {
  display: none;
}

.padding-0 {
  padding: 0 !important;
}

.mr-10per {
  margin-right: 10%;
}

.width100 {
  width: 100%;
  position: relative;
}
#black-mask,
#click-pop-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /*background: #000;
    opacity: 0.3;*/
  display: none;
  z-index: 99;
}
#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background-color: #ff9900;
  transition: 0.3s;
}
#loadMore:hover {
  color: #00a5d9 !important;
  background-color: #fff;
  border: 1px solid #00a5d9 !important;
  text-decoration: none;
}

.close-area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.white-btn {
  border: 2px solid #00a5d9;
  border-radius: 2rem;
  background: #fff;
  width: 82%;
  display: block;
  line-height: 3rem;
  text-align: center;
  font-weight: normal !important;
  font-size: 5.22px;
  margin: 0 auto;
  color: #00a5d9 !important;
}

.round-b-corners {
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.slick-slide {
  height: auto !important;
}

.inline-block {
  display: inline-block;
  vertical-align: top;
}

.d-gray {
  color: #5f5f5f;
}

.space0_5em {
  width: 100%;
  height: 0.5em;
  display: block;
}

.space1em {
  width: 100%;
  height: 1em;
  display: block;
}

.space1rem {
  width: 100%;
  height: 1rem;
  display: block;
}

.space1_5em {
  width: 100%;
  height: 1.5em;
  display: block;
}

.space2em {
  width: 100%;
  height: 2em;
  display: block;
}

.space3_8em {
  width: 100%;
  height: 3.8em;
}

.space4em {
  width: 100%;
  height: 4em;
}

.space5em {
  width: 100%;
  height: 5em;
}

.mt_0_8rem {
  margin-top: 0.8rem;
}

a,
a span {
  text-decoration: none !important;
}

.jqm-navmenu-link {
  z-index: 99;
}

.ui-panel-dismiss-open {
  display: none;
}

.hide {
  display: none;
}

.hidden {
  visibility: hidden;
}

.err-msg,
.register-err-msg {
  color: red !important;
  font-weight: bold !important;
  display: none;
}

.loading-icon {
  display: none;
  position: absolute;
  z-index: 9;
  width: 85px;
  right: 47%;
}

.width41 {
  width: 13%;
  margin: 3rem auto;
}

.width52 {
  width: 52%;
  margin: 0 auto;
}

.width64 {
  width: 64%;
  margin: 0 auto;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.rotate {
  transform: rotate(-180deg);
  /*transform: rotate(180deg);*/
  transition: 0.3s;
}

.rotate2 {
  transform: rotate(0deg);
  transition: 0.3s;
}

#prev-btn-circle {
  position: absolute;
  left: 5%;
  top: 0.8rem;
  z-index: 9;
  width: 12%;
  display: none;
}

.ui-alt-icon.ui-icon-bars:after {
  background: none; /*url(../../static/images/hamburger.svg) no-repeat top right;*/
  border: 0;
  float: right;
  width: 100%;
  background-size: 100% 90%;
  border-radius: 0;
}

.main-header .ui-btn {
  background: none;
  text-shadow: none;
  border: 0;
  top: 1rem;
  display: contents;
}

.main-header .ui-btn:hover {
  background-color: unset;
}

.step2-bg {
  margin: 2.5rem 0 0 0;
  border-bottom: 1px solid #eaeaea;
}

.jqm-navmenu-panel.main-menu {
  width: 80%;
  border-radius: 3rem 0px 0px 3rem;
  box-shadow: 5px 10px 20px #8f8f8f;
}

.jqm-navmenu-panel .ui-panel-inner {
  padding: 1em 10%;
}

/*.jqm-header .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay
{
	border-radius: 60px 0px 0px 60px;
	box-shadow: 5px 10px 20px #8f8f8f;
}*/
.ui-page-theme-a .ui-bar-inherit {
  background: #fff;
  border: 0;
}

.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  left: auto;
  right: 0;
}

.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: none;
}

.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  right: 0;
  -webkit-transform: translate3d(17em, 0, 0);
  -moz-transform: translate3d(17em, 0, 0);
  transform: translate3d(17em, 0, 0);
}

/*miri*/

.ui-content {
  padding: 0px;
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a,
.ui-panel-wrapper {
  background-color: #ffffff;
  margin: 0px;
}

body {
  background-color: #ffffff;
}

a {
  text-decoration: none;
}

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

img {
  max-width: 100%;
}

.section-wraper {
  padding: 5% 8.5%;
  width: 100%;
  display: inline-block;
  top: 0;
  z-index: 999;
  background: #fff;
}

.gray-bg .main-header,
.gray-bg .section-wraper {
  background: #f0f0f0;
}

.section-wraper.blue-bord {
  border-bottom: 2px solid #097ec3;
}

.section-wraper.orng-bord {
  border-bottom: 2px solid #ff9900;
}

.jqm-header .section-wraper {
  padding: 5% 8% 0 5%;
}

.section-wraper.fixed {
  position: fixed;
}

.section-wraper.no-padding {
  padding: 0;
}

.wdth100 {
  width: 100%;
  float: right;
}

.wdth50 {
  width: 50%;
}

.width-60 {
  width: 60%;
}

.width-75 {
  width: 75%;
}

.w-7 {
  width: 7%;
}

.w-10 {
  width: 10%;
}

.w-11 {
  width: 11%;
}

.w-12 {
  width: 12%;
}

.w-14 {
  width: 14%;
}

.w-16 {
  width: 16%;
}

.w-19 {
  width: 19%;
}

.w-25 {
  width: 25%;
}

.w-26 {
  width: 26%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.wdth33 {
  width: 33.33%;
}

.wdth25 {
  width: 25%;
}

.wdth20 {
  width: 20%;
}

.inner-div {
  width: 100%;
  float: right;
}

.main-header {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  text-align: center;
  background-color: #fffefe;
  position: relative;
}

.car-blue-ttl {
  color: #00a5d9;
  font-size: 5.22px;
  font-weight: normal;
}

.car-blue-sub-ttl {
  color: #00a5d9;
  font-size: 4.1vw;
  font-weight: normal;
}

.car-blue-sub-ttl.larger {
  font-size: 5.22px;
  margin-top: 0.6rem;
  display: block;
}

.car-orng-sub-ttl {
  color: #eb6f25;
  font-size: 4.1vw;
  font-weight: normal;
}

.car-orng-sub-ttl.larger {
  font-size: 5.22px;
  margin-top: 0.6rem;
  display: block;
}

#love-icon {
  position: absolute;
  width: 18%;
  bottom: 0;
  z-index: 9;
  opacity: 0;
}

.car-orng-ttl {
  color: #ff9900;
  font-size: 5.22px;
  font-weight: normal;
}

.car-orng-sub-ttl {
  color: #ff9900;
  font-size: 4.1vw;
  font-weight: normal;
}

.main-header .hamburger {
  text-align: right;
}

.main-header .hamburger img {
  width: 50%;
}

.cars-agencies .cars-agencies-icon img {
  width: 34%;
}

.cars-agencies .cars-agencies-text span {
  font-size: 3.22px;
  font-weight: normal;
  line-height: 25px;
  color: #000000;
}

.nav-menu {
  display: none;
}

.menu-profile-orng,
.menu-profile-blue {
  margin: 4% 0 0 0;
  display: block;
}

.menu-profile-orng span {
  color: #ff9900;
  width: 100%;
  display: block;
  text-align: center;
  font-weight: normal !important;
  padding: 3% 0 0 0;
  font-size: 4.22px;
}

.menu-profile-blue span {
  color: #00a5d9;
  width: 100%;
  display: block;
  text-align: center;
  font-weight: normal !important;
  padding: 3% 0 0 0;
  font-size: 4.22px;
}

.nav-menu-content {
  text-align: center;
  width: 100%;
}

.profile-img {
  width: 25%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 2rem;
}

.orng-matches-btn {
  border-radius: 3rem;
  border: 1px solid #ff9900;
  width: 80%;
  display: block;
  margin: 4% auto 0 auto;
  height: 6rem;
  color: #ff9900 !important;
  font-weight: normal !important;
}

.blue-matches-btn {
  border-radius: 3rem;
  border: 1px solid #00a5d9;
  width: 80%;
  display: block;
  margin: 4% auto 0 auto;
  height: 6rem;
  color: #00a5d9 !important;
  font-weight: normal !important;
}

.orng-matches-btn span,
.blue-matches-btn span {
  width: 100%;
  display: block;
}

.orng-matches-btn img,
.blue-matches-btn img {
  width: 26%;
  padding: 6% 0 4% 0;
}

.nav-menu .nav-menu-content {
  position: absolute;
  width: 80%;
  max-width: 473px;
  border-radius: 60px 0px 0px 60px;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  box-shadow: 5px 10px 20px #8f8f8f;
}

.nav-menu-content nav {
  padding-top: 5%; /*25%;*/
  /*padding-right: 10%;
  float: right;*/
  width: 100%;
}

.nav-menu-content.top20 nav {
  padding-top: 20%;
}

#wrp-agency-area {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 7% 0 11% 0;
  /*border-bottom: 1px solid #00A5D9;*/
}

#wrp-personal-area {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 7% 0 11% 0;
  border-bottom: 1px solid #ff9900;
}

#wrp-personal-area.blue {
  border-color: #00a5d9;
}

#wrp-personal-area > div > a,
#wrp-agency-area > div > a {
  width: 31%;
  color: #373737;
  font-weight: normal !important;
  font-size: 22px;
  position: relative;
}

#wrp-personal-area > div > a span {
  width: 90%;
  display: block;
}

#wrp-agency-area > div > a span {
  width: 100%;
  display: block;
}

.matches-list-icon {
  position: absolute;
  right: 0;
  width: 100%;
  bottom: -1.2rem;
}

.wrp-matches-menu {
  display: none;
  padding: 10% 0 0 0;
}

#arr-down.open {
  transform: rotate(-180deg);
  transition: 0.3s;
}

.wrp-matches-menu a {
  text-align: right;
  width: 100% !important;
  display: block;
  color: #000 !important;
  font-weight: normal !important;
  padding: 0 0 5% 0;
}

.wrp-matches-menu a b {
  font-weight: 300 !important;
}

.nav-menu-content .ui-icon-carat-r:after {
  background: none;
}

.nav-menu-x {
  position: absolute;
  top: 2rem;
  left: 7%;
  width: 7%;
}

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

.nav-menu-item,
.nav-menu-item2 {
  margin-bottom: 9% !important;
  background: none;
  float: right;
  width: 100%;
}

.nav-menu-item a {
  display: flex;
  align-items: center;
  align-content: center;
  text-decoration: none;
  background: none;
  float: right;
  width: 100%;
  padding: 0;
}

.nav-menu-item2 a {
  display: flex;
  align-items: center;
  align-content: center;
  text-decoration: none;
  background: none;
  float: right;
  width: 100%;
  padding: 0;
}

.ui-page-theme-a .nav-menu-item .ui-btn,
.ui-page-theme-a .nav-menu-item2 .ui-btn {
  background: none !important;
  border: 0;
}

.ui-page-theme-a .ui-btn:focus {
  box-shadow: none !important;
}

.nav-menu-item .icon {
  margin-left: 3%;
  text-align: center;
  width: 12%;
  float: right;
}

.nav-menu-item2 .icon {
  margin-left: 3%;
  text-align: center;
  width: 12%;
  float: right;
}

.nav-menu-item .icon img {
  width: 70%;
}

.nav-menu-item .icon img.settings-icon {
  width: 90%;
}

.nav-menu-item .icon img.tips-icon {
  width: 60%;
}

/*.nav-menu-item2 .icon img{
	width: 60%;
}*/
.nav-menu-item span,
.nav-menu-item2 span {
  font-weight: 300;
  font-size: 22px;
  color: #373737;
  float: right;
  line-height: 7vw;
}

.nav-menu-item2.orng span {
  color: #ff9900;
}

.nav-menu-item2.blue span {
  color: #00a5d9;
}

.nav-menu-item2.blk span {
  color: #000;
}

.enter-btn-menu {
  border-radius: 2rem !important;
  font-weight: bold !important;
  width: 45% !important;
  text-align: center !important;
  line-height: 2.5rem !important;
  margin: 0 0 0 5%;
}

.gray-line {
  width: 100%;
  height: 0.6px;
  background: #c4c4c4;
  display: block;
}

.sell-car-btn-menu {
  color: #00a5d9 !important;
  border: 2px solid #00a5d9 !important;
}

.buy-car-btn-menu {
  color: #ff9900 !important;
  border: 2px solid #ff9900 !important;
}

.wrp-menu-btns {
  padding: 0 !important;
  border: 0 !important;
  display: none !important;
}

.wrp-menu-btns.open {
  display: block !important;
}

.private-link .ui-btn-icon-right:after {
  right: auto;
  left: 5%;
  background: url(../../../static/images/gray-down-arr.svg)
    no-repeat;
  background-size: contain;
}

.private-link.open .ui-btn-icon-right:after {
  transform: rotate(-180deg);
  transition: 0.3s;
}

/*home*/
#sell-btn,
#buy-btn,
#car-img {
  position: relative;
}

.wrp-cars #car-img {
  width: 85%;
  position: absolute;
  z-index: 9;
  right: 0;
  bottom: -3.5em;
}

.home-main-section .buy-sale-area {
  text-align: center;
}

.home-main-section .buy-sale-area h1 {
  font-weight: 700 !important;
  font-size: 2.6vw;
  font-weight: normal;
  text-align: center;
  color: #208cc7;
  margin-bottom: 20px;
}

.home-main-section .buy-sale-area h2 {
  font-weight: 400;
  font-size: 1.55vw;
  line-height: 1.9;
  text-align: center;
  color: #373737;
  margin-top: -7px;
  margin-bottom: 5.9%;
  position: relative;
}

.home-main-section .buy-sale-area h2.transition {
  transition: 1.5s;
}

.home-main-section .buy-sale-area h2.active {
  transform: translateY(-200vh);
}

.home-main-section .buy-sale-area h3 {
  font-weight: 300;
  font-size: 4.22px;
  text-align: center;
  color: #208cc7;
  margin-bottom: 11%;
  position: relative;
}

.home-main-section .buy-sale-area .button {
  display: flex;
  justify-content: center;
}

.home-main-section .buy-sale-area .button a {
  background: #ffffff;
  border-radius: 80px;
  width: 100%;
  padding: 0.75vw 0;
  cursor: pointer;
  transition: 0.5s;
}

.home-main-section .buttons-section {
  position: relative;
  width: 32%;
  margin: auto;
}

.home-main-section .buttons-section.transition {
  transition: 1.5s;
}

.home-main-section .buttons-section.active {
  transform: translateY(-200vh);
}

.home-main-section .buy-sale-area .button a.blue {
  border: 1px solid #00a5d9;
  color: #00a5d9;
  margin-left: 1.40625vw;
}

.home-main-section .buy-sale-area .button a.blue:hover {
  background: #00a5d9;
  color: white !important;
}

.home-main-section .buy-sale-area .button a.orange {
  border: 1px solid #ff9900;
  color: #ff9900;
}

.home-main-section .buy-sale-area .button a.orange:hover {
  background: #ff9900;
  color: white !important;
}

.home-main-section .buy-sale-area .button a span {
  font-weight: 700;
  font-size: 1.25vw;
  line-height: 1.2;
}

.wrp-cars {
  margin-bottom: 8em;
}

.home-main-section .cars-img {
  background-image: url("../images/main-bg-img.png");
  background-repeat: no-repeat;
  background-position: left top;
  margin-top: 71px;
  margin-bottom: 122px;
  position: relative;
  background-size: 100% 100%;
}

.home-main-section .cars-img .car {
  width: 100%;
}

.home-main-section .helper-menu {
  background-color: #155b81;
  padding: 11% 12%;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #208cc7;
  padding-bottom: 9%;
  padding-left: 9%;
  align-items: center;
  align-content: center;
  margin-bottom: 30px;
}

.home-main-section
  .helper-menu
  .nav-help-item.accessibility
  .help-nav-title {
  border-bottom: 0px;
}

.home-main-section .helper-menu .nav-help-item {
  margin-bottom: 10%;
  width: 100%;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-title
  .first-part {
  display: flex;
  width: 90%;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-title
  .first-part
  img {
  margin-left: 5%;
  width: 9%;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-title
  .second-part {
  width: 10%;
  text-align: left;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-title
  .second-part
  img {
  width: 40%;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-title
  .title {
  font-weight: bold;
  font-size: 4.22px;
  text-align: right;
  color: #ffffff;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-list {
  padding-right: 10px;
  display: none;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-list
  ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-list
  li {
  margin-bottom: 6%;
}

.home-main-section
  .helper-menu
  .nav-help-item
  .help-nav-list
  li
  span {
  font-weight: 100;
  font-size: 22px;

  text-align: right;
  color: #ffffff;
}

.home-main-section .helper-menu .social {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.home-main-section .helper-menu .social .right,
.home-main-section .helper-menu .social .left {
  width: 50%;
  display: flex;
}

.home-main-section
  .helper-menu
  .social
  .right
  .social-single {
  margin-left: 5%;
  width: 33.33%;
  max-width: 30%;
}

.home-main-section
  .helper-menu
  .social
  .left
  .social-single {
  margin-right: 5%;
  width: 33.33%;
}

.home-main-section .helper-menu .social .social-single img {
  width: 100%;
}

/*inner pages*/
.inner-page-header {
  background-image: url("../images/inner-page-header.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5%;
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 3;
}

.inner-page-header .inner-header-img {
  text-align: center;
}

.inner-page-header .inner-header-img img {
  margin-bottom: -4%;
  width: 63%;
}

.inner-page-header + .section-car-details,
.inner-page-header + .section-upload-images,
.inner-page-header + .section-attach-documents,
.inner-page-header + .section-asking-price {
  padding-top: 10%;
}

/*car ID*/
.js.box {
  position: absolute;
  left: 2%;
  width: 20%;
  top: 0.8rem;
}

.js .ui-shadow-inset {
  display: none;
}

.js .inputfile {
  width: 0.1px !important;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute !important;
  z-index: -1;
}

.js.box label {
  position: static !important;
  /* left: 45px; */
  width: 100%;
}

.how-work-menu {
  background-color: #ffffff;
  background-image: url("../images/blue-elipse.png");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  /*position: absolute;
    top: 0;
    width: 100%;
    left: 0;
	z-index: 3;
	padding: 27% 0%;*/
  position: fixed;
  top: -8%;
  width: 100%;
  left: 0;
  z-index: 9;
  padding: 55% 0 0 0;
  height: 110%;
  border-radius: 130% / 70%;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.how-work-menu .how-work-single-line {
  display: flex;
  margin-bottom: 8%;
  align-items: center;
}

.how-work-menu .how-work-single-line.hand {
  margin-bottom: 2%;
}

.how-work-menu .how-work-single-line.wide-padding {
  padding-right: 15%;
}

.how-work-menu .how-work-single-line.narrow-padding {
  padding-right: 5%;
}

.how-work-menu .how-work-single-line.car img {
  width: 18%;
  margin-left: 4.5%;
}

.how-work-menu .how-work-single-line.file img {
  width: 17%;
  margin-left: 4.5%;
}

.how-work-menu .how-work-single-line.hand img {
  width: 24%;
}

.how-work-menu .how-work-single-line.handshake img {
  width: 30%;
  margin-left: 3%;
}

.how-work-menu .how-work-single-line .text {
  color: #ffffff;
}

.how-work-menu .how-work-single-line .text h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 2%;
}

.how-work-menu .how-work-single-line .text p {
  margin: 0;
  font-size: 22px;
  font-weight: 300;
}

/*car details*/
.section-car-details {
  position: absolute;
  width: 100%;
  height: 59.125rem !important;
  background: linear-gradient(
    180deg,
    rgba(156, 220, 255, 0.2) -6.54%,
    rgba(193, 233, 255, 0) 6.54%
  );
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  padding-top: 28px;
  overflow-y: auto;
}

.section-car-details.active {
  height: 59.125rem !important;
  opacity: 1;
  visibility: visible;
}

.next_button {
  width: 312px !important;
  height: 55px;
  background: #ffffff;
  border: 2px solid #00a5d9;
  border-radius: 40px;
  text-align: center;
  color: #00a5d9;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.35;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.3s ease 0s,
    background-color 0.3s ease 0s;
  cursor: pointer;
}

.next_button:hover {
  color: #fff;
  background-color: #00a5d9;
  font-weight: bold;
}

.dote {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dote .step svg {
  display: none;
}

.dote .step.completed svg {
  display: block;
  width: 100%;
  height: 100%;
}

.dote .step {
  width: 11px;
  height: 11px;
  background: #c4c4c4;
  border-radius: 50%;
}

.dote .step:last-child {
  margin-left: 0;
}

.dote .step.active {
  width: 17px;
  height: 17px;
  background: #00a5d9;
}

.dote .step.completed {
  width: 24px;
  height: 12px;
  background: unset;
  margin-left: 0;
}

#car-details-form
  .col-4
  .car-details__form-block
  .more_info
  p {
  margin-bottom: 4px;
}

.section-car-details .car-details {
  min-height: 29.625rem !important;
  padding: 0;
  margin-bottom: 1.25rem;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 3.75rem;
}

.section-car-details .car-details .col-3 {
  border-left: 1px solid #e4e4e4;
  margin: 41px 0 48px;
  margin-bottom: 0 !important;
}

.section-car-details .car-form-details.car-details .col-3 {
  width: 27.3%;
  padding-right: 28px;
}

.section-car-details .car-details .col-4 {
  border-left: 1px solid #e4e4e4;
  padding: 0 2.85%;
  padding-left: 4.4%;
  margin: 44px 0 50px;
  margin-bottom: 0 !important;
}

.section-car-details .car-form-details.car-details .col-4 {
  width: 29.8%;
}

.section-car-details .car-details .col-5 {
  margin: 41px 0 48px;
  padding: 0 2.9%;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.section-car-details .car-form-details.car-details .col-5 {
  width: 43.9%;
  margin-left: -1%;
}

.section-car-details .car-details .col-6 {
  margin: 3rem 0 5rem;
  padding: 0 3.5%;
  padding-left: 3.2%;
}

.car-details.price_check {
  padding: 3.1rem 3.7rem 0 3.7rem !important;
}

.section-car-details .car-details h1 {
  color: #00a5d9;
  text-align: center;
  font-weight: 400;
  font-size: 6vw;
  margin-bottom: 5%;
  position: fixed;
  width: 100%;
  text-align: center;
  right: 0;
  background: #fff;
  padding: 1rem 0 0.7rem 0;
}

.section-car-details .car-details .details-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.section-car-details .car-details .details-list ul li {
  height: 38px;
}

.section-car-details
  .car-details
  .details-list
  ul
  li
  .single-detail
  img {
  width: 13px;
  margin-left: 4%;
}

.section-car-details
  .car-details
  .details-list
  ul
  li
  .single-detail
  span.title {
  font-size: 18px;
  display: block;
  font-weight: 500;
}

.section-car-details
  .car-details
  .details-list
  ul
  li
  .single-detail
  span.description {
  font-size: 18px;
  font-weight: 300;
}

.section-car-details .car-details .message {
  display: flex;
  margin-bottom: 7%;
}

.section-car-details .car-details .message img {
  margin-left: 2%;
  width: 5%;
}

.section-car-details .car-details .message span {
  font-weight: 300;
  font-size: 22px;
}

.section-car-details .car-details .continue-icon {
  text-align: center;
}

.continue-icon img {
  animation: MoveUpDown 0.7s linear infinite;
}

@keyframes MoveUpDown {
  0%,
  100% {
    top: 0;
  }
  50% {
    top: 0.3em;
  }
}

.section-car-details .car-details .continue-icon img {
  width: 7%;
}

.section-car-details .car-details .km {
  text-align: center;
}

.section-car-details .car-details p {
  font-size: 22px;
  font-weight: 400;
  color: #373737;
  text-align: center;
  margin-bottom: 8px;
}

.section-car-details .car-details .km p span {
  color: #fe7d17;
}

.section-car-details .car-details .km input {
  width: 100%;
  border-radius: 33px;
  line-height: 33px;
  border: 1px #373737 solid;
  font-size: 24px;
  text-align: center;
  margin-bottom: 15px;
  font-weight: 300;
  text-align: right;
  padding: 11px 22px;
}
.section-car-details .car-details .km input::placeholder {
  font-size: 0.8vw;
}
.section-car-details .car-details .km input::placeholder {
  color: #b9b9b9;
}

.section-car-details textarea {
  resize: vertical;
  height: 133px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 30px;
  width: 100%;
  padding: 13px 22px;
  height: 90px;
  resize: none;
  overflow: auto;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.36;
}

.section-car-details textarea::placeholder {
  color: #b9b9b9;
}

.extra .car-details__form-bottom-text {
  margin-top: -0.75rem !important;
}

.section-car-details .extra {
  text-align: center;
  margin-bottom: 4%;
}

.section-car-details .extra span {
  color: #373737;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-weight: 400;
}

.continue a span {
  color: #00a5d9 !important;
}

.orange .continue a span {
  color: #ff9900 !important;
}

.section-car-details .extra span img {
  margin-right: 2%;
  width: 5%;
}

.section-car-details .extra .extra-checkbox {
  display: flex;
  flex-wrap: wrap;
}

.extra-checkbox input[type="checkbox"] {
}

/*.extra-checkbox label::before{*/
/*	border: 1px solid;		*/
/*	content: " ";    */
/*    display: block;*/
/*    margin: 0 auto .35rem auto;*/
/*    border-radius: .3rem;	*/
/*	width: 23%;*/
/*	padding-top: 21%; !* 1:1 Aspect Ratio *!*/
/*}*/
.extra-checkbox label.ui-checkbox-on {
  color: #00a5d9;
}

.extra-checkbox label.ui-checkbox-on::before {
  border-color: #00a5d9;
  background: url(../../static/images/blue-v.png) no-repeat
    center;
  background-size: 85%;
}

.section-car-details .extra .single-extra {
  margin-bottom: 38.1px;
  display: flex;
  justify-content: center;
  align-items: end;
}

.section-car-details
  .extra
  .single-extra
  input[type="checkbox"] {
  border: 1px solid #373737;
}
.section-car-details .extra .single-extra label {
  font-size: 18px;
  font-weight: 300;
  cursor: pointer;
}

.section-car-details input:checked + label {
  color: #00a5d9;
}

.section-car-details
  .extra
  .single-extra
  input[type="checkbox"]:checked {
  border-color: #00a5d9;
  border-width: 2px;
}

.section-car-details
  .extra
  .single-extra
  .ui-checkbox
  label {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: unset;
  border: unset;
  padding: 0 0px 0 15px;
  margin: 0;
  font-size: 22px;
  font-weight: 300;
}

.section-car-details
  .extra
  .single-extra
  .ui-checkbox
  label::after {
  display: none;
}

.ui-page-theme-a .ui-focus {
  box-shadow: none;
}

.section-car-details
  .extra
  .single-extra
  .ui-checkbox
  input {
  left: 50%;
  top: -35%;
  border: 1px #373737 solid;
  width: 10%;
}

/*navigation-bar*/
.navigation-bar {
  display: flex;
  background-color: #edf9ff;
  justify-content: space-between;
  padding: 5% 6%;
  font-size: 4.22px;
  position: fixed;
  width: 100%;
  z-index: 9;
  bottom: 0;
}

.navigation-bar .process {
  display: flex;
  width: 25%;
  align-items: center;
  align-content: center;
  justify-content: space-between;
}

.navigation-bar .process img {
  /*margin-left: 12%;*/
}

.navigation-bar .process img:last-child {
  margin-left: 0%;
}

.navigation-bar .process img.active {
  width: 23%; /* 40%;*/
}

.navigation-bar .process img.static {
  width: 16%; /* 28%;*/
}

.navigation-bar a {
  color: #b9b9b9;
}

.navigation-bar .active a {
  color: #00a5d9;
}

.navigation-bar.orange {
  background: #fff8f3;
  border-top: 1px solid #b9b9b9;
  z-index: 99;
}

.navigation-bar.orange a {
  color: #b9b9b9;
}

.navigation-bar.orange .active a {
  color: #ff9900;
}

/*navigation-bar*/
.section-upload-images {
  text-align: center;
  padding: 8.3em 5% 0 5%;
  margin-bottom: 20%;
}

.section-upload-images .title h1 {
  color: #00a5d9;
  font-size: 6.22px;
  font-weight: 400;
  margin-bottom: 3%;
  position: fixed;
  width: 100%;
  background: #ffff;
  right: 0;
  padding: 1.3rem 0 0.5rem 0;
  z-index: 3;
  top: 7.8rem;
}

.upload-area {
  margin-top: 3.8rem;
}

.section-upload-images .title h1 span {
  color: #ff9900;
  margin: 0% -2% 0% 1%;
}

.section-upload-images .title h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 3.5%;
}

.section-upload-images .upload-area .upload {
  display: flex;
  flex-direction: column;
}

.section-upload-images .upload-area .upload img {
  margin-top: -1%;
  width: 25%;
}

/*.upload-area .main-image-upload{
	margin-bottom: 8%;
}*/
.del-img,
.del-img2 {
  visibility: hidden;
  z-index: 2;
  position: relative;
}

.wrp-upload-img {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-size: cover !important;
  background-position: center !important;
  display: none;
  margin: 0 auto;
  overflow: hidden;
}

.upload-main-img-wrap {
  width: 100%;
}

.main-image-upload-area img {
  width: 220px;
}

.image-upload-area img {
  width: 100%;
}

.video-upload-wrap {
  width: 220px;
  margin: 0 auto;
}

.car-video-preview {
  height: 100%;
  background: black;
}

.gray-txt {
  color: #a0a0a0;
}

.wrp-upload-img img {
  width: 100% !important;
  visibility: hidden;
}

.upload-area .description {
  margin-bottom: 6%;
}

.upload-area .description span {
  font-size: 3.8vw;
  font-weight: 300;
}

.upload-area .main-image-upload .upload img {
  width: 34%;
}

.upload-area .more-images-upload {
  margin-bottom: 5%;
}

.upload-area .more-images-upload .upload {
  display: inline-block;
}

.upload-area .more-images-upload .upload .single-image {
  width: 33.33%;
  float: right;
  display: inline-block;
  position: relative;
}

.upload-area .more-images-upload .upload .single-image img {
  width: 80%;
}

.upload-area .video-upload .video-description {
  margin-bottom: 7%;
}

.upload-area .video-upload .video-description img {
  width: 8.5%;
  margin-bottom: 2%;
}

.no-border {
  border: 0 !important;
}

.border_right {
  border-left: 1px solid #e4e4e4;
}

#upload-images-form .col-6,
#upload-images-form .col-3 {
  margin-bottom: 23px !important;
}

#upload-images-form .col-3 {
  width: 23.5%;
  margin-top: 37px;
}

#upload-images-form .col-6 {
  width: 44.65%;
  margin-top: 36px;
}

.main-image-wrapper {
  width: 25.5% !important;
  padding-right: 5.1% !important;
  padding-left: 4.1% !important;
}

.main-image-upload-area {
  position: relative;
  display: block;
  border-radius: 20%;
  overflow: hidden;
}

.single-image {
  width: 29.1% !important;
  margin-left: 6.3%;
}

.single-image:nth-child(3n) {
  margin-left: 0;
}

.image-upload-area {
  position: relative;
  display: block;
  border-radius: 20%;
  overflow: hidden;
}

.video-upload-area {
  position: relative;
  display: block;
  border-radius: 12%;
  overflow: hidden;
}

.single-image {
  padding: 0 !important;
}

#upload-images-form .col-3.no-border {
  width: 29.5%;
}

.upload-video-title {
  position: relative;
  margin-bottom: 22px;
}

.upload-video-title svg {
  position: absolute;
  width: 38px;
  top: 6px;
  right: 31.2%;
}

#upload-images-form .car-details p {
  margin-bottom: 23px;
}

#upload-images-form .car-details .col-6 p {
  margin-bottom: 30px;
}

.upload .del-img {
  height: 37px;
  object-fit: contain;
}

.video-description {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}

.video-description span {
  font-weight: 300;
  font-size: 19px;
  line-height: 1.7;
  text-align: center;
}

.video-description {
  margin-bottom: 46px;
}

.upload-area .video-upload .video-description h2 {
  color: #208cc7;
  font-weight: 300;
  font-size: 4.22px;
  margin-bottom: 3%;
}

.upload img {
  display: flex;
  justify-content: center;
  margin: auto;
}

.main-image-upload {
}

.upload-area .video-upload .video-description span {
  font-weight: 300;
  font-size: 3.8vw;
}

.upload-area .video-upload .upload img {
  width: 38.2%;
}

/*attach documents*/

.upload-files-title {
  margin-bottom: 35px !important;
}

#upload-files-form p {
  font-size: 22px;
}

#upload-files-form p.history {
  margin-bottom: 4px;
}

#upload-files-form .car-details {
  padding: 25px 51px;
}

#upload-files-form .col-md-5 {
  width: 42.9%;
  padding: 0;
}

.section-attach-documents {
  padding: 12rem 7% 0 7%;
  margin-bottom: 35%;
}

.section-attach-documents .attach-documents-title {
  text-align: center;
  margin-bottom: 4%;
}

.section-attach-documents .attach-documents-title h1 {
  color: #208cc7;
  font-size: 6.22px;
  font-weight: 400;
  margin-bottom: 2%;
  position: fixed;
  width: 100%;
  display: block;
  background: #fff;
  right: 0;
  padding: 1.5rem 0 0.6rem 0;
  top: 7.8rem;
  position: fixed;
  z-index: 9;
}

.section-attach-documents .attach-documents-title h2 {
  font-size: 4.8vw;
  font-weight: 400;
}

.section-attach-documents
  .test-confimiration
  .add-file-img {
  width: 10%;
}

.section-attach-documents .wrp-upload-files .add-file-img {
  width: 55%;
}

.test-confimiration {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.wrp-upload-files {
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
  width: 10%;
}

.care-upload .wrp-upload-files,
.claims-upload-files .wrp-upload-files {
  width: 100%;
}

.wrp-upload-files a {
  color: #b4b4b4;
  font-weight: normal;
  visibility: hidden;
  /*padding-left: 12%;*/
}

.claims-details {
  width: 18%;
}

.section-attach-documents .test-confimiration p {
  margin: 0%;
  font-size: 4.22px;
  font-weight: 400;
  width: 82%;
}

.section-attach-documents .care-history {
  margin-bottom: 8%;
}

.section-attach-documents .care-history p {
  margin: 0% 0% 0.5%;
  font-size: 4.22px;
  font-weight: 400;
}

.section-attach-documents .care-history span {
  color: #a0a0a0;
  font-size: 3.8vw;
}

.care-details {
  margin-top: 20px;
}

.care-details.treat-0 {
  margin-top: 0 !important;
}

.section-attach-documents .care-history .care-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3% 0% 3%;
}

.section-attach-documents
  .care-history
  .care-details
  .care-list {
  width: 75%;
}

.section-attach-documents
  .care-history
  .care-details
  .care-list
  .ui-icon-carat-d:after {
  background-image: url("../images/attach-down-arrow.svg");
}

.section-attach-documents
  .care-history
  .care-details
  .care-list
  .ui-btn-icon-right:after {
  background-color: unset;
  left: 4%;
  right: unset;
  background-size: 100%;
}

.section-attach-documents
  .care-history
  .care-details
  .care-list
  .ui-btn {
  background: #ffffff;
  border: 1px #000000 solid;
  border-radius: 30px;
}

.section-attach-documents .care-history .care-details .care-list .ui-icon-carat-d /*#care-select-button*/ {
  padding: 3% 6%;
}

.section-attach-documents .care-history .care-details .care-list .ui-icon-carat-d span /*#care-select-button span*/ {
  text-align: right;
  color: #a0a0a0;
  font-weight: 400;
  font-size: 22px;
}

.section-attach-documents
  .care-history
  .care-details
  .care-list
  form
  option.selected-option {
  display: none;
}

.section-attach-documents
  .care-history
  .care-details
  .care-list
  form
  > option {
  font-size: 3.22px;
  color: #5f5f5f;
}

.section-attach-documents
  .care-history
  .care-details
  .care-upload {
  width: 18%;
  text-align: left;
}

/*.section-attach-documents .care-history .care-details .care-upload .add-file-img{
	width: 40%;
}*/
.section-attach-documents .care-history .add-care img {
  width: 4%;
  margin-bottom: -1%;
  margin-left: 1%;
}

.section-attach-documents .care-history .add-care span {
  font-weight: 400;
}

.section-attach-documents .slick-next.slick-arrow {
  background-image: url("../images/adv/arrow-next.svg");
  padding: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  box-shadow: unset;
  background-color: transparent;
  width: 5%;
  top: 55%;
}

.section-attach-documents .slick-prev.slick-arrow {
  background-image: url("../images/adv/arrow-next.svg");
  padding: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: 0;
  box-shadow: unset;
  background-color: transparent;
  transform: rotate(190deg);
  z-index: 1;
  width: 5%;
  top: 52%;
}

.wrp-slide {
  margin: 1% 8px 0.5% 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-attach-documents .slick-prev.slick-arrow::before,
.section-attach-documents .slick-next.slick-arrow::before {
  content: "";
}

.section-attach-documents .base_slider {
  margin: 7.5rem 0 0 0;
}

.files-slider-section {
  width: 22% !important;
  margin-right: 11%;
}

.files-slider {
  display: flex;
  justify-content: center;
  background: #f3f3f3;
  align-items: center;
  margin: auto;
  width: 100%;
  padding-top: 141.43%;
  border: 1px solid #b9b9b9;
  border-radius: 10px;
  overflow: hidden;
}

.files-slider-section .base_slider .slick-prev:before,
.files-slider-section .base_slider .slick-next:before {
  content: "";
  display: block;
  height: 100%;
  background: black;
  clip-path: polygon(
    0 10%,
    10% 0,
    100% 50%,
    10% 100%,
    0 90%,
    70% 50%
  );
}

.files-slider-section .base_slider .slick-prev:before {
  clip-path: polygon(
    90% 0,
    100% 10%,
    30% 50%,
    100% 90%,
    90% 100%,
    0% 50%
  );
}

.files-slider-section .base_slider .slick-prev,
.files-slider-section .base_slider .slick-next {
  width: 12px;
}

.files-slider-image img,
.files-slider iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  object-fit: contain;
}

#toolbar {
  display: none !important;
}

.files-slider-file-wrap {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  color: black;
}

.files-slider-file-wrap img {
  width: 40px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.v-number {
  margin-top: 1.5rem;
  font-size: 4.22px;
}

.v-number span {
  display: block;
  text-align: left;
  font-size: 3.22px;
}

.more_car_acsess a {
  display: inline-block;
  width: 80%;
  color: #000;
  text-decoration: underline !important;
  font-weight: normal;
  font-size: 20px;
}

.more_car_acsess .wrp-trans {
  width: 31%;
  left: -8%;
  position: absolute;
  bottom: 33%;
  margin: 0 0 -60px 0;
}

.more_car_acsess .wrp-trans.smaller {
  width: 24%;
  left: 0;
  bottom: 20%;
  margin: 0;
}

.more_car_acsess .wrp-trans .the_trans {
  right: auto;
  left: 0;
  width: 100%;
  position: relative;
}

.wrp-trans-adv {
  position: absolute;
  left: 0;
  width: 28%;
  bottom: 5em;
}

.section-attach-documents .claims-history p {
  font-size: 4.22px;
  font-weight: 400;
  margin: 0;
}

.section-attach-documents .claims-history .claims-details {
  display: flex;
}

.section-attach-documents
  .claims-history
  .claims-details
  .claims-details-title {
  width: 75%;
}

.section-attach-documents
  .claims-history
  .claims-details
  .claims-details-title
  span {
  color: #a0a0a0;
  font-size: 3.8vw;
}

.section-attach-documents
  .claims-history
  .claims-details
  .claims-upload-files {
  width: 25%;
  text-align: left;
}

.section-attach-documents
  .claims-history
  .claims-details
  .claims-upload-files
  img.add-file-img {
  width: 40%;
}

.section-attach-documents .madad h4 {
  color: #211e1f;
  font-size: 3.2vw;
  font-weight: 300;
  text-align: center;
}

/*section-asking-price*/
.section-asking-price {
  text-align: center;
  padding: 12rem 10% 0 10%;
  margin-bottom: 25%;
}

.section-asking-price .title h1 {
  color: #00a5d9;
  font-size: 6.22px;
  font-weight: 400;
  margin-bottom: 5%;
  position: fixed;
  top: 8rem;
  z-index: 9;
  background: #fff;
  text-align: center;
  width: 100%;
  right: 0;
  padding: 1.5rem 0 1rem 0;
}

.section-asking-price .title h1 span {
  color: #ff9900;
  margin: 0% 0% 0% 1%;
}

.section-asking-price .price-input {
  display: flex;
  align-items: center;
  /*margin-bottom: 0.5%;*/
  margin: 0 auto 0.5% auto;
  width: 94%;
}

.section-asking-price .price-input .form-price {
  width: 88%;
}

.section-asking-price .price-input .form-price input {
  border: 1px #208cc7 solid;
  border-radius: 1.1rem;
  text-align: right;
  color: #373737;
  font-size: 4.22px;
  padding: 3% 5% 3% 0;
  height: 2.5rem;
}

.form-price label {
  color: #208cc7;
  position: absolute;
  z-index: 1;
  background: white;
  top: -0.09em;
  right: 8%;
  padding: 0 2%;
  font-size: 22px;
  display: none;
}

.section-asking-price
  .price-input
  .form-price
  form
  input::placeholder {
  color: #b9b9b9;
  font-weight: 300;
}

.section-asking-price .ui-body-inherit {
  border: 0px;
  box-shadow: unset;
}

.section-asking-price .price-input .icon-shekel {
  width: 12%;
}

.section-asking-price .price-input .icon-shekel img {
  width: 42%;
}

.section-asking-price .asking-price-description {
  margin-bottom: 5%;
}

.section-asking-price .asking-price-description span {
  color: #000000;
  font-size: 4.6vw;
  font-weight: 300;
}

.section-asking-price .button-check .bdok-button {
  padding: 20% 0%;
}

.section-asking-price .button-check .bdok-button img {
  width: 26%;
}

.trade-in-form .ui-checkbox {
  margin: 0;
}

.trade-in-form label {
  font-weight: 400;
  font-size: 3.8vw;
  text-align: center !important;
  background: #ffffff !important;
  border: 0px !important;
}

.section-asking-price .trade-in-form label {
  color: #ff9900 !important;
  font-size: 4.2vw;
  padding-right: 16%;
}

/*.section-asking-price*/
.trade-in-form .ui-btn.ui-checkbox-off:after {
  background: #ffffff;
  border: 1px #5f5f5f solid;
  opacity: 1;
  width: 6%;
  height: 42.7%;
  margin-top: -3.2%;
  right: 10%;
}

/*.section-asking-price*/
.trade-in-form .ui-btn.ui-checkbox-on:after {
  background-color: #ff9900;
  width: 6%;
  height: 42.7%;
  margin-top: -2.5%;
  right: 10%;
}

.ui-btn.ui-checkbox-on.ui-checkbox-on:after {
  background-image: url("../images/checkbox-vi.svg") !important;
  background-size: 75%;
}

.section-asking-price
  .trade-in-form
  .ui-btn-icon-left:after {
  right: 15%;
}

.section-asking-price .contact-form .title {
  margin-bottom: 5%;
}

.section-asking-price .contact-form .title img {
  width: 11%;
  margin-bottom: 2%;
  margin-right: 4.5%;
}

.section-asking-price .contact-form .title h2 {
  color: #208cc7;
  font-size: 5.8vw;
  font-weight: 400;
  margin-bottom: 1.5%;
}

.section-asking-price .contact-form .title h2 span {
  color: #ff9900;
  margin: 0% 0% 0% 1%;
}

.section-asking-price .contact-form .title span.details {
  color: #373737;
  font-size: 22px;
  font-weight: 300;
}

.section-asking-price .form {
  width: 85%;
  margin: 0 auto;
}

.section-asking-price
  .contact-form
  .form
  form
  .contact-form-single-item {
  position: relative;
}

.section-asking-price .contact-form .form form input {
  position: relative;
  border: 1px #208cc7 solid;
  border-radius: 1rem;
  text-align: right;
  color: #373737;
  font-size: 3.22px;
  padding: 3.5% 5%;
}

.section-asking-price .contact-form .form form input.city {
  background-image: url("../images/price/map-marker.png");
  background-repeat: no-repeat;
  background-size: 8%;
  background-position: 3% 41%;
}

.section-asking-price .contact-form .form form input.tel {
  background-image: url("../images/price/phone.png");
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: 4% 48%;
}

.section-asking-price .contact-form .form form label {
  color: #208cc7;
  position: absolute;
  z-index: 1;
  background: white;
  top: -0.7em;
  right: 7%;
  padding: 0% 2%;
  font-size: 3.2vw;
  display: none;
}

.section-asking-price
  .contact-form
  .form
  form
  input::placeholder {
  color: #b9b9b9;
  font-weight: 300;
}

.section-asking-price .contact-form .form form textarea {
  position: relative;
  border: 1px #208cc7 solid;
  border-radius: 1rem;
  text-align: right;
  color: #373737;
  font-size: 3.22px;
  padding: 3.5% 5%;
  height: 13rem !important;
}

.section-asking-price
  .contact-form
  .form
  form
  textarea::placeholder {
  color: #b9b9b9;
  font-weight: 300;
}

.section-asking-price
  .contact-form
  .form
  form
  .ui-input-text {
  margin-bottom: 8%;
}

/*buy car*/
/*section-car-search*/
.section-car-search {
  text-align: center;
  position: relative;
  margin: 6rem auto auto auto;
}

.section-car-search #man_car {
  position: absolute;
  z-index: -1;
  right: -60%;
  width: 90%;
  top: -5%;
}

.section-car-search .title h1 {
  color: #ff9900;
  font-size: 6vw;
  font-weight: 400;
  margin-bottom: 5%;
}

.section-car-search .which-car-buttons {
  display: inline-flex;
  margin-bottom: 5.3%;
  width: 85%;
  justify-content: center;
}

.section-car-search .which-car-buttons div {
  width: 33.33%;
  margin-left: 8.8%;
  border: 1px #000000 solid;
  border-radius: 30px;
  padding: 0 3.6%;
  background: #ffffff;
  line-height: 3.1;
}

.section-car-search .which-car-buttons div:last-child {
  margin-left: 0%;
}

.section-car-search .which-car-buttons div.active {
  border: 2px #ff9900 solid;
}

.section-car-search .which-car-buttons div span {
  color: #000000;
  font-size: 16px;
  font-weight: 300;
}

.section-car-search .which-car-buttons div.active span {
  color: #ff9900;
  font-weight: 600;
}

.section-car-search .wrapper-chosse-by h2 {
  color: #ff9900;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 3%;
}

.section-car-search .wrapper-chosse-by .type-buttons {
  display: flex;
  margin: auto auto 7% auto;
  justify-content: center;
  align-items: center;
}

.section-car-search .wrapper-chosse-by .type-buttons div {
  width: 33.33%;
  margin-left: 3%;
  border: 1px #000000 solid;
  border-radius: 30px;
  padding: 2.5% 2%;
  background: #ffffff;
}

.section-car-search
  .wrapper-chosse-by
  .type-buttons
  div.active {
  border: 2px #ff9900 solid;
}

.section-car-search
  .wrapper-chosse-by
  .type-buttons
  div.or {
  border: 0px;
  width: 10%;
}

.section-car-search
  .wrapper-chosse-by
  .type-buttons
  div:last-child {
  margin-left: 0%;
}

.section-car-search
  .wrapper-chosse-by
  .type-buttons
  div
  span {
  color: #000000;
  font-size: 22px;
  font-weight: 300;
}

.section-car-search
  .wrapper-chosse-by
  .type-buttons
  div.active
  span {
  color: #ff9900;
  font-weight: 600;
}

.filter_list_car h4 {
  font-size: 22px;
  margin-bottom: 15px;
}

.type-or-model {
  float: right;
  width: 100%;
  position: relative;
  height: 15em;
}

.type-images,
.manufactor-model {
  position: absolute;
  width: 100%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 3% auto;
  direction: ltr;
  width: 77%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row.type-fourth-row {
  direction: ltr;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row
  .single-type {
  width: 33.33%;
  margin-bottom: 5%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row
  .single-type
  a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row
  .single-type
  img {
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.managers
  img {
  width: 87.5%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.family
  img {
  width: 87.5%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.small
  img {
  width: 60%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.fun
  img {
  width: 67.5%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.fun.active
  img {
  margin-top: -0.5em;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.electric
  img {
  width: 86%;
  margin-top: -0.8em;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.hybrid
  img {
  width: 82%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.pick-up
  img {
  width: 77%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.minivan
  img {
  width: 80%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.commercial
  img {
  width: 81.5%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.precious
  img {
  width: 79%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.sport
  img {
  width: 71%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type
  span {
  color: #000000;
  font-size: 3.22px;
  font-weight: 300;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .single-type.active
  span {
  color: #ff9900;
  font-weight: 600;
}

.single-type.pickup img {
  width: 80%;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row-note {
  background: #fff9f5;
  padding: 10% 5%;
  text-align: right;
  margin-bottom: 7%;
  display: none;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row-note
  .note
  .inner-note {
  display: flex;
  flex-wrap: wrap;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row-note
  .note
  .inner-note
  a {
  width: 33.33%;
  margin-bottom: 6%;
  text-align: center;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row-note
  .note
  .inner-note
  span {
  color: #5f5f5f;
  font-size: 22px;
  font-weight: 400;
}

.section-car-search
  .wrapper-chosse-by
  .type-images
  .type-row-note
  .note
  .inner-note
  .active
  span {
  color: #ff9900;
  text-decoration: underline !important;
}

.manufactor-model {
  display: none;
}

.section-car-search
  .wrapper-chosse-by
  .type-or-model
  .manufactor-model
  .filter
  form
  .manufactor-model-single
  .ui-btn {
  background: #ffffff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 34px;
  padding: 4% 6%;
  margin-bottom: 6%;
}

.section-car-search
  .wrapper-chosse-by
  .type-or-model
  .manufactor-model
  .filter
  form
  .manufactor-model-single.active
  .ui-btn {
  border: 1px #ff9900 solid;
}

.lists {
  position: absolute;
  z-index: 10;
  top: 1.6em;
  width: 100%;
}

.lists li {
  text-align: right !important;
}

.makers-lst .wrp-arr {
  position: absolute;
  left: 0;
  width: 20%;
  height: 72%;
  top: 0;
  z-index: 9;
}

.makers-lst .wrp-arr a {
  background-image: url(../images/buy/grey-down-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 33%;
  width: 25%;
  height: 1em;
  top: 1.2em;
  z-index: 9;
}

.makers-lst input {
  width: 100%;
  height: 50px;
  border: 1px #ff9900 solid;
  border-radius: 34px;
  padding: 3% 6%;
  margin-bottom: 6%;
  position: relative;
  color: #b9b9b9;
  z-index: 1;
}

.section-car-search
  .wrapper-chosse-by
  .type-or-model
  .manufactor-model
  .filter
  form
  .manufactor-model-single
  span {
  text-align: right;
  color: #b9b9b9;
  font-size: 22px;
  font-weight: 300;
}

.section-car-search
  .wrapper-chosse-by
  .type-or-model
  .manufactor-model
  .filter
  form
  .manufactor-model-single
  .ui-btn-icon-right:after {
  background: unset;
  left: 7%;
  right: unset;
  width: 6%;
  top: 1.8rem;
}

.section-car-search
  .wrapper-chosse-by
  .type-or-model
  .manufactor-model
  .filter
  form
  .manufactor-model-single.active
  .ui-icon-carat-d:after {
  background-image: url("../images/buy/orange-down-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.section-car-search
  .wrapper-chosse-by
  .type-or-model
  .manufactor-model
  .filter
  form
  .manufactor-model-single
  .ui-icon-carat-d:after {
  background-image: url("../images/buy/grey-down-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.section-car-search .how-it-work-button {
  position: absolute;
  bottom: 1%;
}

.wrp-menu {
  background: #fff;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 99;
  display: none;
}

#how-works-btn {
  /*border: 1px solid #FF9900;
	color: #FF9900;
	background: #FFF8F0;
    border-radius: 50%;
	position: relative;
	width: 33%;
	padding-top: 33%;
	right: 0;
	bottom: 0;*/
  width: 24%;
  float: right;
  margin-right: 4%;
  margin-top: -30%;
  float: right;
  display: inline-block;
  position: relative;
  z-index: 1;
}

#how-works-btn:after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: #fff8f0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ff9900;
}

#how-works-btn span {
  width: 80%;
  padding-top: 50%;
  line-height: 1em;
  margin-top: -0.8em;
  text-align: center;
  float: left;
  color: #ff9900;
  font-weight: normal;
  margin-left: 10%;
}

.section-car-search {
  position: relative;
  margin-top: 6em;
}

.how-it-work-orange-menu {
  /*background-color: #ffffff;
	background-image: url(../images/buy/how-it-works-orange-bg.png);
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;*/
  position: fixed; /*absolute;*/
  top: -8%;
  width: 100%;
  left: 0;
  z-index: 3;
  background: #fe7d17;
  padding: 55% 0 0 0;
  height: 110%;
  border-radius: 130% / 70%;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.how-it-work-orange-menu .how-work-single-line {
  display: flex;
  margin-bottom: 8%;
  align-items: center;
}

.how-it-work-orange-menu
  .how-work-single-line.wide-padding {
  padding-right: 14%;
}

.how-it-work-orange-menu
  .how-work-single-line.wider-padding {
  padding-right: 10%;
}

.how-it-work-orange-menu
  .how-work-single-line.narrow-padding2 {
  padding-right: 2%;
  margin-bottom: 3%;
}

.how-it-work-orange-menu
  .how-work-single-line.narrow-padding {
  padding-right: 7%;
}

.how-it-work-orange-menu .how-work-single-line.car img {
  width: 18%;
  margin-left: 4.5%;
}

.how-it-work-orange-menu .how-work-single-line.file img {
  width: 17%;
  margin-left: 4.5%;
}

.how-it-work-orange-menu .how-work-single-line.hand img {
  width: 24%;
}

.how-it-work-orange-menu
  .how-work-single-line.handshake
  img {
  width: 30%;
  margin-left: 3%;
}

.how-it-work-orange-menu .how-work-single-line .text {
  color: #ffffff;
  text-align: right;
}

.how-it-work-orange-menu .how-work-single-line .text h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 2%;
}

.how-it-work-orange-menu .how-work-single-line .text p {
  margin: 0;
  font-size: 22px;
  font-weight: 300;
}

.how-it-work-orange-menu .how-work-single-line.car .text p {
  max-width: 85%;
}

.how-it-work-orange-menu .how-work-orange-close {
  position: absolute;
  bottom: 5%;
  right: 17%;
  width: 9%;
}

/*.how-it-work-orange-menu .how-work-orange-close img{
	width: 96%;
}*/
.section-wraper.no-padding .inner-header-img {
  position: absolute;
  width: 62%;
  right: 19%;
  bottom: -0.8rem;
}

.section-wraper.no-padding .hamburger {
  position: absolute;
  right: 5%;
  top: 1.5em;
}

.buy-inner-page-header {
  background-image: url(../images/buy/header-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 5%;
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}

.buy-inner-page-header + .section-car-search-step2 {
  margin-top: 11.5em;
}

.buy-inner-page-header .inner-header-img {
  text-align: center;
  position: relative;
}

.buy-inner-page-header .inner-header-img img {
  margin-bottom: -4%;
  width: 63%;
}

img.key {
  width: 55%;
  position: absolute;
  right: 0;
}

.inner-header-img #car-img {
  position: absolute;
  z-index: 9;
  right: 43%;
  width: 11%;
  bottom: 1.9em;
}

.inner-header-img #car-glass {
  position: absolute;
  width: 26%;
  right: 32%;
  bottom: 0.7rem;
}

.section-car-search-step2 {
  width: 75%;
  margin: 10em auto 0 auto;
}

.section-car-search-step2 .select-section {
  margin-bottom: 7%;
  margin-top: 5%;
}

.section-car-search-step2 .select-section .title {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5%;
}

.section-car-search-step2 .select-section .title img {
  margin-left: 2%;
  width: 7%;
}

.section-car-search-step2 .select-section .title h2 {
  color: #ff9900;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
}

.section-car-search-step2
  .select-section
  .form
  .form-single-wrraper {
  display: flex;
  justify-content: space-between;
}

.section-car-search-step2
  .select-section
  .form
  .form-single-wrraper
  .form-single {
  width: 48%;
}

.section-car-search-step2
  .select-section
  .form
  .form-single-wrraper
  .form-single
  .ui-btn {
  background-color: #ffffff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 8.5% 15%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
}

.section-car-search-step2
  .select-section
  .form
  .form-single-wrraper
  .form-single
  .ui-btn-icon-right:after {
  background-color: unset;
  right: unset;
  left: 11%;
}

.section-car-search-step2
  .select-section
  .form
  .form-single-wrraper
  .form-single
  .ui-icon-carat-d:after {
  background-image: url("../images/buy/step2/arrow-down.svg");
  background-size: 100%;
}

.section-car-search-step2
  .select-section
  .form
  .trade-in
  .ui-btn {
  background: unset;
  border: 0px;
  text-align: right;
  color: #a0a0a0;
  font-weight: 400;
  font-size: 22px;
  padding: 2% 13%;
}

.section-car-search-step2
  .select-section
  .form
  .trade-in
  .ui-btn.ui-checkbox-off:after {
  background-color: #ffffff;
  border: 1px #373737 solid;
  opacity: 1;
  width: 5%;
  height: 50%;
  left: unset;
  right: 5%;
  top: 42%;
}

.section-car-search-step2
  .select-section
  .form
  .trade-in
  .ui-checkbox-on:after {
  background-color: #ff9900;
  border: 1px #ff9900 solid;
  opacity: 1;
  width: 5%;
  height: 50%;
  left: unset;
  right: 5%;
  top: 42%;
}

.section-car-search-step2
  .select-section
  .form
  .trade-in
  input {
  display: none;
}

.section-car-search-step2
  .select-section
  .form
  .trade-in
  br {
  display: none;
}

.section-car-search-step2
  .select-section
  .form
  .form-single.width100
  .ui-btn {
  background-color: #ffffff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 4.1% 7%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
}

.section-car-search-step2
  .select-section
  .form
  .form-single.width100
  .ui-btn-icon-right:after {
  background-color: unset;
  right: unset;
  left: 5%;
}

.section-car-search-step2
  .select-section
  .form
  .form-single.width100
  .ui-icon-carat-d:after {
  background-image: url("../images/buy/step2/arrow-down.svg");
  background-size: 100%;
}

.section-car-search-step2 .inner-div .step2-more-details {
  float: right;
  margin: 0 auto 30%;
  width: 100%;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .title {
  float: right;
  text-align: center;
  width: 100%;
  margin-bottom: 5%;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .title
  h2 {
  color: #000000;
  font-weight: 300;
  font-size: 3.8vw;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .title
  h2.orange {
  color: #ff9900;
  font-size: 22px;
  margin-bottom: 1%;
  font-weight: 400;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .content
  .form
  .ui-btn {
  background-color: #ffffff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 4.1% 7%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
  margin-bottom: 7%;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .content
  .form
  .ui-btn-icon-right:after {
  background-color: unset;
  right: unset;
  left: 8%;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .content
  .form
  .ui-icon-carat-d:after {
  background-image: url("../images/buy/step2/arrow-down.svg");
  background-size: 100%;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .content
  .form
  textarea {
  background-color: #ffffff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 30px;
  padding: 4.1% 7%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
  height: unset !important;
}

.section-car-search-step2
  .inner-div
  .step2-more-details
  .content
  .form
  textarea::placeholder {
  color: #b9b9b9;
}

.section-car-search-step3 {
  width: 100%;
  margin: 0 auto;
}

.section-car-search-step3 .run-car {
  float: right;
  width: 100%;
  text-align: center;
  background-image: url("../images/buy/step3/road1.png");
  background-repeat: no-repeat;
  min-height: 816px;
  position: relative;
  background-position: bottom center;
  background-size: cover;
}

.section-car-search-step3 .run-car img {
  width: 29.7%;
  position: absolute;
  bottom: 0;
  right: 35%;
  padding-bottom: 6%;
}

.section-car-search-step3 .title {
  width: 80%;
  margin: 0px auto 8%;
}

.section-car-search-step3 .title h2 {
  font-size: 6.22px;
  font-weight: 400;
  color: #ff9900;
  margin-bottom: 1%;
}

.section-car-search-step3 .title h3 {
  font-size: 4.22px;
  font-weight: 400;
  color: #211e1f;
  margin-top: 0.5rem;
}

.section-car-search-step3 .google-regist {
  width: 80%;
  margin: 0 auto 10%;
  border: 1px #373737 solid;
  border-radius: 1.4em;
  padding: 1.7% 0%;
}

.section-car-search-step3 .google-regist a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.section-car-search-step3 .google-regist a span {
  font-size: 22px;
  font-weight: 400;
  color: #373737;
  margin-left: 2%;
}

.section-car-search-step3 .google-regist a img {
  width: 10%;
}

.section-car-search-step3 .or {
  font-size: 4.22px;
  font-weight: 300;
  color: #00a5d9;
  width: 70%;
  margin: 0 auto 10%;
}

.section-car-search-step3 .or span {
  border: 1px #e5e5e5 solid;
  border-radius: 50%;
  padding: 3.8% 5.17%;
  background: #ffffff;
  z-index: 9;
  position: relative;
  top: 1em;
}

.section-car-search-step3 .or hr {
  border-top: 1px #e5e5e5 solid;
  margin-top: -3%;
  width: 100%;
}

.section-car-search-step3 .form-regist {
  width: 77%;
  margin: 0 auto;
}

.section-car-search-step3 .form-regist form .single-row {
  margin-bottom: 4%;
}

.section-car-search-step3
  .form-regist
  form
  .single-row
  .ui-body-inherit {
  background: unset;
  border: 0px;
  box-shadow: unset;
  border-bottom: 1px #ff9900 solid;
  border-radius: 0px;
  padding-right: 1%;
  width: 92%;
  margin: 0 auto;
}

.section-car-search-step3
  .form-regist
  form
  .single-row
  .ui-body-inherit
  input {
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  padding: 0% 12% 0 0;
  background-repeat: no-repeat;
  background-position: 100% 16%;
}

.section-car-search-step3
  .form-regist
  form
  .single-row.name
  .ui-body-inherit
  input {
  background: url("../images/buy/step3/name-icon.svg")
    no-repeat right center;
  background-size: 7%;
}

.section-car-search-step3
  .form-regist
  form
  .single-row.tel
  .ui-body-inherit
  input {
  background: url("../images/buy/step3/mobile-icon.svg")
    no-repeat right 1% center;
  background-size: 5%;
}

.section-car-search-step3
  .form-regist
  form
  .single-row.mail
  .ui-body-inherit
  input {
  background: url("../images/buy/step3/mail-icon.svg")
    no-repeat center right;
  background-size: 8%;
}

.section-car-search-step3
  .form-regist
  form
  .single-row
  .ui-body-inherit
  input::placeholder {
  font-size: 22px;
  font-weight: 300;
  color: #c4c4c4;
}

.section-car-search-step3 .form-regist form .submit {
  margin: 8% 0 8%;
}

.section-car-search-step3
  .form-regist
  form
  .submit
  .ui-btn {
  background: unset;
  box-shadow: unset;
  color: #ff9900;
  font-size: 22px;
  font-weight: 400;
  border: 3px #ff9900 solid;
  border-radius: 1.2em;
  padding: 3.8% 0%;
}

.section-car-search-step3 .verifiction-code {
  width: 80%;
  margin: 0 auto 8%;
}

.section-car-search-step3 .verifiction-code span {
  color: #211e1f;
  font-size: 4.7vw;
  font-weight: 400;
  display: block;
  margin-bottom: 4%;
}

.verifiction-code .type-code .code-numbers input {
  background: unset;
  border: 1px solid #ff9900;
  box-shadow: unset;
  border-radius: 50%;
  height: auto;
  width: 100%;
  aspect-ratio: 1/1;
  text-align: center;
}

.verifiction-code .type-code .code-numbers.blue input {
  border-color: #00a5d9;
}

.section-car-search-step3
  .verifiction-code
  .type-code
  .not-code
  span {
  margin-bottom: 0%;
  font-size: 4.8vw;
  font-weight: 400;
  margin-left: 1%;
}

.section-car-search-step3
  .verifiction-code
  .type-code
  .not-code
  a {
  font-size: 4.8vw;
  font-weight: 400;
  color: #ff9900;
  text-decoration: underline;
}

.section-car-search-step3
  .verifiction-code
  .type-code
  .submit
  .ui-btn,
.register_user .submit .ui-btn {
  background-color: #ff9900;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.3rem;
  padding: 3%;
  border-radius: 0.9em;
  border: 0px;
}

.section-car-search-step3
  .verifiction-code
  .type-code
  .submit
  input,
.reg-sell .type-code .submit input,
.login_site .type-code .submit input,
.register_user .submit input,
.login_tab_user .submit input {
  background-image: url("../images/buy/step3/white-vi.svg");
  background-repeat: no-repeat;
  opacity: 1;
  background-size: 10%;
  background-position: 41px;
  display: block;
}

.section-car-search-step3 .registered {
  width: 80%;
  margin: 0px auto 6%;
}

.section-car-search-step3 .registered a {
  font-weight: 700;
  color: #208cc7;
  font-size: 22px;
  text-decoration: underline;
}

.section-car-search-step4 {
  width: 100%;
  margin: 9em auto 0;
}

.section-car-search-step4 .content {
  text-align: center;
  width: 77%;
  margin: 0 auto 20%;
  background: #ff9900;
  border-radius: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10% 0%;
}

.section-car-search-step4.blue .content {
  background: #208cc7;
}

.section-car-search-step4 .content img {
  width: 34.5%;
  margin-bottom: 6%;
}

.section-car-search-step4 .content .text {
  color: #ffffff;
  font-size: 22px;
}

.section-car-search-step4 .content .text h3 {
  font-weight: 700;
  margin-bottom: 3%;
}

.section-car-search-step4 .content .text p {
  font-weight: 300;
  margin: 0;
}

/*sell advertisement*/

.section-add {
  padding-top: 33px;
}

.section-add .container {
  width: 71.40625vw;
  max-width: 1377px;
}

.section-adv .inner-div .main-image,
.section-add .inner-div .main-image {
  position: relative;
  /* width: 100%; */
}

.wrp-d-icon span.the_color {
  width: 53% !important;
  padding-top: 48% !important;
  display: block;
  height: auto;
  margin: auto;
  margin-top: 7px;
}

/*.section-adv .info_car .status img,
	.section-adv .info_car .Gears img{
		width: 50% !important;
	}*/
/*.section-adv .inner-div .button-lightbox{
        position: absolute;
        top: 40%;
        right: 50%;
    }*/
.wrp-car-photo .button-lightbox {
  position: absolute;
  top: 15%;
  width: 100%;
  text-align: center;
}

.wrp-car-photo .button-lightbox img {
  margin: 0 auto;
  width: 15%;
}

.section-adv .inner-div .button-lightbox img,
.section-add .inner-div .button-lightbox img {
  width: 50%;
}

.section-adv .inner-div .info-adv,
.section-add .inner-div .info-adv {
  margin-top: -2rem;
  padding-top: 1.3rem;
  z-index: 99;
  position: relative;
  background: #fff;
  border-radius: 50px 50px 0 0;
  text-align: center;
  color: #000;
  line-height: 2;
}

.section-adv .inner-div .price .price-title h3,
.section-add .inner-div .price .price-title h3 {
  font-weight: 300;
}

.price-car {
  color: #00a5d9;
  line-height: 2;
  font-size: 28px;
}

.price-index .progress {
  position: relative;
  height: 10px;
  width: 60%;
  background: linear-gradient(
    90deg,
    #ff9900 6.56%,
    #ffbb93 38.68%,
    #69c0e2 75.67%,
    #1a96d3 100%
  );
  border-radius: 10px;
  margin: auto;
  margin-top: 1rem;
  transform: rotate(-180deg);
  overflow: inherit;
}

.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
  text-align: center;
  background: unset;
  border: unset;
  left: unset;
  direction: rtl;
  position: relative;
}

.trade-in .checkbox .ui-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.trade-in label {
  font-size: 16.5px;
  text-align: center !important;
  color: #ff9900 !important;
  font-weight: 300;
}

.trade-in label:after {
  content: unset !important;
}

.trade-in .ui-checkbox input,
.ui-radio input {
  left: unset;
  right: 0;
  position: relative;
  top: unset;
  margin: 0;
  line-height: 0;
  height: auto;
  direction: rtl;
}

.section-adv .submitADV,
.section-add .submitADV {
  background: #00a5d9;
  border-radius: 40px;
  color: #fff;
  line-height: 34px;
  font-size: 25px;
  font-weight: 400;
  text-align: center;
}

.img-down img {
  animation: up-down 1.2s ease-in-out alternate infinite;
}

@keyframes up-down {
  0% {
    margin-top: 1rem;
  }
  100% {
    margin-bottom: 1rem;
  }
}

.info_car {
  max-width: 65%;
  margin: auto;
  text-align: right;
}

.info_car h3 {
  font-weight: 400;
}

.car-acsess {
  padding: 21px 0;
  padding-bottom: 9px;
  border-bottom: 1px solid #9cdcff;
  border-top: 1px solid #9cdcff;
}

.car-acsess.active .acsess-info {
  display: block;
}

.acsess-info p {
  width: 33%;
  max-width: 33%;
}

.acsess-info {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}

.more_car_acsess p img {
  width: 20px;
  margin-left: 6px;
}

.adv_list .more_car_acsess img:not(.no) {
  display: initial !important;
  padding: 0 5% 0.8em 7%;
  width: 21%;
  box-sizing: border-box;
}

.section-adv .more_car_acsess,
.section-add .more_car_acsess {
  width: 65%;
  margin: auto;
  text-align: right;
  position: relative;
}

.section-adv .more_car_acsess h3,
.section-add .more_car_acsess h3 {
  text-align: center;
  font-weight: 400;
}

.wrp-remarks {
  width: 100%;
  background: #fcfcfc;
  margin: 1.2rem 0 0 0;
  display: inline-block;
  padding: 1rem 0 0 0;
}

.section-adv .remarks,
.section-add .remarks {
  width: 65%;
  margin: auto;
  padding-bottom: 3rem;
}

.section-adv .remarks h3,
.section-add .remarks h3 {
  font-weight: 400;
}

.section-adv .remarks p .section-add .remarks p {
  font-weight: 300;
}

.the_trans {
  top: 0;
  left: 0;
}

.wrp-trans span {
  position: absolute;
  bottom: -33px;
  text-align: center;
  width: 100%;
  right: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.3;
}

.wrp-trans.smaller span {
  font-size: 0.65em;
}

.arrow_tip {
  width: auto;
  position: absolute;
  left: 115px;
  top: 109px;
}

.wrp-trans .trans_arrow,
.wrp-trans-adv .trans_arrow {
  position: absolute;
  width: 147%;
  max-width: unset;
  top: 58%;
  left: -22%;
  transform: rotate(-5deg);
}

.trans_arrow.percent20 {
  transform: rotate(36deg);
}

.trans_arrow.percent40 {
  transform: rotate(72deg) !important;
}

.trans_arrow.percent60 {
  transform: rotate(108deg) !important;
}

.trans_arrow.percent80 {
  transform: rotate(144deg) !important;
}

.trans_arrow.percent100 {
  transform: rotate(180deg) !important;
  left: 28% !important;
}

.section-adv .more_car_acsess a,
.section-add .more_car_acsess a {
  color: black;
  font-weight: 300;
  display: block;
}

/*.trans_arrow{
        animation: left-right-trans 1.2s ease-in-out alternate infinite;
    }*/
@keyframes left-right-trans {
  100% {
    transform: rotate(10deg);
  }
  0% {
    transform: rotate(-130deg);
  }
}

.section-adv hr,
.section-add hr {
  border: 1px solid #d6d5d5;
}

.section-adv .gallery,
.section-add .gallery {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  z-index: 9999;
  color: #fff;
  text-align: center;
  font-weight: 300;
  display: none;
}

.section-adv .gallery.active,
.section-add .gallery.active {
  display: unset;
}

.section-adv .slick-next,
.section-adv .slick-prev,
.section-add .slick-next,
.section-add .slick-prev {
  display: none !important;
}

.section-adv .slick-dots li button:before,
.section-add .slick-dots li button:before {
  color: transparent !important;
}

.section-adv .slick-dots li.slick-active button,
.section-add .slick-dots li.slick-active button {
  background-color: #208cc7 !important;
  width: 20px !important;
  height: 20px;
}

.section-adv .slick-dots li button,
.section-add .slick-dots li button {
  outline: none;
  background: #d6d5d5 !important;
  border-radius: 50% !important;
  width: 13px !important;
  height: 13px;
}

.section-adv .slick-dots,
.section-add .slick-dots {
  bottom: -22%;
}

.section-adv .close-gal,
.section-add .close-gal {
  padding: 6% 0;
  margin: auto;
}

.section-adv .close-gal img,
.section-add .close-gal img {
  width: 8%;
}

.section-adv .gallery h3,
.section-add .gallery h3 {
  line-height: 3;
  font-weight: 300;
}

/*--adv --*/
.section-adv .inner-div .main-image,
.section-add .inner-div .main-image {
  position: relative;
  /* width: 100%; */
}

.section-adv .inner-div .button-back,
.section-add .inner-div .button-back {
  position: absolute;
  top: 10%;
  right: 2%;
  width: 12%;
}

.section-adv .inner-div .button-lightbox,
.section-add .inner-div .button-lightbox {
  position: absolute;
  bottom: 25.8%;
  right: 9%;
  width: 5%;
}

.section-adv .inner-div .button-lightbox img,
.section-add .inner-div .button-lightbox img {
  width: 100%;
}

.section-adv .inner-div .info-adv,
.section-add .inner-div .info-adv {
  margin-top: -2rem;
  padding-top: 1.3rem;
  z-index: 99;
  position: relative;
  background: #fff;
  border-radius: 2rem 2rem 0 0;
  text-align: center;
  color: #000;
  line-height: 2;
}

.section-adv .inner-div .price .price-title h3,
.section-add .inner-div .price .price-title h3 {
  font-weight: 300;
}

.price-list {
  font-size: 15px;
  font-weight: 400;
  line-height: 2.27;
  text-align: center;
  color: #373737;
}

.price-index .index-text {
  line-height: 35px;
  text-align: center;
  color: #ff9900;
}

.price-index .progress {
  position: relative;
  height: 10px;
  width: 60%;
  background: linear-gradient(
    90deg,
    #ff9900 6.56%,
    #ffbb93 38.68%,
    #69c0e2 75.67%,
    #1a96d3 100%
  );
  border-radius: 10px;
  margin: auto;
  margin-top: 1rem;
  transform: rotate(-180deg);
}

.price-index .progress .progress-bar {
  position: absolute;
  top: -9px;
  background: #ffffff;
  border: 1px solid #ff9900;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  height: 33px;
  width: 33px;
  border-radius: 50%;
}

.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
  text-align: center;
  background: unset;
  border: unset;
  left: unset;
  direction: rtl;
  position: relative;
}

.check_remember .ui-checkbox .ui-btn {
  padding: 0.3rem 0;
  font-weight: normal;
}

.trade-in .checkbox .ui-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.trade-in label:after {
  content: unset !important;
}

.trade-in .ui-checkbox input,
.ui-radio input {
  left: unset;
  right: 0;
  position: relative;
  top: unset;
  margin: 0;
  line-height: 0;
  height: auto;
  direction: rtl;
}

.d-flex {
  display: flex;
}

.info_car {
  max-width: 65%;
  margin: auto;
  text-align: right;
}

.info_car h3 {
  font-weight: 400;
}

.images-gallery {
  background-size: cover !important;
  background-position: center !important;
  padding: 0 30px;
}

.images-gallery * {
  direction: rtl !important;
}

/* .images-gallery img {
    height: 15em;
    visibility: hidden;
} */

.info-car {
  padding: 1em 0 0 0;
  border-top: 1px solid #9cdcff;
}

.jqm-navmenu-panel {
  z-index: 9999;
}

/* mohammad */
.col2 {
  width: 20%;
}

.col6 {
  width: 50%;
}

.col4 {
  width: 25%;
}

.base_text h3 {
  font-weight: 600;
}

.base_text p {
  font-size: 20px;
  margin: 0;
}

section.section-appropriate {
  margin-top: 6.5rem;
  position: relative;
}

.section-appropriate .row {
  justify-content: center;
}

.section-appropriate .adv {
  padding: 0 1rem;
}

.section-appropriate .top_block {
  text-align: center;
  color: #00a5d9;
}

.section-appropriate .top_block h3 {
  font-size: 9vw;
}

.section-appropriate .top_block p {
  font-size: 4.22px;
}

.section-appropriate .pro_match {
  margin-bottom: 1rem;
}

.pro_match h3 {
  direction: rtl;
  display: flex;
}

#prev-b2 {
  right: 5%;
  left: auto;
  display: block;
  width: 12%;
  position: absolute;
  top: 0.8rem;
}

.section-appropriate .profile_img img {
  border: 1px solid #ff9900;
  border-radius: 20px;
  width: 100%;
  height: 7rem;
  object-fit: cover;
}

.no-bold {
  font-weight: normal;
}

.section-appropriate .card_match {
  background: #ffffff;
  border: 1px solid #208cc7;
  border-radius: 30px;
  margin-bottom: 1rem;
}

.section-appropriate .card_match.orng,
.section-appropriate .card_match.orng .img_car {
  border-color: #ff9900;
}

.section-appropriate .img_car {
  position: relative;
  border: 2px solid #208cc7;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 45%;
  margin: 17% 0;
  width: 23%;
  aspect-ratio: 1 / 1;
}

.section-appropriate .info_car {
  margin: 3% 0 0 0;
  display: block;
  padding-right: 0;
}

.section-appropriate .info_car p {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #c4c4c4;
  font-size: 4.22px;
  width: 92%;
}

.section-appropriate .info_car h3 {
  font-weight: 600;
  font-size: 22px;
}

.section-appropriate .img_car .lave {
  position: absolute;
  left: -19%;
  top: 10px;
  width: 44%;
}

.section-appropriate .info_car .price {
  font-size: 4.6vw;
}

.section-appropriate .card_match .chat {
  background: #f1faff;
  border-radius: 30px 0px 0px 30px;
  display: flex;
  padding: 0 2.5%;
}

.section-appropriate .card_match.orng .chat {
  background: #fff9f1;
}

.icon_tips .blue-color {
  font-weight: bold;
  padding-top: 0.5rem;
  font-size: 7vw;
}

.icon_tips div {
  font-size: 5.22px;
  line-height: normal;
}

.blue-color {
  color: #00a5d9;
}

.orange-color {
  color: #ff9900;
}

.appointment {
  width: 70%;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#fall-hearts {
  position: absolute;
  width: 100%;
  top: -250%;
  z-index: 9;
}
.orng-hearts-like {
  position: absolute;
  width: 6%;
  z-index: 6;
  display: none;
}
.orng-hearts {
  position: absolute;
  width: 5%;
  right: 40%;
  display: none;
}
.orng-hearts.active {
  display: block;
  animation: go-top 0.3s linear;
}
.orng-hearts.out {
  display: block;
  animation: go-out 0.18s linear;
  top: -900%;
}
@keyframes go-top {
  from {
    top: -170%;
  }
  50% {
    top: -350%;
  }
  to {
    top: -800%;
    display: none;
  }
}
@keyframes go-out {
  from {
    top: -900%;
    right: 40%;
    display: block;
  }
  50% {
    top: -350%;
    right: 20%;
  }
  to {
    top: 0%;
    right: 0;
    display: none;
  }
}
.form_appointment1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #00a5d9;
  border-radius: 60px;
  max-width: 1360px;
  height: 454px;
  width: 100%;
  margin: auto;
  padding: 40px 90px;
}

.appointment .single-row.marker {
  width: 100% !important;
}

.appointment .single-row.marker textarea {
  background: #ffffff;
  border: 1.5px solid #ff9900;
  border-radius: 30px;
  max-width: 1159px;
  height: 118px;
  margin: auto;
  width: 100%;
  font-weight: 200;
  font-size: 19px;
  padding: 0.7rem 4%;
}

.appointment form .single-row input {
  background-color: transparent;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px #208cc7 solid;
  border-radius: 0;
  text-align: right;
  background-repeat: no-repeat;
  background-position: right;
  padding: 14px 14% 5px 0;
  background-size: 20px !important;
  width: 100%;
  font-weight: 200;
  font-size: 19px;
}

.appointment form .single-row.date input {
  width: 100%;
  border: 0;
  box-shadow: unset;
  border-radius: 0;
  padding-right: 0;
  text-align: right;
  font-weight: 200;
  background-image: url(../../../static/images/calendar.svg);
  background-position: bottom -0.1rem left;
  background-size: 13% !important;
  background-repeat: no-repeat;
  cursor: pointer;
}
.single-row.date::after,
.single-row.time::before {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 3%;
  width: 78%;
  border-bottom: 1px solid #ff9900;
}
/*.appointment form select {
    border: 0 !important;
    border-bottom: 1px solid #FF9900 !important;
    width: 85%;
    margin: 3% 0 0 0;
}*/
#form_appointment1 button {
  width: 366px;
  height: 55px;
  background: #00a5d9;
  border-radius: 50px;
  border: 0;
  color: #fff;
  font-size: 29px;
  font-weight: 300;
}
.appointment form .single-row.time select {
  width: 100%;
  border: 0 !important;
  box-shadow: unset;
  border-radius: 0;
  text-align: right;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../../../static/images/time.svg");
  background-position: bottom -0.2rem left;
  background-size: 40px;
  background-repeat: no-repeat;
  justify-content: right;
  cursor: pointer;
}

.appointment form .single-row {
  padding: 1rem 1rem;
  width: 33%;
  position: relative;
}
.appointment label.error {
  position: absolute;
  padding: 0.5% 0;
  font-size: 1.1vw;
  color: red;
  bottom: -2rem;
  right: 3%;
}
.appointment form .date input,
time input {
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  padding: 0;
  background-repeat: no-repeat;
  background-position: 100% 16%;
  left: unset !important;
  /*display: contents;*/
}
.appointment form input[type="text"],
.appointment form input[type="tel"],
.appointment form input[type="email"],
.appointment form .single-row.time select {
  font-size: 1.2vw;
  height: 4rem;
  color: #a0a0a0;
  font-weight: 400 !important;
}
.appointment form .single-row.name input {
  background-image: url("../../../static/images/user-icon.svg");
  background-size: 6%;
}

.appointment form .single-row.tel input {
  background: url("../../../static/images/tel-icon.svg")
    no-repeat top 0.5rem right;
  background-size: 5%;
}

.appointment form .single-row.name-car input {
  background-image: url("../../../static/images/car-icon.svg");
  background-size: 9% !important;
  background-position: bottom 0.9rem right;
}

.appointment form .single-row.mail input {
  background-image: url(../../../static/images/mail-icon.svg);
  background-size: 9% !important;
  background-position: top 1.7rem right;
}

.appointment form .single-row.date {
  /*background-image: url(../../../static/images/calendar.svg);
    background-position: bottom 0.8rem left;
    background-size: 12%;
    background-repeat: no-repeat;
    justify-content: right;*/
}

.appointment form .single-row.time {
  /*background-image: url('../../../static/images/time.svg');
    background-position: bottom 0.5rem left;
    background-size: 40px;
    background-repeat: no-repeat;
	justify-content: right;*/
  position: relative;
  display: flex;
  border: 0;
}
.appointment form .single-row.time::after {
  content: "";
  position: absolute;
  top: 60%;
  left: 22%; /* Adjust the distance from the right edge */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #555 transparent transparent;
  transform: translateY(-50%);
}
.appointment .single-row.marker {
  margin: 2rem 0 3rem 0;
}

.FQA {
  width: 100%;
  margin: 8rem auto auto auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(../../../static/images/bg_why_us.png);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.FQA h3 {
  color: #ff9900;
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.FQA .title_FQA img {
  width: 17%;
  margin-right: 1rem;
}

.FQA .questions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #373737;
  margin-bottom: 16px;
  cursor: pointer;
}

.FQA .questions svg {
  transform: rotate(0deg);
  transition: 0.3s;
}

.FQA .questions.active {
  color: #ff9900;
  border-bottom: 1px solid #ff9900;
  display: flex;
}

.FQA .questions.active svg {
  transform: rotate(180deg);
  transition: 0.3s;
}

.FQA .questions.active path {
  fill: #ff9900;
}

.FQA .answer {
  display: none;
  color: #a0a0a0;
  margin-bottom: 1rem;
}

.FQA .answer.active {
  display: block;
  transition: 0.3s;
}

#wrp-thank-reg {
  border: 2px solid #00a5d9;
  border-radius: 2.8rem;
  background: url(../../../static/images/thank-reg-bg.svg)
    no-repeat top 1rem center;
  width: 80%;
  margin: 0 auto;
  padding: 4.2rem 10% 0 10%;
  text-align: center;
  background-size: 90%;
  display: none;
  margin-top: 8rem;
}

#wrp-thank-reg .ttl {
  color: #00a5d9;
  font-size: 9vw;
  width: 100%;
  display: block;
  line-height: 8vw;
}

#wrp-thank-reg .sub-ttl {
  color: #00a5d9;
  font-size: 4.22px;
}

#wrp-thank-reg .note {
  width: 12%;
  float: left;
  font-size: 20vw;
  line-height: 12vw;
  color: #00a5d9;
}

#wrp-thank-reg .txt {
  width: 88%;
}

#wrp-thank-reg .reg-txt {
  width: 100%;
  display: inline-block;
  font-size: 5.2vw;
  padding: 1.7rem 0 0 0;
}

#wrp-thank-reg .contact {
  width: 100%;
  display: inline-block;
  font-size: 8vw;
  padding-bottom: 7rem;
}

.register_user {
  padding-top: 6rem;
  width: 80%;
  margin: auto;
}

.register_user
  .form-register
  form
  .single-row
  .ui-body-inherit {
  background: unset;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px #208cc7 solid;
  border-radius: 0;
  padding-right: 1%;
  text-align: right;
}

.register_user .form-register form input {
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  padding: 0% 9%;
  background-repeat: no-repeat;
  background-position: 100% 16%;
  left: unset !important;
}

.register_user .form-register form .single-row.name input {
  background-image: url("../../../static/images/user-icon.svg");
  background-size: 6%;
}

.register_user .form-register form .single-row.tel input {
  background-image: url("../../../static/images/tel-icon.svg");
  background-size: 5%;
}

.register_user
  .form-register
  form
  .single-row.location
  input {
  background-image: url("../../../static/images/place.svg");
  background-size: 6%;
}

.register_user .form-register form .single-row.mail input {
  background-image: url("../../../static/images/mail-icon.svg");
  background-size: 6%;
  background-position: center right;
}

.register_user
  .form-register
  form
  .single-row.password
  input {
  background-image: url("../../../static/images/lock.svg");
  background-size: 6%;
  background-position: center right;
}

.register_user
  .form-register
  form
  .single-row.contact
  input {
  background-image: url("../../../static/images/user-icon.svg");
  background-size: 6%;
  background-position: center right;
}

.register_user
  .form-register
  form
  .single-row.car_trade
  input {
  background-image: url("../../../static/images/contact.svg");
  background-size: 6%;
  background-position: center right;
}

.register_user .form-register form label {
  text-align: right;
  background: unset !important;
  border: 0;
  padding-right: 10%;
  font-weight: 300;
  color: #b9b9b9;
}

.register_user .check_one a {
  text-decoration-line: underline !important;
  font-weight: 300;
}

.register_user .new_user a {
  text-decoration-line: underline !important;
  display: flex;
  justify-content: center;
  color: #ff9900;
}

.register_user .form-register form .single-row {
  direction: rtl;
}

.register_user .icon-left:after {
  content: unset !important;
}

.register_user .ui-checkbox input {
  left: unset;
  padding-right: 0 !important;
}

.register_user .blue-color {
  color: #00a5d9;
  font-weight: 500;
  text-align: center;
}

.edit_profile .submit {
  font-size: 1.2rem;
  border-radius: 1.4rem;
  margin: 0 auto;
}

.sell_login input#phone_number {
  border-bottom: 1px solid #ff9900;
  position: relative;
  z-index: 2;
  color: #000;
}

.sell_login input#phone_number::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c4c4c4;
}

.sell_login .ui-btn.ui-shadow.ui-corner-all {
  background: #fff;
  border-radius: 50px;
  color: #ff9900;
  width: 100%;
  border: 2px solid #ff9900;
  border-radius: 1.3rem;
  font-size: 4.8vw;
  box-shadow: 0px 15px 10px -15px #a1a1a4;
}

.sell_login
  .verifiction-code
  .ui-btn.ui-shadow.ui-corner-all {
  background: #ff9900;
  color: #fff;
  border-radius: 1rem;
  font-size: 22px;
}

.sell_login .verifiction-code .type-code .code-numbers {
  border: 2px solid #ff9900 !important;
}

.sell_login .registered a {
  color: #00a5d9;
}

.sell_login .verifiction-code .type-code .not-code a {
  color: #ff9900;
  text-decoration: underline !important;
  font-size: 4.8vw;
}

.girl_gif #lottie {
  border: 2px solid #ff9900;
  border-radius: 50%;
}

.girl_gif #lottie svg {
  border-radius: 50%;
}

.wrp-login-phone {
  width: 92%;
  margin: 0 auto;
  display: flex;
}

.buy-login {
  background: #fff;
  color: #00a5d9;
  width: 100%;
}

.buy-login
  .verifiction-code
  .type-code
  .code-numbers
  input {
  border: 1px solid #00a5d9;
  margin: 0 6px;
}

.check-style,
.check-style_tow {
  position: absolute;
  padding: 0.5rem;
  background: #ffffff;
  border: 1px solid #00a5d9;
  border-radius: 0.4rem;
  top: 10px;
}

.buyer .check-style,
.buyer .check-style_tow {
  border-color: #ff9900;
}

.section-tips {
  margin-top: 8rem;
}

.section-tips .fadeInUp {
  padding: 0 6px;
}

.section-tips .main_title {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-tips .main_title img {
  width: 8%;
  margin-right: 1rem;
}

.section-tips .card_post {
  background: #ffffff;
  border: 1px solid #a0a0a0;
  border-radius: 60px;
  margin: auto auto 1rem auto;
}

.section-tips .card_post:hover {
  border: 2px solid #a0a0a0;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.section-tips .card_post img {
  border-radius: 59px 59px 0px 0px;
  width: 100%;
}

.section-tips .info_tips {
  padding: 1rem 1rem 2rem 2rem;
}

.section-tips .link_post {
  color: #ff9900 !important;
}

.section-tips .link_post img {
  border-radius: 0 !important;
  width: 10px;
}

.section-buy-matches {
  width: 95%;
  margin: 12vh auto 8rem auto;
}

.section-buy-matches h3 {
  font-weight: 400;
}

.section-buy-matches #tabs-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  list-style-type: none;
  width: 93%;
  padding: 0 0 0 10px;
  position: fixed;
  z-index: 3;
}

.section-buy-matches #tabs-nav li {
  background: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 0 0 60px 60px;
  min-height: 10vh;
  margin-left: -10px;
  margin-right: -1px;
  padding: 1% 0 0 0;
  height: 106px;
  width: 254px;
}

.section-buy-matches #tabs-nav li a {
  color: #c4c4c4;
  font-weight: 200;
}

.section-buy-matches #tabs-nav li.active a {
  color: #ff9900;
  font-weight: 200;
}

#tab1 .adv,
#tab2 .adv {
  padding-bottom: 1rem;
}

.section-buy-matches #tabs-nav .tab1 {
  z-index: 8;
}

.section-buy-matches #tabs-nav .tab2 {
  z-index: 7;
}

.section-buy-matches #tabs-nav .tab1.active a {
  color: #097ec3;
  font-weight: 200;
}

.section-buy-matches #tabs-nav .tab2.active a {
  color: #000;
  font-weight: 200;
}

.section-buy-matches #tabs-nav .tab3.active a {
  color: #ff9900;
  font-weight: 200;
}

.section-buy-matches #tabs-nav .tab1.active {
  background: #ffffff;
  border: 2px solid #097ec3;
  border-top: 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.section-buy-matches #tabs-nav .tab2.active {
  background: #ffffff;
  border: 2px solid #000;
  border-top: 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 8;
}

.section-buy-matches #tabs-nav .tab3.active {
  background: #ffffff;
  border: 2px solid #ff9900;
  border-top: 0;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 8;
}

.section-buy-matches #tabs-nav li img {
  margin: 5% auto auto auto;
  width: 30px;
}

.section-buy-matches #tabs-nav li.active .image-disactive {
  display: none !important;
}

.section-buy-matches #tabs-nav li.active .image-active {
  display: block !important;
}

/* tab3 */
.section-buy-matches .all-card {
  display: flex;
  justify-content: space-around;
  text-align: center;
  width: 50%;
  margin: auto;
}

.section-buy-matches .all-card .card-matches-adv {
  width: 33%;
  margin: 4px;
  background: #ffffff;
  border: 1px solid #097ec3;
  border-radius: 30px;
  height: auto;
}

.section-buy-matches .image-car img {
  width: 100%;
  height: 136px;
  border-radius: 30px 30px 0 0;
  object-fit: cover;
}

.card-matches-adv .logo_company {
  width: 90px;
  height: 34.2px;
  object-fit: contain;
}

.card-matches-adv .more-info {
  height: 30vh;
  overflow-y: auto;
}

.card-matches-adv .more-info::-webkit-scrollbar {
  width: 0;
  display: none;
}

div#tabs-content .white-btn {
  border: 2px solid #00a5d9;
  border-radius: 2rem;
  background: #fff;
  width: 342px;
  height: 55px;
  display: block;
  line-height: 3rem;
  text-align: center;
  font-weight: normal !important;
  font-size: 23px;
  margin: 0 auto;
  color: #00a5d9 !important;
}

.section-buy-matches
  .card-matches-adv
  .tab-content
  .info_car {
  text-align: center;
}

.card-matches-adv img {
  object-fit: cover;
  height: 6rem;
}

.section-buy-matches .divider {
  background: #097ec3;
  height: 1px;
}

.section-buy-matches .block-info-car:first-child {
  border-top: unset;
}

.section-buy-matches .block-info-car {
  border-top: 1px solid #8f8f8f;
}

.section-buy-matches .block-info-car:nth-child(2n + 1) {
  background: #fafdff;
}

.section-buy-matches .info-car {
  min-height: 27vh;
}

.section-buy-matches .more-info .t-1 {
  color: #8f8f8f;
  font-weight: 200;
  padding-top: 0.5rem;
  margin: 0;
}

.section-buy-matches .more-info .t-2 {
  color: #000;
  font-weight: 400;
  font-size: 20px;
}

.section-buy-matches .feedback a {
  -webkit-text-decoration-line: underline !important; /* Safari */
  text-decoration: underline !important;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  text-decoration-line: underline;
  color: #373737;
}

/* tab-1 */
.section-buy-matches .tab-1-car {
  border-radius: 60px 60px 0px 0px;
  position: relative;
  max-width: 80%;
  margin: auto;
}

.section-buy-matches .tab-1-car .car-photo {
  border-radius: 60px 60px 0px 0px;
  width: 100%;
  margin: auto;
  object-fit: cover;
  height: 19rem;
}

.sale {
  position: absolute;
  top: 0;
  left: 0;
  background: #097ec3;
  color: #fff;
  border-radius: 55px 0 67px 0;
  width: 11vh;
  height: 11vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sale.blue {
  background: #00a5d9;
}

.sale span {
  transform: rotate(-45deg);
  text-align: center;
}

.compare {
  position: absolute;
  top: 22px;
  right: 6%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  font-size: 15px;
}

.tab-1-info-car {
  background: #ffffff;
  border: 2px solid #00a5d9;
  border-radius: 3rem;
  text-align: center;
  margin-top: -16%;
  position: relative;
  padding: 4% 0 0 0;
  height: 100%;
  overflow: hidden;
}

.section-buy-matches .tab-1-info-car {
  padding: 1rem 3rem 0 3rem;
}

.section-buy-matches .tab-1-info-car .num_adv {
  padding: 0 0 0.4rem 0;
}

.tab-1-info-car hr {
  height: 0;
  /*border: 1px solid #C4C4C4;*/
  width: 80%;
  margin: 0 auto !important;
}

.tab-1-info-car .price-of-car {
  color: #097ec3;
  font-size: 1.3rem !important;
}

.section-buy-matches span {
  font-size: 1.1rem !important;
}

.section-buy-matches .blue-color span {
  font-size: 22px !important;
}

.section-buy-matches .price-of-car {
  font-size: 1.5rem !important;
}

.tab-1-info-car .price {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab-1-info-car .num_adv {
  color: #373737;
  padding: 0 0 0.7rem 0;
}

.tab-1-info-car .name-car-adv {
  font-size: 1.5rem;
}

.tab-1-info-car .more-adv-info-car-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 4%;
}

.section-buy-matches .more-adv-info-car-btn {
  padding: 2% 4%;
}

.tab-1-info-car .more-adv-info-car-btn.slider1 {
  background: #fff; /*#E9F7FF;*/
  border-bottom-right-radius: 5rem;
  border-bottom-left-radius: 5rem;
  display: inline-block;
  text-align: center;
  padding: 0.5% 0;
  margin: 0; /*2% 0 0 0;*/
}

.tab-1-info-car
  .more-adv-info-car-btn.slider1
  .image-close {
  display: inherit;
  width: 6%;
}

.tab-1-info-car .price-index .index-text {
  line-height: 35px;
  text-align: unset;
}

.tab-1-info-car .price-index .progress {
  position: relative;
  height: 10px;
  width: 60%;
  background: linear-gradient(
    90deg,
    #ff9900 6.56%,
    #ffbb93 38.68%,
    #69c0e2 75.67%,
    #1a96d3 100%
  );
  border-radius: 10px;
  margin: auto;
  margin-top: 1rem;
  transform: rotate(-180deg);
}

.tab-1-info-car .price-index .progress .progress-bar {
  position: absolute;
  top: -9px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.more-adv-info-car .info-car {
  border-top: 1px solid #c4c4c4;
  background: #f8fdff;
}

.tab-1-info-car .blue-color {
  color: #00a5d9;
  margin-top: 5px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.tab-1-info-car h3.blue-color {
  font-size: 22px;
}

.tab-1-info-car .info_car {
  max-width: 90%;
  margin: auto;
  text-align: right;
  display: block !important;
}

.tab-1-info-car .info_car h3 {
  font-weight: 400;
}

.tab-1-info-car .info_car div {
  margin-bottom: 1rem;
}

.tab-1-info-car .more_car_acsess {
  width: 90%;
  margin: auto;
  text-align: right;
  position: relative;
}

.tab-1-info-car .more_car_acsess h3 {
  text-align: center;
  font-weight: 400;
  margin: 0 0 1em 0;
}

.tab-1-info-car .more_car_acsess p img {
  width: 31px;
  height: 20px;
  margin-left: 1rem;
}

/*.tab-1-info-car .more_car_acsess .the_trans{
	position: absolute;
	top: 50%;
	left: 0;
	width: 30%;
}
.tab-1-info-car .more_car_acsess .trans {
	position: absolute;
	z-index: 0 !important;
}
.tab-1-info-car .more_car_acsess a{
	color: black;
	font-weight: 300;
	display: block;
}
.tab-1-info-car .trans_arrow{
	animation: left-right-trans 1.2s ease-in-out alternate infinite;
}*/
.wrp-adv-name {
  width: 45%;
  margin: 0.8rem 0 0 0;
  text-align: right;
  vertical-align: bottom;
  display: flex;
  align-items: center;
  align-content: center;
}

.wrp-adv-name.step1 {
  width: 40%;
  margin: 0.8rem 8% 0 0;
}

.wrp-adv-name.step1.agency {
  width: 30%;
}

.wrp-adv-name.step1.agency2 {
  width: 65%;
}
.wrp-adv-name svg {
  width: 1.5rem;
  margin: 0 0 0 0.6rem;
}
.wrp-adv-name img {
  width: 17% !important;
}
.general-pop .wrp-adv-name img {
  width: 12% !important;
  margin: 0 0 0 3%;
}
.wrp-adv-name.agency2 img {
  width: 11% !important;
}

.wrp-adv-name.agency img {
  width: 80% !important;
  margin: 0 auto;
}

.wrp-adv-name span {
  width: 83%;
  vertical-align: bottom;
}

.wrp-adv-name.step1 span {
  padding: 0 7% 0 0;
}

.wrp-adv-name.step1.agency2 span {
  padding: 0;
  text-align: center;
}

@keyframes left-right-trans {
  100% {
    transform: rotate(10deg);
  }
  0% {
    transform: rotate(-130deg);
  }
}

.tab-1-info-car .remarks {
  border-top: 1px solid #c4c4c4 !important;
  border-top: 1px solid;
  padding: 5% 5%;
}

.tab-1-info-car .remarks h3 {
  font-weight: 400;
}

.tab-1-info-car .remarks p {
  font-weight: 300;
  text-align: justify;
}

.jcs {
  justify-content: space-between;
}

.tab-1-info-car .main-car-cost {
  border-top: 1px solid #c4c4c4 !important;
  background: #f8fdff;
  border-top: 1px solid;
  padding: 5% 5%;
}

.main-car-cost .title-cost {
  text-align: right;
}

.title-cost a {
  color: #00a5d9;
  text-decoration: underline !important;
  font-weight: normal;
}

.mb-2 {
  margin-bottom: 2rem;
}

.section-buy-matches .more-adv-info-car-btn.active {
  background: #e9f8ff;
  border-radius: 0px 0px 100px 100px;
  width: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  padding: 4% 0;
}

.section-buy-matches
  .more-adv-info-car-btn.active
  .image-open {
  display: none;
}

.section-buy-matches .more-adv-info-car-btn .image-open {
  display: block;
}

.section-buy-matches .more-adv-info-car-btn .image-close {
  display: none;
}

.section-buy-matches
  .more-adv-info-car-btn.active
  .image-close {
  display: block;
  width: 5%;
}

.main-link {
  background: #ffffff;
  border: 2px solid #00a5d9;
  border-radius: 40px;
  width: 85%;
  margin: auto;
  color: #00a5d9;
  font-size: 1.5rem;
  line-height: 2;
}

.main-link a {
  color: #00a5d9;
  font-size: 22px;
  font-weight: normal;
}

.tt-title {
  text-align: center;
  line-height: 3;
  padding-left: 0 !important;
}

.section-buy-matches .row {
  display: flex;
  flex-wrap: wrap;
  text-align: right;
}

.section-buy-matches .col-12 {
  max-width: 100%;
  flex: 0 0 100%;
}

.section-buy-matches .col-6 {
  max-width: 50%;
  flex: 0 0 50%;
}

.section-buy-matches .d-block {
  display: block;
}

.section-buy-matches .contact_us {
  border-top: 1px solid #c4c4c4;
  background: #f8fdff;
  border-top: 1px solid;
  padding: 5% 5%;
}

.section-buy-matches .see_more_car {
  border-top: 1px solid #c4c4c4;
  border-top: 1px solid;
  padding: 5% 5%;
}

.section-buy-matches .see_more_car a {
  width: 90% !important;
  display: flex;
  justify-content: center;
}

.selected img {
  position: absolute;
  top: 22px;
  right: 6%;
  width: 8%;
}

.section-buy-matches .contact_us img {
  width: 10%;
  margin-left: 1rem;
}

.section-buy-matches .contact_us img.man {
  width: 17%;
}

.section-buy-matches .chat img {
  width: 33%;
}

.show-phone {
  background: #fff;
  border: 1px solid #000;
  border-radius: 60px;
  color: #000 !important;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 400 !important;
}

.section-buy-matches .contact_us a {
  margin-top: 1rem;
}

.section-buy-matches .heart-match {
  position: absolute;
  top: 13rem;
  right: 38px;
  z-index: 1;
  background: #00a5d9;
  border-radius: 50%;
  padding: 0;
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-buy-matches .heart-match img {
  width: 55%;
  margin: 0;
}

.banner_adv {
  width: 100%;
  margin-top: 5rem;
  text-align: center;
}

.banner_adv img {
  width: 100%;
}

.banner_adv2 {
  width: 90%;
  margin: auto;
}

.banner_adv2 img {
  width: 100%;
}

.list-adv {
  text-shadow: unset;
  box-shadow: unset;
  background: unset;
  border: unset;
  width: auto;
}

.card_car {
  margin: 1rem 0 0 0;
  width: 100%;
  background: #fff;
  border-radius: 1.5rem;
  display: inline-block;
  position: relative;
  padding: 0 4.5%;
}

.stock-sell .card_car {
  width: 77%;
  padding-top: 1rem;
}

.card_car.gray-mask span,
.card_car.gray-mask div,
.card_car.gray-mask .update_car,
.card_car.gray-mask .w-40 img {
  filter: grayscale(100%);
}

.wrp-gray {
  width: 100% !important;
  height: 100%;
  position: absolute;
  z-index: 2;
  opacity: 0.4;
  background: #fff;
}

.card_car .w-40 img {
  border: 1px solid #ff9900;
  border-radius: 1.3rem;
}

.card_car img {
  margin: auto;
}

.info_car .name-car {
  font-size: 19px;
}

.info_car {
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.d-block {
  display: block;
}

.w-38 {
  width: 38% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  padding-right: 1rem !important;
  width: 60% !important;
}

.w-60 div {
  width: 100% !important;
}

img.sold-icon {
  position: absolute;
  width: 36% !important;
  z-index: 2;
  right: 32%;
  top: 1.6rem;
  height: auto;
}

.card_car img.bought-icon {
  position: absolute;
  width: 36% !important;
  z-index: 2;
  right: 32%;
  top: 1.6rem;
  height: auto;
}

#sold-pop {
  background: #fff;
  border-radius: 3.125rem;
  width: 100%;
  position: fixed;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 3.4rem 4.15rem;
  z-index: 9;
  max-width: 32.25rem;
  transform: translateY(-100vh);
  transition: 1s;
}

.popupbg.active #sold-pop {
  transform: translateY(-50%);
}

#buy-pop {
  background: #fff;
  border-radius: 4rem;
  width: 100%;
  position: fixed;
  top: 50%;
  padding: 1rem 8%;
  z-index: 9;
}

#sold-pop .ui-btn.ui-shadow.ui-corner-all {
  background: none;
  box-shadow: none;
  border-color: #00a5d9;
  padding: 0;
  line-height: 2.4rem;
}

#buy-pop {
  background: none;
  box-shadow: none;
  border-color: #ff9900;
  padding: 0;
  line-height: 2.4rem;
}

#sold-pop .ui-select .ui-btn > span:not(.ui-li-count),
#buy-pop .ui-select .ui-btn > span:not(.ui-li-count) {
  color: #b9b9b9;
  font-weight: normal;
  padding: 0 33% 0 0;
  text-align: right;
  font-size: 5.2vw;
}

#sold-pop .ui-btn-icon-right:after,
#buy-pop .ui-btn-icon-right:after {
  right: auto;
  background: url(../../static/images/arr-down.svg)
    no-repeat center;
  left: 33%;
}

/*.ui-icon-carat-d:after {
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E);
}*/

.sold-pop-input-wrap {
  margin-bottom: 1.8rem;
}

#sold-pop input[type="number"] {
  border: 0;
  border-bottom: 1px solid #00a5d9;
  width: 88%;
  height: 2.15rem;
  display: flex;
}

#buy-pop input[type="number"] {
  border: 0;
  border-bottom: 1px solid #ff9900;
  width: 90%;
  display: flex;
}

#sold-pop input[type="text"] {
  border: 0;
  border-bottom: 1px solid #00a5d9;
  width: 100%;
  display: flex;
}

#buy-pop input[type="text"] {
  border: 0;
  border-bottom: 1px solid #ff9900;
  width: 100%;
  display: flex;
}

#sold-pop input[type="submit"] {
  color: #fff;
  background: #00a5d9;
  width: 100%;
  line-height: 2.4rem;
  border-radius: 1.3rem;
  text-align: center;
  border: 0;
  margin: 3rem 0 1rem 0;
  font-size: 5.2vw;
}

#sold-pop a {
  color: #fff;
  background: #00a5d9;
  width: 100%;
  line-height: 2.15rem;
  border-radius: 80px;
  text-align: center;
  border: 0.125rem solid #00a5d9;
  margin: 1.4rem 0 1rem 0;
  font-size: 1.5625rem;
  display: inline-block;
  font-weight: 300;
  padding: 0.625rem 0.3125rem;
  cursor: pointer;
}

#sold-pop a:hover {
  color: #00a5d9;
  background: #fff;
}

#sold-pop a img,
#sold-pop a svg {
  width: 1.5rem;
  height: 1.5625rem;
  margin: 0 1rem 0 0;
}

#sold-pop a:hover svg path,
#sold-pop a:hover svg rect {
  stroke: #00a5d9;
  fill: white;
}

#buy-pop input[type="submit"] {
  color: #fff;
  background: #fe9900;
  width: 100%;
  line-height: 2.8rem;
  border-radius: 1.5rem;
  text-align: center;
  border: 0;
  margin: 3rem 0 1rem 0;
  font-size: 5.2vw;
}

.price-txt {
  color: #00a5d9;
  width: 0.9375rem;
  margin: 1.3125rem 1.4375rem 0 0;
}

.sold-pop-txt {
  width: 100%;
  display: flex;
  font-size: 1.25rem;
  line-height: 1.4;
}

#sold-form select {
  margin-top: 0.5625rem;
  margin-bottom: 2.2rem;
  background: #ffffff;
  border: 0.0625rem solid #00a5d9;
  border-radius: 3.75rem;
  font-weight: 400;
  font-size: 1.4375rem;
  line-height: 1.8125rem;
  text-align: center;
  color: #b9b9b9;
  padding: 0.75rem 0;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../../../static/images/buy/step2/arrow-down.svg);
  background-position: 2.8125rem center;
  background-repeat: no-repeat;
  background-size: 1.4375rem;
}

.update_car {
  display: flex;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.button_update {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gray-mask .button_update {
  width: 55%;
}

.gray-mask .button_update.col-10,
.button_update.col-10 {
  width: 78%;
}

.button_update.col-10 button {
  border-radius: 1.3rem !important;
}

.button_update button {
  width: 100% !important;
  color: #00a5d9 !important;
  font-size: 22px;
  font-weight: 400;
  border: 2px solid !important;
  border-radius: 1.3rem !important;
  padding: 0.5rem 0 !important;
  text-align: center;
  background: #fff !important;
  box-shadow: unset !important;
}

#logout-btn {
  color: #373737;
  position: absolute;
  right: 7%;
  font-weight: normal;
  font-size: 22px;
}

.button_update button:hover {
  color: #ff9900;
}

.status_car {
  width: 13.5%;
  /*height: 55px;*/
  aspect-ratio: 1 / 1;
  border: 2px solid #ff9900;
  color: #ff9900;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*margin: 0 0 0 6%;*/
}

.chat_list {
  margin-top: 8rem;
  background-color: #e5e5e5;
}

.chat_list .container {
  padding: 0 2rem;
}

.chat_list .card_chat_list {
  border-top: 1px solid #d6d5d5;
  border-bottom: 1px solid #d6d5d5;
}

.chat_list .card_chat_list .container {
  padding: 0 2rem;
}

.chat_list .card_chat_list .image_car {
  position: relative;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50%;
  margin: 10% 0;
  border: 1px solid #898989;
}

.chat_list .card_chat_list .number_chat {
  position: absolute;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #00a5d9;
  color: #00a5d9;
  background-color: #fff;
  top: 2px;
  right: -13px;
  font-size: 21px;
  font-weight: 600;
}

.chat_list .card_chat_list .info_chat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}

.chat_list .card_chat_list .time_chat {
  margin: 3rem 0;
}

.chat_list .card_chat_list .delete_chat {
  background-color: #00a5d9;
}

.chat_list .search_chat .ui-shadow-inset {
  background: unset;
  box-shadow: unset;
  border: unset;
}

.chat_list .search_chat {
  padding: 0 2rem;
}

.chat_list .search_chat input {
  margin: auto;
  background-color: #ffffff;
  border: 1px solid #5f5f5f;
  border-radius: 30px;
  text-align: right;
  background-image: url("../../../static/images/glass.svg");
  background-repeat: no-repeat;
  background-position: 10%;
  padding: 1rem;
}

/*card_seller*/

.seller {
  width: 90%;
  position: relative;
  border: 2px solid #ff9900;
  box-sizing: border-box;
  border-radius: 60px 60px 60px 50px;
  min-height: 50vh;
  margin: 1rem auto auto auto;
}

.matches-slide {
  width: 90%;
  margin: 0 auto;
}

.img_seller {
  display: flex;
  width: 28%;
  margin: 8% auto 4%;
  aspect-ratio: 1/1;
  /*height: 5.3rem;*/
  background-size: cover !important;
  background-position: center !important;
  border-radius: 100%;
  position: relative;
  border: 1px #c4c4c4 solid;
  background-color: #fff;
  overflow: hidden;
}

.img_seller img {
  width: 100%;
}

span.price-input {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #ff9900;
}

.info_seller div {
  padding: 0 10px;
  text-align: center;
  display: grid;
  margin-bottom: 5%;
}

.info_seller div span {
  text-align: center;
}

.info_seller img {
  width: 34px;
  height: 38px;
  margin: auto;
}

.content_seller {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fcf6f3;
  padding: 9% 0;
  margin-top: -2rem;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.sections-marked {
  width: 95%;
  margin: auto;
  margin-top: 22%;
}

.sections-marked h3 {
  font-weight: 400;
}

.sections-marked #tabs-nav {
  /*display: flex;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	list-style-type: none;
	width: 80%;
	margin: auto;
	padding: 0 0 0 10px;*/
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  list-style-type: none;
  width: 100%;
  padding: 0 0 0 10px;
  position: fixed;
  z-index: 3;
}

.sections-marked #tabs-nav li {
  background: #ffffff;
  border: 1px solid #c4c4c4;
  border-radius: 0px 0px 50px 50px;
  width: 100%;
  /*min-height: 12vh;*/
  margin-left: -10px;
  margin-right: -1px;
  height: 6rem;
}

.sections-marked #tabs-nav li a {
  color: #c4c4c4;
  font-weight: 200;
}

.sections-marked #tabs-nav li.active a {
  color: #ff9900;
  font-weight: 200;
}

.sections-marked #tabs-nav .tab1.active a {
  color: #ff9900;
  font-weight: 200;
}

.sections-marked #tabs-nav .tab2.active a {
  color: #000;
  font-weight: 200;
}

.sections-marked #tabs-nav .tab1.active {
  background: #ffffff;
  border: 2px solid #ff9900;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.sections-marked #tabs-nav .tab1,
.sections-marked #tabs-nav .tab2 {
  width: 80%;
  padding: 0.6rem 0 0 0;
}

.sections-marked #tabs-nav .tab1 {
  margin-right: 8%;
}

.sections-marked #tabs-nav .tab2 {
  margin-left: 8%;
}

.sections-marked #tabs-nav .tab1.active path {
  fill: #ff9900;
}

.sections-marked #tabs-nav .tab2.active {
  background: #ffffff;
  border: 2px solid #000;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.sections-marked #tabs-nav .tab2.active path {
  stroke: #000;
}

/*card_seller*/
.sections-marked .seller {
  width: 92%;
  position: relative;
  border: 2px solid #ff9900;
  box-sizing: border-box;
  border-radius: 3.5rem;
  margin: 1rem auto auto auto;
  min-height: auto;
  overflow: hidden;
}

.sale {
  position: absolute;
  left: 0;
  background: #ff9900;
  color: #fff;
  border-radius: 55px 0 67px 0;
  width: 10vh;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sale span {
  transform: rotate(-45deg);
  text-align: center;
}

span.price-input {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #ff9900;
}

.sections-marked .info_seller {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  border: 1px solid #c4c4c4;
}

.sections-marked .info_seller div {
  padding: 0 10px;
  text-align: center;
  display: grid;
  margin-bottom: 5%;
}

.sections-marked .info_seller div span {
  text-align: center;
}

.sections-marked .info_seller img {
  width: 34px;
  height: 38px;
  margin: auto;
}

.sections-marked .content_seller {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 7% 0 0 0;
  margin-top: -2rem;
  border-top: 1px solid #c4c4c4;
  border-bottom: 0;
}

.sections-marked .click_to_more {
  display: flex;
  justify-content: center;
  border-radius: 0 0 3rem 3rem;
  padding: 0 0 0.7rem 0;
  background: #fcf6f3;
}

.sections-marked .click_to_more.active {
  transform: rotate(180deg);
  transition: 0.5s;
  text-align: center;
}

.sections-marked .more_info_seller {
  display: none;
  border-radius: 0 0 60px 50px;
}

.sections-marked .Note {
  width: 80%;
  margin: auto;
}

.popup {
  position: fixed;
  height: 50vh;
  background: #5f5f5f82;
  top: 0;
  width: 100%;
  z-index: 999;
}

.popup_marked {
  position: fixed;
  height: 100vh;
  background: #5f5f5f82;
  top: 0;
  width: 100%;
  z-index: 999;
}

.popup_marked .tips_popup {
  position: fixed;
  top: 40%;
  left: 10%;
  width: 80%;
  background: #ffffff;
  border: 2px solid #00a5d9;
  border-radius: 3rem;
  text-align: center;
  padding: 10% 0;
  line-height: 3;
  display: none;
}

.popup_marked .link_tip {
  color: #fff !important;
  background: #00a5d9;
  border-radius: 1.3rem;
  height: 3rem;
  font-weight: normal;
  font-size: 4.22px;
  margin: 2rem auto 0 auto;
  display: block;
  width: 90%;
  text-align: center;
  line-height: 3rem;
}

.popup_marked .coles_popup {
  position: absolute;
  left: 0;
  top: 6px;
}

.no_love .love {
  position: absolute;
  right: 0;
  top: 4.6rem;
  background: #ff9900;
  border-radius: 100px 0px 0px 100px;
  height: 3rem;
  text-align: left;
  width: 20%;
}

.no_love .love img {
  width: 50%;
  margin: 0.6rem 0 0 0.8rem;
}

.section-matches {
  margin-top: 6rem;
}

button {
  width: auto;
}

.orange {
  color: #ff9900;
}

.section-matches .title {
  text-align: center;
}

.section-matches .title h2 {
  font-size: 7vw;
  font-weight: 400;
  color: #59b6e9;
  margin-bottom: 2%;
}

.section-matches .title h3 {
  font-size: 4.8vw;
  font-weight: 400;
  color: #211e1f;
  margin-bottom: 0;
  /*font-size: 1.3rem;*/
  /*display: flex;*/
  justify-content: center;
  align-items: center;
}

.section-matches #hand_home {
  display: inline-block;
  width: 8%;
}

.section-matches #hand_home svg {
  width: 100% !important;
}

.section-matches .title span {
  font-size: 22px;
  font-weight: 400;
  color: #59b6e9;
  margin-bottom: 1%;
}

.section-matches .card_matches {
  margin: 1% 8px 0.5% 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-matches .card_matches .heart_car img {
  width: 80px;
  height: 72px;
  z-index: 99;
}

.section-matches .card_matches .img_person {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #ff9900;
}

.matches-desktop {
  margin-top: 110px !important;
  padding-top: 35px;
}

.matches-desktop .card_adv {
  padding-right: 40px;
}

.matches-desktop .card_matches .img_person img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.matches-desktop .car-match {
  background-size: cover;
  background-repeat: no-repeat;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 2px solid #00a5d9;
  margin-right: -98px;
  position: relative;
  top: 0;
}
.matches-desktop .title {
  text-align: center;
  margin-bottom: 4rem;
}

.title_match #hand_home svg {
  width: 67px !important;
  height: 100%;
  margin-top: -8px !important;
  margin-right: -17px;
  margin-left: -5px;
}

.matches-desktop .title h2 {
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 45px;
  line-height: 61px;
  text-align: center;
  color: #00a5d9;
}

.matches-desktop .title h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 23px;
  line-height: 38px;
  text-align: center;
  color: #000000;
}
.matches-desktop .title .three_text {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #00a5d9;
}
.border_svg {
  width: 55px;
  height: 55px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 50%;
  margin: 18px 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.back_our_matches {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  text-decoration-line: underline !important;
  color: #5f5f5f;
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}
.matches-desktop ul.slick-dots {
  position: relative;
  bottom: 0;
  margin-top: 4rem;
}
.matches-desktop .img_car img {
  border: 2px solid #ff9900;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  top: 25%;
  left: -4px;
  background-color: #aeaeae;
}

.car-match {
  background-size: cover;
  background-repeat: no-repeat;
  width: 80%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #00a5d9;
  margin-right: -16px;
  position: relative;
}

.car-match:after {
  content: "";
  display: block;
  padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.car-match img {
  border-radius: 50%;
  position: absolute; /* Take your picture out of the flow */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; /* Make the picture taking the size of it's parent */
  width: 100%; /* This if for the object-fit */
  height: 100%; /* This if for the object-fit */
  object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
  object-position: center;
}

.section-matches .card_matches .img_car {
  background-size: cover;
  background-repeat: no-repeat;
  width: 80%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #00a5d9;
  margin-right: -16px;
  position: relative;
}

.section-matches .card_matches .img_car.orng {
  border-color: #ff9900;
  margin-bottom: -5.5rem;
}

.section-matches .card_matches .img_car:after {
  content: "";
  display: block;
  padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.section-matches .card_matches .img_car img {
  border-radius: 50%;
  position: absolute; /* Take your picture out of the flow */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; /* Make the picture taking the size of it's parent */
  width: 100%; /* This if for the object-fit */
  height: 100%; /* This if for the object-fit */
  object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
  object-position: center;
}

.matches-desktop .the_card_matches {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 80%;
}

.matches-desktop .card_matches .heart_car {
  position: absolute;
  top: 37%;
  left: 36%;
  width: 20%;
  z-index: 9;
}

.matches-desktop .card_matches .heart_car.heart2 {
  top: auto;
  bottom: 36px;
  left: 88px;
  width: auto;
  transform: rotate(10deg);
}

.heart_car.heart2 svg {
  width: 45px;
  height: 40px;
  display: flex;
}

.matches-desktop .slick-next.slick-arrow {
  background-image: url("../../../static/images/arrow-prev.svg") !important;
  padding: 1rem;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  left: -80px;
  box-shadow: unset;
  background-color: transparent !important;
  width: 30px !important;
  top: 25%;
}

.matches-desktop .slick-prev.slick-arrow {
  background-image: url("../../../static/images/arrow-next.svg") !important;
  padding: 1rem;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  right: -25px !important;
  box-shadow: unset;
  background-color: transparent !important;
  z-index: 999;
  left: unset !important;
  width: 30px !important;
  top: 25%;
}

.matches-desktop .slick-next.slick-arrow::before {
  content: unset;
}

.matches-desktop .slick-prev.slick-arrow::before {
  content: unset;
}

.matches-desktop .popup_matches {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20% auto auto auto;
  padding-top: 2rem;
}

.popup_matches img {
  width: 15%;
}

#all-matches-btn {
  border: 2px solid #00a5d9;
  width: 90%;
  display: flex;
  margin: 0 auto;
  line-height: 3rem;
  color: #00a5d9;
  border-radius: 2rem;
  border-radius: 1.6rem;
}

#all-matches-btn div {
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

#all-matches-btn img {
  width: 15%;
  padding: 0 2% 0 0;
}

#all-matches-btn span {
  font-size: 22px;
  font-weight: normal;
}

.section-matches .back-matches {
  text-align: center;
  margin-top: 8%;
  margin-bottom: 8%;
}

.section-matches .back-matches a {
  font-size: 20px;
  font-weight: 300;
  line-height: 38px;
  text-align: center;
  text-decoration-line: underline;
  color: #5f5f5f;
}

.slick-dots li button:before {
  color: transparent !important;
}

.slick-dots li.slick-active button {
  background-color: #00a5d9 !important;
  width: 20px !important;
  height: 20px !important;
}

.slick-dots li button {
  outline: none;
  background: #d6d5d5 !important;
  border-radius: 50% !important;
  width: 13px !important;
  height: 13px !important;
}

.section-matches .chat-matches {
  background-color: #fff;
  position: absolute;
  width: 100%;
  top: 10px;
  min-height: 100vh;
  display: none;
}

.section-matches .chat-matches.active {
  display: block;
}

.section-matches .chat-matches hr {
  color: #00a5d9;
}

.section-matches .chat-matches .more {
  font-size: 29px;
  color: #8f8f8f;
  font-weight: 900;
}

.section-matches .the_chat {
  width: 90%;
  margin: auto;
  margin-bottom: 20%;
}

.section-matches .the_chat .chat_adv {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.section-matches .the_chat img {
  border-radius: 50%;
  width: 74px;
  height: 74px;
}

.section-matches .the_chat .chat_adv span {
  background: #dff4ff;
  border-radius: 0px 50px 50px 50px;
  padding: 10% 10% 10% 10%;
  margin-left: 1rem;
}

.section-matches .the_chat .chat_car {
  display: flex;
}

.section-matches .the_chat .chat_car span {
  background: #f1f1f1;
  border-radius: 50px 0px 50px 50px;
  padding: 10% 10% 10% 10%;
  margin-right: 1rem;
}

.section-matches .the_chat .text_chat {
  width: 100%;
  height: 8%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00a5d9;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.section-matches .the_chat .text_chat .ui-input-text {
  width: 65%;
  border-radius: 30px;
}

.section-matches .the_chat .text_chat input {
  border-radius: 30px;
  text-align: right;
}

.section-matches .the_chat .text_chat img {
  border-radius: 0;
  width: 5%;
}

.section-matches .more_chat {
  position: fixed;
  top: 0;
  height: 100vh;
  background: #aaaaaa80;
  width: 100%;
  z-index: 99;
  display: none;
}

.ui-popup-screen {
  background: #aaaaaa80 !important;
}

.more_chat {
  box-shadow: unset;
  border: 0 !important;
}

.section-matches .more_chat_step {
  position: absolute;
  top: 25%;
  left: 0;
  padding: 2rem 2rem;
  background: #ffffff;
  border-radius: 0px 80px 80px 0px;
}

div#popupBasic-popup {
  top: 25% !important;
  left: 0 !important;
  padding: 2rem 2rem !important;
  background: #ffffff !important;
  border-radius: 0px 80px 80px 0px !important;
}

.section-matches .levavot {
  width: 100%;
  position: absolute;
  z-index: 999;
  display: none;
}

.levavot.active {
  display: block;
  animation: down 3s ease-in-out alternate;
}

@keyframes down {
  100% {
    margin: 100%;
  }
}

/* login */
.reg-sell {
  margin-top: 12vh;
  text-align: center;
  height: 100%;
  padding-top: 1rem;
  box-shadow: 5px 7px 10px rgb(0 0 0 / 50%);
  background-color: #fff;
  position: relative;
  z-index: 9;
}

.reg-sell .inner-div,
.agency-reg-form .inner-div {
  width: 80%;
  float: none;
  margin: auto;
}

.reg-sell.agency-reg-form {
  margin: 6rem auto -4rem auto;
  text-align: center;
  height: 100%;
}

.reg-sell .run-car {
  float: right;
  width: 100%;
  text-align: center;
  background-image: url(../images/buy/step3/blue-road.svg);
  background-repeat: no-repeat;
  min-height: 816px;
  position: relative;
  background-position: bottom center;
  background-size: cover;
}

.reg-sell .title_reg {
  width: 100%;
  margin: 0 auto;
}

.reg-sell .title_reg h2 {
  font-size: 30px;
  line-height: 41px;
  font-weight: 400;
  color: #59b6e9;
  margin-bottom: 1%;
}

.reg-sell .title_reg h3 {
  font-size: 20px;
  line-height: 42px;
  color: #211e1f;
  text-align: center;
  margin-top: 0.5rem;
}

.reg-sell .google-regist {
  width: 40%;
  margin: auto;
  padding: 0.7% 0%;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 30px;
}

.reg-sell .google-regist a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.reg-sell .google-regist a span {
  font-size: 22px;
  font-weight: 400;
  color: #373737;
  margin-left: 2%;
}

.reg-sell .google-regist a img {
  width: 10%;
}

.reg-sell .or {
  font-size: 22px;
  font-weight: 300;
  color: #00a5d9;
  width: 100%;
  margin: 0 auto;
}

.reg-sell .or span {
  border: 1px #e5e5e5 solid;
  border-radius: 50%;
  background: #ffffff;
  z-index: 9;
  position: relative;
  top: 1em;
  padding: 9px 15px;
}

.reg-sell .or hr {
  width: 100%;
  border: 1px solid #b9b9b9;
}

.reg-sell .form-regist {
  width: 100%;
  margin: 0 auto;
}

.reg-sell .form-regist form .single-row input {
  border: 0;
  border-bottom: 1px #00a5d9 solid;
  border-radius: 0;
  width: 100%;
  margin: 3% 0 0 0;
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  padding: 0% 11% 0 0;
}

.reg-sell .form-regist form .single-row.name input {
  background: url("/static/images/adv/name-icon.svg")
    no-repeat right center;
  background-size: 7%;
}

.reg-sell .form-regist form .single-row.tel input {
  background: url("/static/images/adv/mobile-icon.svg")
    no-repeat right 1% center;
  background-size: 5%;
}

.reg-sell .form-regist form .single-row.mail input {
  background: url("/static/images/adv/mail-icon.svg")
    no-repeat center right;
  background-size: 8%;
}

.reg-sell .form-regist form .single-row input::placeholder {
  font-size: 22px;
  font-weight: 300;
  color: #c4c4c4;
}

.reg-sell .form-regist form input {
  margin: 3% 0;
  width: 100%;
}

.reg-sell .form-regist form .submit input {
  background: unset;
  box-shadow: unset;
  color: #00a5d9;
  font-size: 22px;
  font-weight: 400;
  border: 3px #00a5d9 solid;
  border-radius: 1.2em;
  padding: 4.1% 0%;
}

.buy-login input#get-sms-btn {
  width: 363px;
  border: 2px solid #00a5d9;
  border-radius: 30px !important;
  color: #00a5d9;
  font-weight: 500;
}

.buy-login input#phone_number {
  width: 363px;
  margin: auto;
}

.buy-login input#login-btn {
  background-color: #00a5d9;
  width: 363px;
}

.code-numbers {
  /*width: 18.5rem;*/
  display: flex;
  justify-content: space-between;
  direction: ltr;
  margin: 0 auto;
}

.code-numbers label {
  display: none;
}

.code-numbers > div {
  width: 3.25rem;
}

.login_site .verifiction-code .type-code .code-numbers {
  display: flex;
  justify-content: center;
  width: 98%;
}

.registered {
  text-align: center;
}

.registered a {
  color: #ff9900;
  text-decoration: underline !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
}

.width64 {
  width: 64%;
  margin: 0 auto;
}

.login_site {
  width: 25%;
  margin: 10rem auto 4rem;
}

.ui-input-text,
.ui-input-search {
  border-style: unset;
}

.ui-shadow-inset {
  box-shadow: unset;
}

.verifiction-code {
  display: block;
  padding-bottom: 3%;
}

.verifiction-code-label {
  display: block;
  font-size: 1.13rem;
  margin-bottom: 0.7rem;
}

.submitSMS {
  margin-top: 1.95rem;
  margin-bottom: 1.61rem;
}

.bg_details h1 {
  position: absolute;
  top: 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #00a5d9;
}

.bg_details {
  display: flex;
  justify-content: center;
  margin-bottom: -4px;
  padding: 15px 0 0 0;
}

.img_details {
  position: absolute;
  bottom: 0;
}

.submitSMS input {
  box-shadow: unset;
  background: none !important;
  font-size: 22px;
  font-weight: 400;
  border: 2px #ff9900 solid;
  border-radius: 1.1em !important;
  /*color: #FF9900 !important;*/
  padding: 4.1% 0%;
}

.login_tab_user .submitSMS input {
  color: #ff9900 !important;
}

.verifiction-code
  .type-code
  .code-numbers
  input::placeholder {
  background-image: url("../images/buy/step3/grey-dot.svg");
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.verifiction-code .type-code .not-code {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.9rem;
  margin-bottom: 1.35rem;
}

.verifiction-code .type-code .not-code span {
  margin-bottom: 0%;
  font-weight: 400;
  margin-left: 3px;
}

.verifiction-code .type-code .not-code a {
  font-weight: 400;
  color: #00a5d9;
  text-decoration: underline !important;
  margin: 0 0 0 0;
}

.no_code a {
  font-size: 16px;
  font-weight: 400;
  color: #00a5d9;
  text-decoration: underline !important;
  margin: 0 0 0 0;
}

.no_code {
  display: flex;
  justify-content: center;
}

input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.5625rem;
  border: 1px solid #00a5d9;
  display: grid;
  place-content: center;
  margin-left: 0.4375rem;
}

input[type="checkbox"]::before {
  content: "";
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 4px;
  transform: scale(0);
  border: 1px solid #00a5d9;
  transition: 120ms transform ease-in-out;
  /* Windows High Contrast Mode */
}

input[type="checkbox"]:checked::before {
  border-radius: 4px;
  transform: scale(1);
  background-image: url("../../static/images/w-check-blue.svg");
  background-color: transparent;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
}
.buyer input[type="checkbox"]:checked::before {
  background-image: url("../../static/images/w-check-orange.svg");
}
input[type="checkbox"]:focus {
  outline: unset;
  outline-offset: unset;
}

.login_tab_user .verifiction-code .type-code .not-code a {
  color: #ff9900;
}

.verifiction-code .type-code .submit .ui-btn {
  background-color: #00a5d9;
  color: #ffffff;
  font-weight: 400;
  font-size: 4.22px;
  padding: 3%;
  border-radius: 0.9em;
  border: 0px;
}

.login_tab_user input#phone_number {
  border-bottom: 1px #ff9900 solid;
  background-size: 1.3rem;
}

input#phone_number::placeholder {
  color: #c4c4c4;
}

.width64 {
  width: 64%;
  margin: 0 auto;
}

.ui-btn.ui-shadow.ui-corner-all {
  background: #00a5d9;
  border-radius: 50px;
  color: #fff;
  width: 100%;
}

.sell .list-adv .info_car img {
  width: 100%;
  border-radius: 1rem;
  object-fit: cover;
  height: 30vw;
}

.sell .info_car {
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 1rem 0 0 0;
}

.info-adv h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
}

.sell .info_car.adv {
  padding: 1rem 0 0 0;
}

.sell .info_car div {
  width: 50%;
  justify-content: right;
  padding: 0 0 0.7rem 0;
}

.sell .info_car.adv div {
  padding: 0 0 0.7rem 0;
}

.sell .list-adv .info_car div {
  align-items: center;
  text-align: right;
  /* padding-right: 5%;*/
}

.sell .info_car div span {
  font-size: 22px;
  padding: 0;
}

.sell .info_car div span.the_price_of_car {
  font-size: 4.8vw;
}

.list-adv {
  background: #f9f9f9;
}

hr {
  height: 1px;
  margin: 0.2rem !important;
}

.gray-border {
  height: 0.5px;
  background: #000;
  margin: 0.5rem 5%;
  width: 90% !important;
}

.edit_profile {
  padding-top: 6.8rem;
  width: 69%;
  margin: auto;
}

.edit_profile.agency {
  padding-top: 1.9rem;
  margin-top: 7.375rem;
}

.edit_profile .photo_user {
  margin: auto;
  width: 12vh;
  height: 12vh;
  border-radius: 50%;
  border: 2px solid #00a5d9;
  background-image: url(../../../static/images/user/user_icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.edit_profile.buyer .photo_user {
  border-color: #ff9900;
}

.edit_profile .ui-input-text,
.ui-input-search {
  border-style: unset;
}

.edit_profile .ui-shadow-inset {
  box-shadow: unset;
}

.edit_profile .form-edit form .single-row .ui-body-inherit {
  background: unset;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px #00a5d9 solid;
  border-radius: 0;
  padding-right: 1%;
  text-align: right;
}

.edit_profile.buyer
  .form-edit
  form
  .single-row
  .ui-body-inherit {
  border-color: #ff9900;
}

.buyer
  .submit
  .ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
  background: #ff9900;
}

.edit_profile .form-edit form input {
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  padding: 0% 9%;
  background-repeat: no-repeat;
  background-position: 100% 16%;
  left: unset !important;
}

.edit_profile .form-edit form .single-row.name input {
  background-image: url("../../../static/images/user/name_user.svg");
  background-size: 7%;
  font-size: 4.22px;
  background-position-y: 35%;
}

.edit_profile .form-edit form .single-row.tel input {
  background-image: url("../../../static/images/user/phone.svg");
  background-size: 6%;
  font-size: 4.22px;
}

.edit_profile .form-edit form .single-row.location input {
  background-image: url("../../../static/images/user/place.svg");
  background-size: 7%;
  font-size: 4.22px;
  background-position-y: 35%;
}

.edit_profile .form-edit form .single-row.mail input {
  background-image: url("../../../static/images/envelope.svg");
  background-size: 8%;
  background-position: center right !important;
  padding-right: 10%;
  font-size: 4.22px;
}

.edit_profile .form-edit form label {
  background: unset !important;
  border: 0;
  padding: 0 1.6rem 0 0;
  font-weight: 300;
  font-size: 1.15625rem;
  line-height: 1.9375rem;
  text-align: right;
  color: #a0a0a0;
}

.edit_profile .form-edit form .single-row .ui-checkbox,
.register_user .form-edit form .single-row .ui-checkbox {
  direction: rtl;
}

.edit_profile .ui-btn-icon-left:after,
.register_user .ui-btn-icon-left:after {
  content: unset !important;
}

.edit_profile .ui-checkbox input,
.register_user .ui-checkbox input {
  left: unset;
  padding-right: 0 !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.ptb-15 {
  padding: 15px 0;
}

.edit_profile .blue-color {
  color: #00a5d9;
  font-weight: 500;
  font-size: 1.4375rem;
  text-align: center;
}

.add_photo a {
  color: #b9b9b9;
  font-weight: 300;
}

.my-private-area {
  font-size: 22px;
  margin: 0.6rem 0 0 0;
}

.check_two input,
.check_one input {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
  font: inherit;
  color: currentColor !important;
  width: 22px !important;
  height: 22px;
  border-radius: 7px;
  border: 1px solid #00a5d9 !important;
  display: grid;
  place-content: center;
  margin-left: 10px !important;
  padding: 0 !important;
}

.check-style.active,
.check-style_tow.active {
  background-image: url("../../../static/images/user/truecheck.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.thank_section {
  width: 90%;
  margin: auto;
  border: 3px solid #00a5d9;
  border-radius: 80px;
  background-image: url(../../static/images/bg_thank.png);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 53vh;
  margin-top: 220%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.thank_section.active {
  transition: 0.5s;
  margin-top: 50%;
}

.thank_section .con_text {
  width: auto;
  margin: auto;
  padding-bottom: 2rem;
}

.thank_section .row {
  margin-top: -4rem;
}

.thank_section .con_text h3 {
  font-size: 2.3rem;
  margin: 0;
}

.thank_section .read_sim {
  position: absolute;
  top: -18px;
  left: -7px;
  font-size: 4rem;
  color: #00a5d9;
}

.thank_section .con_text2 h3 {
  font-size: 2rem;
  font-weight: 700;
}

.thank_section .con_text2 h4 {
  font-size: 1.5rem;
}

.gray_color {
  color: #898989;
}

.filter_section {
  margin-top: 5rem;
  background: #f0f0f0;
  padding-top: 0.1rem;
}

.header_filter {
  margin: 0 auto;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 9;
  background: #f0f0f0;
  padding-top: 5%;
  top: 10%;
}

.bottom_filter {
  padding: 6.5rem 0 0;
}

.header_filter input {
  background: #ffffff;
  border-radius: 30px;
  text-align: right;
}

.header_filter .ui-input-text {
  border-radius: 30px;
}

.filter_section #fi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter_section .list_filter {
  position: absolute;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  padding-right: 50%;
  display: none;
  z-index: 999;
}

.filter_section .filter_new_car {
  cursor: pointer;
}

.filter_section .card_filter {
  background: #ffffff;
  border-radius: 1.3rem;
  margin-bottom: 1rem;
  padding: 1rem 1.3rem 0.7rem 1rem;
}

.filter_section .card_filter img.car {
  border-radius: 20px;
  width: 100%;
  /*height: 100%;*/
  visibility: hidden;
}

.filter_section .card_filter img.like-heart {
  position: absolute;
  width: 12%;
  right: 6%;
  top: 0.8rem;
}

#match-heart {
  top: -0.7rem;
  position: absolute;
  margin-right: 1.1%;
  width: 6%;
}

#wrp-end-bids {
  width: 100%;
}

#wrp-end-bids span {
  color: #00a5d9;
  text-align: center;
  width: 100%;
  font-size: 22px;
  display: block;
}

#wrp-end-bids div {
  text-align: center;
  width: 100%;
  font-size: 4.8vw;
  display: block;
}

#wrp-end-bids a {
  background: #00a5d9;
  width: 68%;
  border-radius: 1.5rem;
  position: relative;
  color: #fff;
  text-align: center;
  margin: 0 16%;
  line-height: 2.7rem;
  font-size: 4.22px;
  display: block;
}

#wrp-end-bids a img {
  position: absolute;
  top: -0.5rem;
  width: 15%;
  right: 17%;
}

.card_filter .wrp-similar-car-img {
  width: 100%;
  height: 8.5rem;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 1.2rem;
}

#bid-saved-strip {
  background: #00a5d9;
  position: absolute;
  top: 0;
  width: 100%;
  line-height: 4rem;
  right: 0;
  padding: 0 4%;
  color: #fff;
  display: none;
  z-index: 8;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
}

#bid-saved-strip img {
  width: 2%;
}

#bid-saved-strip span {
  font-size: 0.9vw;
  padding: 0 1% 0 2%;
}

#bid-saved-strip a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline !important;
  font-size: 1vw;
}

.filter_section .name_saler svg {
  width: 55%;
  height: auto;
}

.filter_section .name_saler span {
  width: 50%;
}

.wrp-car-chat {
  text-align: left;
  padding: 0.4rem 0 0 5%;
}

.filter_section .price_car {
  font-size: 3.22px;
}

.filter_section .the_price_of_car {
  font-size: 3.22px;
  text-decoration: line-through;
  text-decoration-color: #00a5d9;
}

#search-stock {
  background: #208cc7;
  color: #fff;
  text-align: center;
  border-radius: 44px;
  width: 100%;
  border: 0;
  height: 3rem;
  margin: 0 0 0.6rem 0;
}

.search_filter {
  width: 86%;
  margin: auto;
  position: relative;
}

.search_filter a {
  position: absolute;
  left: 0;
  width: 11%;
  height: 100%;
  top: 0;
}

.filter_section .arrow_svg {
  transition: 0.3s;
}

.filter_section .arrow_svg.active {
  transition: 0.3s;
  transform: rotate(180deg);
}

.filter_section .count_filter {
  margin-right: -1rem;
  margin-top: 1rem;
}

.filter_section .smart_filter {
  position: absolute;
  top: 100%;
  right: 0;
  height: 150vh;
  width: 100%;
  background: #fff;
  z-index: 999;
  margin: 0;
  padding-top: 2rem;
  display: none;
}

.info-car-buttons {
  overflow-y: unset;
  display: block;
  margin: 0 auto;
  width: 85%;
}

.filter_section .smart_filter .type1.active,
.type2.active,
.type3.active {
  border: 2px #ff9900 solid;
}

.filter_section .info_type_car {
  display: none;
  text-align: right;
}

.filter_section .info_type_car.active.maker {
  display: block;
}

.filter_section .info_type_car.maker ui-btn {
}

.filter_section .info_type_car.active {
  display: flex;
}

.filter_section .info_type_car div {
  margin: 7px 0;
  font-size: 20px;
  font-weight: 300;
}

.segment.active {
  color: #ff9900;
}

.filter_section .info_type_car div:not(.col-4) {
  width: 100%;
}

.filter_section .type_car {
  display: flex;
  justify-content: space-between;
  text-align: right;
  width: 50%;
  margin: 1rem 0;
}

.filter_section .manufactor-model-single span {
  text-align: right;
  color: #b9b9b9;
  font-size: 22px;
  font-weight: 300;
}

.filter_section
  .manufactor-model-single
  .ui-btn-icon-right:after {
  background: unset;
  left: 5%;
  right: unset;
  width: 9%;
  top: 52%;
}

.filter_section
  .manufactor-model-single.active
  .ui-icon-carat-d:after {
  background-image: url("../../../static/images/buy/orange-down-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.filter_section
  .manufactor-model-single
  .ui-icon-carat-d:after {
  background-image: url("../../../static/images/buy/grey-down-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.filter_section
  .manufactor-model-single.maker
  .ui-icon-carat-d:after {
  background-image: url("../../../static/images/buy/orange-down-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.filter_section .makers-lst .wrp-arr a {
  left: 5%;
  width: 8%;
  height: 40px;
  top: 11px;
}

#filter-maker-button {
  background-color: #fff;
  border: 1px #ff9900 solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 4.1% 7%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
}

.filter_section .manufactor-model-single #model-button {
  background-color: #fff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 4.1% 7%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
}

.filter_section #from-button,
#to-button,
#from_year-button,
#to_year-button {
  width: 95%;
  background-color: #fff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 8.5% 15%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
}

.filter_section .form-single-wrraper {
  display: flex;
  justify-content: space-between;
}

.filter_section .form.price-form {
  width: 100%;
}

.filter_section .form-single {
  width: 48%;
}

.filter_section .form-single .ui-icon-carat-d:after {
  background-image: url("../../../static/images/buy/grey-down-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  right: unset;
  left: 6%;
  background-color: unset;
}

.filter_section .step2-more-details .content .form .ui-btn {
  background-color: #fff;
  border: 1px #5f5f5f solid;
  box-shadow: unset;
  border-radius: 44px;
  padding: 4.1% 7%;
  text-align: right;
  font-size: 22px;
  font-weight: 300;
  color: #b9b9b9;
  margin-bottom: 7%;
}

.submit_filter {
  padding: 2rem 0;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 95%;
  background: #fff;
  margin-top: 24px;
}

.submit_filter.form-single .col-3 {
  width: 24.7% !important;
}

#show_filter button {
  background: transparent;
  color: #00a5d9;
  border: 1px solid;
  font-size: 20px;
  font-weight: 300;
  height: 56px;
}

#clear_filter button {
  background: transparent;
  color: #000;
  border: 1px solid;
  width: 56px;
  height: 56px;
  font-weight: 300;
  font-size: 20px;
}

.filter_section .nav-help-item.tools {
  margin-bottom: 2rem;
}

.border_car {
  border-radius: 20px;
}

.stock-sell {
  margin: 3rem 0 0 0;
}

.archives {
  border: 1px solid #a0a0a0;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15% !important;
  aspect-ratio: 1/1;
}

.car_card_adv .archive-btn.col-auto {
  border: 1px solid #a0a0a0;
  border-radius: 25px;
  height: auto;
  background: #fff;
  padding: 16px 10px !important;
  display: none;
  position: relative;
  font-size: 16px;
  color: #818181;
}

.requested-price {
  font-size: 4.2vw;
}

.stock-img {
  object-fit: cover;
  height: 36vw;
  width: 100%;
}

.gear-span {
  background: url(../../../static/images/agency/gear-icon.jpg)
    no-repeat center right;
  background-size: 27%;
  padding: 0 13% 0 0;
}

.justify-space-between {
  justify-content: space-between;
}

.hand-span {
  background: url(../../../static/images/agency/hand-icon.jpg)
    no-repeat center right;
  background-size: 30%;
  padding: 0 13% 0 0;
}

.car-gear-icon {
  border-radius: 0;
  width: 12%;
  margin: 0 0 0 7%;
}

.archive-btn img {
  width: 28px;
}

.archives svg {
  width: 55%;
}

.stock-sell .header_filter {
  background: #f0f0f0;
  padding: 2rem 0.1rem 0.1rem;
  position: fixed;
  top: 3rem;
}

.stock-sell #search {
  background-image: url("../../../static/images/glass.svg");
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: 5% 55%;
  border: 1px solid #d6d5d5;
  padding-right: 5%;
}

.orange {
  color: #ff9900 !important;
}

.seller {
  width: 380px;
  position: relative;
  border: 1px solid #ff9900;
  box-sizing: border-box;
  border-radius: 2rem;
  min-height: 50vh;
  margin: 10.2rem auto auto auto;
  background: #fcfcfc;
  overflow: hidden;
}
.general-pop .sale {
  width: 18%;
  aspect-ratio: 5 / 4;
  height: auto;
  border-radius: 0 0 12rem 0;
}
.sale {
  position: absolute;
  left: 0;
  top: 0;
  background: #ff9900;
  color: #fff;
  border-radius: 0 0 4rem 0;
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sale span {
  transform: rotate(-45deg);
  text-align: center;
}

span.price-input {
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #ff9900;
}

.info_seller {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 22px 0;
}

.info_seller div {
  padding: 0 10px;
  text-align: center;
  display: grid;
  margin-bottom: 5%;
}

.info_seller div span {
  text-align: center;
}

.info_seller img {
  width: 34px;
  height: 38px;
  margin: auto;
}

.info_seller span.the_color {
  margin: 0 auto;
}

.content_seller {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fcf6f3;
  padding: 9% 0;
  margin-top: -2rem;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.Note {
  padding: 10px 15px 43px 15px;
}
#heart1,
#heart2,
#heart3,
#heart4,
#heart5 {
  position: absolute;
  display: none;
}
#heart1,
#heart2 {
  transition: all 1s ease;
}
#heart3,
#heart4,
#heart5 {
  transition: all 1.5s ease;
}
#heart1 {
  width: 2%;
  right: 15%;
  margin-top: -12%;
}
#heart2 {
  width: 2.4%;
  right: 15.5%;
  margin-top: -6.5%;
}
#heart3 {
  width: 3%;
  right: 16%;
}
#heart4 {
  width: 2%;
  right: 13%;
}
#heart5 {
  width: 4%;
  right: 11%;
  margin-top: -7%;
}
.move-to-top-left {
  margin-top: -300% !important;
  right: 55% !important;
  display: block !important;
}
.heart {
  background: #ff9900;
  padding: 15px 0 15px 8%;
  position: absolute;
  border-radius: 100px 0 0 100px;
  margin: auto;
  width: 30%;
  right: 0;
  height: 4.5rem;
  top: 40px;
  text-align: left;
  vertical-align: middle;
  z-index: 10;
}

.heart.blue {
  background: #00a5d9;
}

.heart img {
  width: 45%;
  vertical-align: middle;
  height: 100%;
}

.not {
  background: #373737;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.not img {
  width: 40%;
  vertical-align: middle;
  height: 100%;
}

.popupbg {
  position: fixed;
  height: 100%;
  background-color: #5f5f5f01;
  z-index: 9999;
  top: 0;
  width: 100%;
  display: none;
  transition-duration: 1s;
  transition-delay: 0.2s;
}

.popupbg.active {
  display: block;
  transition-duration: 1s;
  transition-delay: 0.2s;
  background-color: rgba(0, 0, 0, 0.75);
}

.popup {
  position: relative;
  top: 20%;
  border: 2px solid #ff9900;
  border-radius: 60px;
  background-color: #fff;
  width: 80%;
  margin: auto;
  min-height: 50vh;
  text-align: center;
  padding-top: 18px;
}

.popup.blue {
  border-color: #00a5d9;
}

.popup span {
  font-size: 20px;
}

.popupbg .heart {
  padding: 7px 27px 4px 7px;
  width: 100px;
}

.popupbg .not {
  padding: 7px 0px 7px 24px;
  width: 100px;
}

.popupbg .hand {
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
}

.popupbg .hand img {
  animation: left-right 1.2s ease-in-out alternate infinite;
  width: 55%;
}

@keyframes left-right {
  0% {
    transform: rotate(-105deg);
  }
  100% {
    transform: rotate(15deg);
  }
}

.close {
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  color: #a0a0a0;
  font-family: "Rubik", sans-serif !important;
  font-size: 17px !important;
}

.content_pop p {
  margin: 0;
  padding: 0;
}

.content_pop img {
  width: 16px;
}

.count_bell {
  text-align: left;
  width: auto !important;
  padding-right: 36px !important;
  cursor: pointer;
}

.count_bell img {
  /* width: 35%; */
  width: 30px;
}
#all-updates {
  height: 93%;
  overflow-y: auto;
}
#updates-wrapper {
  position: fixed;
  left: -1000px;
  width: 25%;
  z-index: 9999;
  background: #fff;
  top: 0;
  height: 100%;
  padding: 4rem 0 0 0;
}
#updates-wrapper > img {
  position: absolute;
  left: 8%;
  width: 5%;
  top: 3.3rem;
  cursor: pointer;
}
#updates-wrapper > b {
  color: #ff9900;
  font-size: 1.3vw;
  display: flex;
  padding: 0 8.5% 1rem 0;
}
#updates-wrapper > b img {
  width: 5%;
  margin: -4% 2% 0 0;
}
.new-notification {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 2rem 0;
}
.new-notification .bullet {
  background: #ff9900;
  width: 3.5%;
  height: 2.1rem;
  border-radius: 3rem 0 0 3rem;
}
.wrp-text {
  padding: 0 4% 0 0;
  width: 72%;
  display: flex;
  flex-wrap: wrap;
}
.new-notification .wrp-text > b {
  font-size: 1.1vw;
  line-height: normal;
  width: 100%;
}
.new-notification .wrp-text > a {
  font-size: 1vw;
  margin: 0.5rem 0 0 0;
  width: 100%;
  border: 1px solid #ff9900;
  border-radius: 3rem;
  line-height: 3rem;
  color: #ff9900;
  text-align: center;
}
.noti-text {
  font-size: 1vw;
  padding: 0;
  width: 100%;
}
.count_bell p {
  position: absolute;
  top: 40%;
  left: 55%;
  color: #5f5f5f;
  font-weight: 700;
}

.notifictions-wrap {
  position: absolute;
  display: none;
  width: 400px;
  max-height: 50vh;
  background: white;
  padding: 0 10px;
  top: calc(100% + 12px);
  left: 0;
  border: 1px solid #c7c7c7;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  text-align: right;
}

.notification-wrap .scroll-container {
  overflow-y: auto;
}

.notifictions-wrap::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  left: 25px;
  top: 0;
  z-index: 2;
  border-left: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 4px 0 0 0;
  background-color: #fff;
}

.notifictions-wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  bottom: 100%;
  left: 0;
}

.count_bell:hover .notifictions-wrap {
  display: block;
}

.header-notification-text {
  position: relative;
  display: block;
  width: 100%;
  background: #f1f1f1;
  padding: 15px;
  border-radius: 20px;
  margin: 10px 0;
  color: #212529 !important;
  font-weight: 600;
  cursor: pointer;
  z-index: 5;
}

.love_or_not {
  display: flex;
  justify-content: space-around;
}

.w100 {
  width: 100% !important;
}

.login_tab_user {
  margin: 7rem auto 0 auto;
  width: 77%;
}

.login_tab_user #tabs-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: auto;
  border: unset;
  list-style: none;
  color: #000;
  margin-bottom: 0.7rem;
}

.tab1 svg {
  width: 3.125rem;
  height: auto;
}

.tab2 svg {
  width: 2.1875rem;
  height: auto;
}

.sections-marked .tab1 svg {
  width: 28%;
}

.sections-marked .tab2 svg {
  width: 15%;
  height: auto;
}

.agency-reg-ttl {
  font-size: 5.8vw;
  color: #ff9900;
  text-align: center;
  display: block;
  padding: 0 0 1rem 0;
}

.section-buy-matches #tabs-content,
.sections-marked #tabs-content {
  padding: 10% 0 0 0;
}

.login_tab_user #tabs-content {
  width: 100%;
  margin: auto;
  position: relative;
}

#tabs #tab1,
#tabs #tab2 {
  display: none;
}

#tabs.active-tab1 #tab1 {
  display: block;
}

#tabs.active-tab2 #tab2 {
  display: block;
}

.login_tab_user #tab2 {
  margin-top: 2.8rem;
}

.login_tab_user #tabs-nav li.active {
  color: #ff9900;
}

.tabs.active-tab1 .tab1,
.tabs.active-tab2 .tab2 {
  color: #ff9900 !important;
}

.tabs.active-tab1 .tab1 path,
.tabs.active-tab2 .tab2 path {
  fill: #ff9900 !important;
}

.tabs.active-tab1 .tab1 p,
.tabs.active-tab2 .tab2 p {
  color: #ff9900 !important;
}

.login_tab_user #tabs-nav li.active a {
  color: #ff9900;
}

.login_tab_user #tabs-nav li.active svg path {
  fill: #ff9900;
}

.login_tab_user #tabs-nav li a {
  color: #5f5f5f;
}

.login_tab_user #tabs-nav li svg path {
  fill: #5f5f5f;
}

.login_tab_user form .single-row .ui-body-inherit input {
  text-align: right;
  font-size: 22px;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: 100% 16%;
}

.login_tab_user form .single-row .ui-body-inherit {
  background: unset;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px #ff9900 solid;
  border-radius: 0;
  padding-right: 1%;
}

.login_tab_user
  form
  .single-row
  .ui-body-inherit
  input::placeholder {
  font-size: 22px;
  font-weight: 300;
  color: #c4c4c4;
}

.login_tab_user .check_remember input {
  opacity: 0;
}
.login_tab_user .check_remember label {
  cursor: pointer;
}
.login_tab_user .check-style {
  position: absolute;
  padding: 2.2vw;
  background: #ffffff;
  border: 1px solid #ff9900;
  border-radius: 0.4rem;
  top: 7px;
}

.login_tab_user .ui-checkbox {
  display: flex;
  align-items: center;
  padding-right: 10%;
}

#remember-icon {
  width: 13%;
  position: absolute;
  bottom: 14rem;
  left: 12%;
}

.check-style.active,
.check-style_tow.active {
  /*background-image: url("../../../static/images/truecheckorange.png");*/
  background-image: url("../../../static/images/check-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85%;
}

.login_tab_user .check-style.active {
  background-image: url("../../../static/images/truecheckorange.png");
}

.login_tab_user
  .ui-btn.ui-checkbox-on.ui-checkbox-on:after {
  background: none !important;
}

.buyer .check-style.active,
.buyer .check-style_tow.active {
  background-image: url("../../../static/images/truecheckorange.png");
}

.single-row.check_one .ui-checkbox,
.single-row.check_two .ui-checkbox {
  margin: 0;
}

.login_tab_user .check_remember label:after {
  background: unset;
}

.under_line {
  text-decoration: underline !important;
}

.agency-login-popup-register {
  text-decoration: underline !important;
  font-weight: 400 !important;
  display: flex;
  justify-content: center;
  font-size: 1.3rem;
  padding: 0 !important;
  margin-top: 1.5rem;
}

.login_tab_user
  .submit
  .ui-btn.ui-input-btn.ui-corner-all.ui-shadow {
  color: #fff;
  background-color: #ff9900;
  border-radius: 1.1rem;
  font-weight: 300;
  font-size: 1.3rem;
  box-shadow: unset !important;
  padding: 3%;
}

.commit {
  width: 90%;
  margin: 8rem auto 0 auto;
  text-align: center;
}

.commit .add_adv {
  border: 2px solid;
  border-radius: 50%;
  width: 30vh;
  height: 30vh;
  margin: auto;
  color: #00a5d9;
  padding: 15% 0;
}

.commit .upload_commit {
  margin-top: 25%;
}

.popup_commit {
  position: fixed;
  top: 0;
  background: #8f8f8f69;
  height: 100vh;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100vh;
  transition: 0.3s;
}

.popup_commit.active {
  transition: 0.3s;
  margin-top: 0;
}

.content_popup_commit {
  background-image: url("../../../static/images/calendr_popup.png");
  background-size: 100%;
  padding: 30% 10%;
  width: 90%;
  background-repeat: no-repeat;
}

.content_popup_commit a {
  background-color: #ff9900;
  color: #fff;
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 60px;
  padding: 2%;
}

.adv_list {
  /*margin: 8rem 1rem 0 1rem;*/
  margin: 8rem 0.5rem 0 0.5rem;
}

.adv_list .price > span {
  font-size: 1.1rem;
}

.more-car-slider {
  margin: 3rem 1rem 20rem 1rem;
}

.wrp-car-photo {
  width: 100%;
  height: 317px;
  border-radius: 3rem 3rem 0 0;
}

.more-car-slider .wrp-car-photo {
  height: 12rem;
}

.adv_list .car-photo {
  /*border-radius: 60px 60px 0 0;*/
  border-radius: 3rem 3rem 0 0;
  width: 100%;
  margin: auto;
  visibility: hidden;
}

.see_more_car {
  margin: 1rem 0;
}

.base_link {
  background: #fff;
  border: 2px solid #097ec3;
  border-radius: 40px;
  width: 80%;
  margin: auto;
  color: #097ec3;
  font-size: 22px;
  /* line-height: 3; */
  padding: 3% 10%;
  font-weight: normal !important;
  display: inline-block;
}

.back_blue {
  background: #00a5d9;
}

.heart_blue {
  width: 85px;
  height: 85px;
  background: #00a5d9;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 21px;
}

.adv_list .contact_us img {
  width: 10%;
  margin-left: 4%;
}

.adv_list .contact_us {
  border-top: 1px solid #c4c4c4 !important;
  background: #f8fdff;
  border-top: 1px solid;
  padding: 5% 8% 5% 5%;
}

.adv_list .chat img {
  margin: 0 auto;
}

.seller-like-span {
  position: absolute;
  width: 33%;
  font-size: 0.85vw;
  background: #fff;
  opacity: 0.7;
  border-radius: 1.7rem;
  padding: 1% 4%;
  right: 5%;
  top: 0.7rem;
  text-align: center;
  z-index: 8;
}
.hide-on-start .seller-like-span {
  width: 12%;
  right: auto;
  padding: 0 0.6%;
  left: 36%;
}
.seller-like-span img {
  width: 15%;
  margin: 0;
  display: initial !important;
}

.more-car-slider .slick-list {
  padding: 0 0 0 20% !important;
}

.more-car-slider .slick-initialized .slick-slide {
  margin: 0 0 0 1rem;
}

.more-car-slider
  .slick-next.slick-arrow.ui-btn.ui-shadow.ui-corner-all {
  background: unset;
  /*right: 3%;*/
  right: auto;
  left: 3%;
  position: absolute;
  z-index: 9999;
  width: auto;
  padding: 5rem 0;
  box-shadow: unset;
  top: 30%;
}

.more-car-slider
  .slick-prev.slick-arrow.ui-btn.ui-shadow.ui-corner-all {
  background: unset;
  /*left: 3%;*/
  left: auto;
  right: 3%;
  position: absolute;
  z-index: 9999;
  width: auto;
  padding: 5rem 0;
  box-shadow: unset;
  top: 30%;
}

.more-car-slider .slick-next::before {
  background-image: url("../../../static/images/prev_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  padding: 1rem;
  font-size: 5rem;
  opacity: 1;
}

.more-car-slider .slick-prev::before {
  background-image: url("../../../static/images/next_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  padding: 1rem;
  font-size: 5rem;
  opacity: 1;
}

.more-adv-info-car-btn .image-close {
  transform: rotate(360deg);
  margin: 0 auto;
}

.more-adv-info-car-btn.active .image-close {
  transform: rotate(180deg);
}

.w-13 {
  width: 13%;
}

.w-60 {
  width: 60%;
}

.mor_adv_info_car_2 {
  padding: 0 0 2rem 0;
  font-size: 22px;
  background: #f8fdff;
}

.mor_adv_info_car_2 svg {
  width: 40%;
}

.mor_adv_info_car_2 .image-plus {
  margin-right: 8%;
  transform: rotate(360deg);
  width: 7%;
}

.mor_adv_info_car_2 .image-plus.active {
  transition: 0.3ms;
  transform: rotate(180deg);
}

.info_car_plus {
  text-align: right;
  margin-right: 10%;
  font-size: 85%;
  line-height: 2;
  display: none;
}

.plus_adv {
  margin-bottom: 1rem;
}

.info_car_plus.active {
  display: block;
}
.fnt1vw {
  font-size: 1vw;
}
.font4_5 {
  font-size: 4.22px;
}

.font4_8 {
  font-size: 4.8vw;
}

.font-w-500 {
  font-weight: 500;
}

.font-w-100 {
  font-weight: 100;
}

.icon_plus {
  font-weight: 100;
  font-size: 50px;
}

.icon_plus.active {
  transition: 4ms;
  transform: rotate(45deg);
}

.popup_note1 svg,
.popup_note2 svg {
  width: 70%;
}

.bg_popnot1,
.bg_popnot2,
.bg_popnot3 {
  display: none;
}

.bg_popnot1.active,
.bg_popnot2.active,
.bg_popnot3.active {
  display: block;
  position: fixed;
  height: 100vh;
  top: 0;
  overflow: hidden;
  background: #0000005c;
  width: 100%;
  right: 0;
  z-index: 999;
}

.union_not1 {
  position: fixed;
  background-image: url("../../../static/images/Union.png");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  top: 28%;
  right: 25%;
  left: 15%;
  width: 70%;
  height: 37vh;
  justify-content: center;
  line-height: 1;
  padding: 20% 17%;
  z-index: 9999;
  text-align: center;
  font-size: 20px;
  font-weight: 100;
}

.union_not3 {
  position: fixed;
  background-image: url("../../../static/images/Union.png");
  background-size: 86%;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  top: 28%;
  right: 25%;
  left: 15%;
  width: 70%;
  height: 37vh;
  justify-content: center;
  line-height: 1;
  padding: 18% 13%;
  z-index: 9999;
  text-align: center;
  font-size: 20px;
  font-weight: 100;
}

.popup_note3 svg {
  width: 60%;
}

.union_not1.active,
.union_not3.active {
  display: block;
}

.union_not2 {
  position: fixed;
  background-image: url("../../../static/images/Union2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  top: 28%;
  right: 10%;
  left: 15%;
  width: 85%;
  height: 46vh;
  justify-content: center;
  line-height: 1;
  padding: 15% 15%;
  z-index: 9999;
  text-align: center;
  font-size: 20px;
  font-weight: 100;
}

.union_not2.active {
  display: block;
}

.base_link_black {
  /*text-align: left;*/
  color: #000 !important;
  font-weight: 300 !important;
  padding: 5% 7%;
  border-radius: 1.5rem;
  border: 1px solid #000;
  width: 100%;
  text-align: center;
}

.img_company img {
  width: 65%;
}

.ptb-15 {
  display: flex;
}

.back_home {
  height: 44vw;
  background-image: url(../images/image-desktop/home-hero-bg.png);
  background-repeat: no-repeat;
  background-size: 90.521vw;
  background-position: 2.92vw 9.4271vw;
}

.back_home .section-wraper {
  padding: 4% 8.5%;
  padding-top: 0;
  background: linear-gradient(
    180deg,
    rgba(156, 220, 255, 0.08) 22.46%,
    rgba(193, 233, 255, 0) 48.54%
  );
}

.home-animation .main_title_home {
  opacity: 0;
}

.main_title_home {
  color: #000 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top: 4.4vw;
  margin-bottom: 0 !important;
  font-weight: 700;
  font-size: 3.35vw;
  line-height: 1.9;
}

.main_title_home.transition {
  transition: 0.5s;
}

.main_title_home.active {
  transform: translateY(-108.2vh);
  font-size: 3.35vw !important;
}

.main_title_home img {
  width: 25%;
  margin-right: -1rem;
  position: relative;
  z-index: -1;
}

.main_title_home.active #hand_home2 svg {
  width: 5.2vw !important;
  margin-top: -0.8vw;
}

.main_title_home .orange {
  margin-right: -0.7vw;
}

#car-img_home {
  position: absolute;
  bottom: -8rem;
  left: -100%;
  width: 600px;
}

.col-6.contact_blue {
  width: 55%;
}

.col-6.contact_orange {
  width: 45%;
}

.contact_blue h4,
.main_title {
  color: #00a5d9;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
}

.contact_blue h4.main_title {
  font-weight: 400;
  font-size: 40px;
  color: #00a5d9;
}

.contact_blue p,
.contact_orange p,
.work_home .contact_orange p {
  color: #373737;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.35;
  margin-bottom: 1.4rem;
}

.contact_orange p {
  margin-bottom: 3.1rem;
}

.contact_orange h4,
.main_title {
  color: #ff9900;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}

.why_us .container {
  position: relative;
}

.why_us .main_title {
  font-weight: 400;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 1.8rem;
}

.work_home .container {
  max-width: 1400px;
}

.why_us h3,
.work_home h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.2;
  color: #373737;
  padding-bottom: 5rem;
}

.work_home h3 {
  padding-bottom: 2.4rem !important;
}

.man_home {
  padding: 0;
}

.man_home svg {
  width: 290px !important;
}

#hand_home svg {
  width: 5.2vw !important;
  margin-top: -0.8vw;
}

#hand_home2 svg {
  width: 4.21875vw !important;
  margin-top: -0.78125vw;
  margin-left: -1vw;
}

.home_helper {
  background-image: url("../../../static/images/bg_tip.png");
  background-color: transparent !important;
  background-size: cover;
  background-position: center;
  z-index: 9;
}

.home_helper .help-nav-title {
  border-bottom: 1px solid #ff9900 !important;
}

img.bg_tip2 {
  position: absolute;
  display: none;
  top: -157px;
  left: 57px;
  z-index: -1;
  width: 360px;
}

.footer_desktop.homepage-footer img.bg_tip2 {
  display: block;
}

.slide_tip .slick-list {
  padding: 0 0 0 30% !important;
  margin-right: 5%;
}

.slide_tip .slick-prev,
.slide_tip .slick-next {
  display: none !important;
}

.slide_tip .card_post {
  margin: auto 10px 1rem !important;
  border-radius: 30px;
}

.slide_tip .link_post {
  display: flex;
  justify-content: space-between;
  width: 40%;
  margin-top: 10px;
  color: #ff9900 !important;
  font-weight: 400;
}

.slide_tip .card_post img {
  border-radius: 30px 30px 0 0;
}

.slide_tip .card_post .title_post {
  font-size: 1rem;
  font-weight: 600;
  line-height: 0;
}

.slide_tip .card_post .date_post {
  font-size: 0.7rem;
}

.slide_tip .card_post .content_post {
  font-size: 0.8rem;
  color: #8f8f8f;
  line-height: 3;
}

.FQA {
  width: 100%;
  margin: auto;
}

.FQA .container {
  width: 1180px;
}

.section-tips h3,
.FQA h3 {
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  color: #373737;
  padding-bottom: 1rem;
}

.FQA h3 {
  margin-bottom: 0;
}

.FQA .questions {
  border-bottom: 1px solid #ff9900;
}

.first-part .title {
  font-size: 1rem;
  font-weight: 600;
}

div#tip {
  width: 20%;
}

.all_tip {
  display: flex;
  justify-content: center;
  color: #000 !important;
  font-size: 1.5rem;
  font-weight: 100 !important;
  border: 1px solid;
  margin: auto;
  border-radius: 30px;
  padding: 10px;
  margin-top: 1.5rem;
  width: 360px;
  height: 60px;
}

div#up {
  width: 134px;
  cursor: pointer;
  margin-right: 70px;
  transform: translateY(-130px);
}

div#up span {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 21px;
  color: #adadad;
  top: 65px;
}

div#fqa {
  width: 107px;
}

div#key {
  margin: auto;
  position: absolute;
  top: 55%;
  width: 14vw;
  left: -3vw;
}

div#key svg {
  border: 1px solid #ababab;
  border-radius: 50%;
}

#car_orange,
#folder,
#handshack,
#hand_heart {
  margin-left: 16px;
}

#handshack2,
#folder2,
#car_blue,
#hand2 {
  width: 16%;
  margin-left: 16px;
}

#car_orange svg,
#folder svg,
#handshack svg,
#handshack2 svg,
#hand_heart svg {
  width: 85px !important;
  height: 77px !important;
  background: #ffffff;
  border: 2px solid #ff9900;
  border-radius: 20px;
  padding: 6px;
}

#hand_heart svg path {
  stroke: #ff9900;
}

#handshack2 svg,
#folder2 svg,
#car_blue svg,
#hand2 svg {
  width: 85px !important;
  height: 77px !important;
  background: #ffffff;
  border: 2px solid #00a5d9;
  border-radius: 20px;
}

#lave {
  width: 12%;
  margin-left: 16px;
  border: 1px solid #ff9900;
  border-radius: 8px;
  position: relative;
}

#lave svg {
  border-radius: 8px;
}

#leavs svg rect {
  fill: transparent;
}

#folder2 svg path,
#car_blue svg path,
#hand2 svg path {
  fill: #00a5d9;
  stroke: #00a5d9;
}
.all-cars.active path:first-child,
.all-cars:hover path:first-child {
  fill: #ff9900 !important;
}
.all-cars.blue-hover.active path:first-child,
.all-cars.blue-hover:hover path:first-child {
  fill: #00a5d9 !important;
}
.adv.blue-hover.active path:first-child,
.adv.blue-hover:hover path:first-child {
  stroke: none !important;
  fill: #00a5d9 !important;
}
.adv.orange-hover.active path:first-child,
.adv.orange-hover:hover path:first-child {
  stroke: none !important;
  fill: #ff9900 !important;
}
#lave svg path {
  fill: #ff9900;
  stroke: #ff9900;
}

img.car_blue {
  position: absolute;
  right: -315%;
  width: 500px;
  max-width: unset;
  top: 27%;
}

.why_us #man_car {
  position: absolute;
  right: -160px;
  top: 30px;
  width: 30.1vw;
  transition: 3s;
  z-index: 99;
}

#girl_laptop {
  position: absolute;
  width: 8.5vw;
  top: 0;
  left: 11.5%;
  transition: 3s;
}

#leavs {
  position: absolute;
  z-index: 9;
  right: 0;
  width: 10%;
  transition: 3s;
  opacity: 0;
}

.edit_profile .form-edit form input {
  left: 0 !important;
}

.edit_profile .add_photo {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  right: -12%;
  top: 38%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  font-size: 1.5rem;
  background-color: #fff;
  color: #00a5d9;
}

.edit_profile.buyer .add_photo {
  color: #ff9900;
}

.avatar {
  height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 15rem 2rem;
  display: none;
}

.add_avatar {
  background: #fff;
  border: 1px solid #00a5d9;
  border-radius: 2rem;
  padding: 1rem;
  text-align: center;
  position: relative;
  z-index: 999;
}
.buyer .add_avatar {
  border-color: #ff9900;
}
.profile-up-img {
  position: absolute;
  width: 80%;
  object-fit: cover;
  height: 6rem;
  bottom: 3em;
  border-radius: 1rem;
  display: none;
  top: 0.6rem;
}

.add_avatar .or {
  color: #a0a0a0;
  line-height: 6vw;
  font-size: 6vw;
}

.file_image input {
  position: absolute;
  top: 33%;
  opacity: 0;
}

.slide_avatar {
  margin-top: -9%;
}

.slide_avatar .slick-arrow {
  background: transparent !important;
  box-shadow: none;
}

.slide_avatar .slick-arrow:before {
  content: unset !important;
}

.slide_avatar .slick-slide {
  /*width: 10% !important;*/
}

.slide_avatar .slick-arrow:before {
  content: unset !important;
}

.slide_avatar .slick-next {
  background-image: url("../../../static/images/arrowright.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 45% !important;
  width: 18% !important;
  right: 1% !important;
  height: 25px;
  left: unset !important;
  padding: 0;
  margin: 0;
  top: 55%;
}

.slide_avatar .slick-prev {
  background-image: url("../../../static/images/arrowleft.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 45% !important;
  width: 18% !important;
  left: 15% !important;
  height: 20px;
  right: unset !important;
  padding: 0;
  margin: 0;
  top: 55%;
}

#commit-img {
  font-size: 22px;
  padding: 0;
  line-height: 12vw;
}

.buyer #commit-img {
  background: #ff9900 !important;
}

.slide_avatar img {
  padding: 0 1rem;
  width: 90%;
}

.inputfile svg {
  width: 80%;
  margin: 0.5rem auto 0 auto;
}

.button_avatar button {
  background-color: #00a5d9 !important;
  box-shadow: unset !important;
  font-weight: 500;
}

.check-avatar {
  background: #ffffff;
  border: 1px solid #00a5d9;
  border-radius: 0.2rem;
  top: 10px;
  width: 22%;
  margin: auto;
  padding: 0;
  aspect-ratio: 1/1;
  margin-left: 44%;
}

.check-avatar.active {
  background-image: url("../../../static/images/w-check.svg"); /*url("../../../static/images/user/truecheck.svg");*/
  background-repeat: no-repeat;
  background-position: center;
  background-color: #00a5d9;
  background-size: 65%;
}

.buyer .check-avatar {
  border-color: #ff9900;
}

.buyer .check-avatar.active {
  background-color: #ff9900;
}

.check_avatar input {
  position: absolute;
  top: 13px;
  width: 100%;
  right: 0;
  opacity: 0;
}

.bg_avatar {
  height: 100vh;
  position: absolute;
  background: #8f8f8f91;
  top: 0;
  width: 100%;
  padding: 15rem 2rem;
  z-index: 99;
  display: none;
}

.bg_avatar.active {
  display: block;
}

.home-animation {
  position: relative;
  height: 100vh;
  background-color: #fff;
  transition: 0.5s;
  overflow: hidden;
}

.home-animation.disactive {
  position: relative;
  height: 0;
  background-color: #fff;
}

.home-animation.none {
  display: none;
}

.top_home {
  position: absolute;
  top: 0;
  height: 34.8vw;
  width: 100%;
  background-image: linear-gradient(
    360deg,
    rgba(156, 220, 255, 0.5) 13.39%,
    rgba(193, 233, 255, 0) 69.48%
  );
}

.width52.girl_gif {
  width: 12%;
  margin: 0 auto;
}

#man_car_top {
  position: absolute;
  right: -100%;
  width: 700px;
  bottom: -71px;
  z-index: 99;
  transition: 0.5s;
}

#man_car_top.active {
  position: absolute;
  right: 0;
  width: 43.5vw;
  bottom: -5.2vw;
  right: -2vw;
  z-index: 99;
  transition: 0.5s;
}

#first_circle {
  width: 20px;
  height: 20px;
  left: 45%;
  bottom: 14%;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  display: none;
  transition: 0.5s;
}

#first_circle.active {
  width: 1.1vw;
  height: 1.1vw;
  left: 46.1vw;
  bottom: 4vw;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  transition: 0.5s;
  display: block;
}

#second_circle {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 47%;
  bottom: 18%;
  border-radius: 50%;
  background: #ff9900;
  display: none;
  transition: 0.5s;
}

#second_circle.active {
  position: absolute;
  width: 1.375vw;
  height: 1.375vw;
  left: 48.1vw;
  bottom: 5.1vw;
  border-radius: 50%;
  background: #ff9900;
  transition: 0.5s;
  display: block;
}

#thread_circle {
  width: 55px;
  height: 55px;
  left: 49%;
  bottom: 22%;
  border-radius: 50%;
  background: #ff9900;
  position: absolute;
  display: none;
  transition: 0.5s;
}

#thread_circle.active {
  width: 2.9vw;
  height: 2.9vw;
  left: 50.5vw;
  bottom: 5.5vw;
  border-radius: 50%;
  background: #ff9900;
  position: absolute;
  transition: 0.5s;
  display: block;
}

#popup_up {
  position: absolute;
  bottom: 1.6vw;
  left: 53vw;
  width: 12vw;
  height: 12vw;
  border: 1px solid #ff9900;
  background: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12rem 0 0rem;
  font-size: 0.1px;
  transition: 0.5s;
  opacity: 0;
}

#popup_up.active {
  position: absolute;
  width: 23vw;
  height: 23vw;
  border: 1px solid #ff9900;
  background: #fff;
  border-radius: 50%;
  display: block;
  justify-content: center;
  align-items: center;
  padding: 5.6% 13.3% 0 2%;
  font-size: 0.95vw;
  line-height: 1.4;
  transition: 0.5s;
  opacity: 1;
}

#popup_up .orange {
  color: #ff9900;
  font-weight: 600;
}

#key_top {
  border-radius: 50%;
  border: 1px solid;
  width: 0;
  position: absolute;
  bottom: 9vw;
  left: 50vw;
  opacity: 0;
  transition: 0.5s;
  background-color: #fff;
  z-index: 1;
}

#key_top.active {
  border-radius: 50%;
  border: 1px solid;
  width: 13.3vw;
  position: absolute;
  opacity: 1;
  transition: 0.5s;
  background-color: #fff;
  z-index: 1;
}

#car-img_home.active {
  position: absolute;
  top: 16.85vw;
  left: -11.95vw;
  transition: 1s;
  width: 31.2vw;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-animation-name: hand_animation;
  -webkit-animation-duration: 0.95s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(
    0.1,
    -0.6,
    0.2,
    0
  );
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hand_animation {
  0% {
    background-image: url("./images/Frame31.png");
  }
  80% {
    background-image: url("./images/Frame32.png");
  }
  100% {
    background-image: url("./images/Frame32.png");
  }
}

#bg_home {
  margin-right: -102%;
  transition: 1s;
}

#bg_home.active {
  margin-right: 0;
}

.button_down {
  display: flex;
  justify-content: center;
  margin-top: -2.8vw;
  margin-bottom: 4vw;
  z-index: 9;
  position: relative;
}

.button_down img {
  width: 50px;
  animation: up-down 1.2s ease-in-out alternate infinite;
}

.section_button_down {
  display: flex;
  justify-content: center;
  margin-top: -6vw;
  margin-bottom: 4vw;
  z-index: 9;
  position: relative;
}

.section_button_down img {
  width: 1.7vw;
  max-width: 33px;
  animation: up-down 1.2s ease-in-out alternate infinite;
}

#lvov {
  width: 40%;
  position: absolute;
  left: 0;
  top: -6px;
}

#upload-car-icon {
  width: 70%;
  background: #f3fbff;
  border: 3px solid #00a5d9;
  display: flex;
  margin: 7% auto 0 auto;
  aspect-ratio: 1/1;
  border-radius: 7rem;
}

#upload-car-icon img {
  width: 29%;
  margin: 0 auto;
}

#upload-car-icon div {
  width: 100%;
  padding: 18% 0 0 0;
}

#upload-car-icon span {
  color: #00a5d9;
  font-size: 6vw;
  width: 65%;
  display: flex;
  margin: 0 auto;
  font-weight: normal;
}

#calendar-pop {
  background: url(../../../static/images/agency/calendar-pop.png)
    no-repeat;
  position: fixed;
  width: 100%;
  max-width: 550px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  aspect-ratio: 1/1;
  background-size: contain;
  padding: 150px 85px 0 85px;
  text-align: center;
  box-sizing: border-box;
}
#calendar-pop .f_4_6vw {
  font-size: 1.6vw;
  margin-bottom: 30px;
  line-height: 1.2;
}
#calendar-pop .ttl {
  color: #ff9900;
  font-size: 1.9vw;
  display: flex;
  margin-bottom: 15px;
  padding: 0 15px;
  line-height: 1.4;
}

#calendar-pop a {
  background: #ff9900;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  line-height: 3.5rem;
  border-radius: 1.8rem;
  font-size: 22px;
  max-width: 346px;
  margin: auto;
}

.wrp-up-icon {
  width: 25%;
  text-align: center;
}

.wrp-up-icon img {
  width: 70%;
}

.help-nav-title .wrp-up-icon img {
  width: 60%;
}

.help-nav-title .wrp-up-icon img.file-icon {
  width: 40%;
}

.help-nav-title .wrp-up-icon img.coin-icon {
  width: 50%;
}

.help-nav-title .wrp-up-icon img.mobile-icon {
  width: 55%;
}

.container.c100 {
  max-width: 90% !important;
}

.site {
  margin-top: 110px;
  overflow: hidden;
}

.section-header-margin {
  margin-top: 7.375rem;
}

.header-desktop {
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.03);
  position: fixed;
  width: 100%;
  z-index: 9999;
  height: 7.375rem;
  background-color: #fff;
  top: 0;
}

.header-desktop .container {
  width: 97.4vw;
  max-width: 1870px !important;
}

.header-logo img {
  height: 71px;
  margin-top: 26px;
  max-width: 75% !important;
  object-fit: contain;
  margin-right: 62px;
}

a.cars-agencies-text {
  color: #000;
}

#why_us {
  min-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container.w-80 {
  max-width: 80% !important;
}

#tip {
  position: absolute;
}

#tip svg {
  position: relative;
  width: 28% !important;
  transform: rotate(14deg) !important;
  top: 0;
  right: -50px;
}

.car_form_info h3 {
  color: #a0a0a0;
  margin-right: 5px;
}

.footer {
  background-color: #373737;
  padding: 5rem 0;
  text-align: right;
}

section.footer h3 {
  position: relative;
  display: flex;
  width: auto !important;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.8;
  text-align: right;
  color: #ff9900;
  border-bottom: 1px solid;
  margin-bottom: 21px;
  padding-top: 8px;
  padding-right: 36px;
  padding-left: 25px;
}

section.footer h3 svg {
  position: absolute;
  height: 35px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

section.footer h3 svg.accessibility {
  margin-right: -8px;
}

.footer a {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  text-align: right;
  width: 100%;
  display: flex;
  margin-bottom: 15px;
  padding-left: 15px;
}

.footer a:hover {
  color: white !important;
  text-decoration: underline !important;
}

.container.c-90 {
  max-width: 90%;
}

.footer svg {
  margin-left: 12px;
}

.care-details .care-list {
  display: inline-block;
  vertical-align: top;
  width: 394px;
}

.care-details .care-upload {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 54px;
  float: left;
}

.care-details .err-msg {
  margin-bottom: 13px !important;
}

.car-details .add-care {
  width: 92.5%;
  margin: 0 auto;
}

.car-details .add-care span {
  margin-bottom: 0 !important;
  margin-right: 13px;
  font-size: 16px;
  line-height: 1.2;
}

.care-list select {
  width: 100%;
  height: 55px;
  border: 1px solid #000000;
  border-radius: 30px;
  padding: 10px 25px;
  font-size: 20px;
  -webkit-appearance: none;
  background-image: url(../../../static/images/buy/step2/arrow-down.svg);
  background-position: 27px center;
  background-repeat: no-repeat;
  background-size: 28px;
}

.care-list option::placeholder {
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  text-align: right;
  color: #a0a0a0;
}

.bdeka p {
  text-align: right !important;
}

.bdeka .remove-document {
  position: absolute;
  width: 24px;
  cursor: pointer;
  top: 7px;
  left: -78px;
}

.bdeka a {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.37;
  color: #373737;
  display: flex;
  align-items: center;
  margin-top: 10px;
  cursor: pointer;
}

.bdeka span {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.39;
  margin-bottom: 15px !important;
}

.claims-details-wrapper {
  margin-top: 49px;
  margin-bottom: 11px;
}

.transparency-index-wrapper {
  position: absolute;
  width: 142px !important;
  top: 333px;
  left: 58px;
  text-align: center;
  padding: 0 !important;
  color: #211e1f;
  font-size: 18px;
  font-weight: 300;
  line-height: 2.4;
}

.transparency-index-wrapper svg {
  width: 100%;
  height: auto;
}

.transparency-index-wrapper .trans_arrow {
  position: absolute;
  width: 147%;
  max-width: unset;
  top: 58%;
  left: -22%;
  transform: rotate(-5deg);
}

.transparency-index-wrapper .tip_madad {
  margin-bottom: 23px;
  margin-bottom: 61px;
}

#pricedesk-form .row > * {
  padding: 0;
}

#pricedesk-form .car-details {
  padding: 0 78px !important;
  padding-top: 26px !important;
}

#pricedesk-form p {
  font-size: 22px;
  margin-bottom: 57px;
}

.price_check {
  align-items: flex-start;
  align-content: flex-start;
}

.price_put {
  margin-bottom: 29px;
}

.price_put input {
  height: 55px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 30px;
  margin-left: 15px !important;
  width: 321px;
  text-align: right;
  font-size: 22px;
  padding: 12px 22px;
}

.price_put input::placeholder {
  font-weight: 300;
  font-size: 23px;
  line-height: 31px;
  text-align: right;
  color: #b9b9b9;
}

.trade-in {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-right: 4px;
}

.trade-in input {
  border: 1.5px solid #ff9900 !important;
}

.trade-in input[type="checkbox"]:checked::before {
  background-image: url(../../static/images/w-check-orange.svg);
}

.price_check p {
  margin-bottom: 3rem;
}

.check_price {
  position: absolute;
  width: 110px;
  height: 110px;
  background: #00a5d9;
  border: 1px solid #00a5d9;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.357;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  top: 92px;
  left: 39.6%;
}

.my_adv {
  margin-top: 12vh;
  background: linear-gradient(
    175.79deg,
    rgba(156, 220, 255, 0.2) 22.46%,
    rgba(193, 233, 255, 0) 48.54%
  );
  padding-top: 2rem;
}

.price-car-adv {
  display: flex;
  align-items: center;
}

.price-car-adv span {
  font-weight: 300;
  font-size: 25px;
  line-height: 34px;
  text-align: center;
  color: #00a5d9;
}

.price-car-adv .price-title {
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  text-align: right;
  color: #373737;
  margin-left: 5px;
}

.info-adv .title h1 {
  font-weight: 700;
  font-size: 26px;
  line-height: 35px;
  text-align: right;
  color: #373737;
}

.info-adv .price-index .progress {
  margin: 16px 0 6px 0;
  width: 100% !important;
}

.info-adv .price-index .index-text {
  margin-right: 25px;
}

.info-adv .price-index {
  width: 233px;
}

.img_adv_upload_big {
  height: 470px;
  background-size: cover;
  width: 100%;
  background-position: center;
  border-radius: 60px;
}

.img_adv_upload_small {
  height: 111px;
  background-size: cover;
  width: 100%;
  border-radius: 30px;
}

.img_small {
  margin: 10px;
}

.slider_big_img .slick-next {
  background-image: url("../../static/images/slick-prev.png") !important;
  background-position: center !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  padding: 12px;
  right: -40px;
}

.slider_big_img .slick-prev {
  background-image: url("../../static/images/slick-next.png") !important;
  background-position: center !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  padding: 12px;
  left: -40px;
}

.slider_big_img .slick-next:before {
  content: unset !important;
}

.slider_big_img .slick-prev:before {
  content: unset !important;
}

.slider_small_img .slick-slide {
  width: 185px !important;
}

.title_pro {
  font-size: 24px;
  font-weight: 700;
  text-align: right;
}

.adv_ok a {
  background: #00a5d9;
  border: 2px solid #00a5d9;
  border-radius: 40px;
  height: 55px;
  width: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 25px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
}

.more_car_acsess .the_trans {
  width: 85px;
}

.more_car_acsess .trans_arrow {
  right: -2px;
  top: 28px;
  width: 68px !important;
  transform: rotate(134deg);
}

.more_car_acsess .wrp-trans span {
  bottom: -5px;
  position: absolute;
  width: 100%;
  display: inline-block;
  text-align: center;
  left: 0;
  right: auto;
  font-size: 14px;
}

.more_car_acsess .trans {
  width: 96px;
}

.more_car_acsess .wrp-trans {
  width: auto;
  left: 43px;
  position: absolute;
  bottom: 70%;
  margin: 0 0 -60px 0;
}

.mt-12 {
  margin-top: 107px;
  padding-top: 3rem;
}

.header-menu-desktop {
  width: 66.6vw !important;
  max-width: 1278px !important;
  margin-top: 21px !important;
  padding: 0 !important;
}

div .menu_desktop {
  justify-content: space-between !important;
}

.submenu-wrapper {
  padding: 0 !important;
}

.submenu-wrapper:hover .submenu {
  visibility: visible;
  opacity: 1;
}

.submenu-wrapper.header-login:hover .submenu {
  display: none;
  opacity: 0;
}

.cars-agencies-icon:hover .submenu {
  display: block !important;
  opacity: 1 !important;
}

.submenu-wrapper.more .link:before {
  width: 14px !important;
  height: 8px !important;
  top: unset !important;
  bottom: 14px;
}
.menu_desktop a,
.menu_desktop .link {
  color: #373737;
  font-style: normal;
  font-weight: 700;
  font-size: 0.9vw;
  line-height: 1.4;
  text-align: right;
}

.menu_desktop a span,
.menu_desktop div span {
  font-size: 21px !important;
  margin-right: 7px !important;
}

.menu_desktop .active span {
  color: #00a5d9;
}
.menu_desktop .orange-hover.active span {
  color: #ff9900;
}
.menu_desktop .col-matches a span strong {
  font-size: 17px !important;
  font-weight: 600;
}

.menu_desktop a:hover {
  color: #00a5d9 !important;
}

/*.menu_desktop svg path {
    stroke: #373737;
}*/
.menu_desktop .clicks svg path {
  stroke: #373737;
}
.menu_desktop a:hover svg path {
  stroke: #00a5d9;
}
.menu_desktop a.liked.blue-hover:hover svg {
  stroke: none !important;
}
.menu_desktop a.liked.blue-hover:hover svg path {
  stroke: none;
  fill: #00a5d9;
}
.menu_desktop a.liked.orange-hover:hover svg path {
  stroke: none !important;
  fill: #ff9900;
}
#chat-num {
  margin: 0 !important;
}
@keyframes flashColor {
  0% {
    color: #00a5d9; /* First color */
  }
  50% {
    color: #000; /* Second color */
  }
  100% {
    color: #00a5d9; /* Back to the first color */
  }
}
@keyframes flashColor2 {
  0% {
    color: #ff9900; /* First color */
  }
  50% {
    color: #000; /* Second color */
  }
  100% {
    color: #ff9900; /* Back to the first color */
  }
}
.blue .chat-menu.flash-text {
  animation: flashColor 1.3s infinite;
}
.orange-hover .chat-menu.flash-text {
  animation: flashColor2 1.3s infinite;
}
.card_adv {
  background: #ffffff;
  border: 1px solid #ff9900;
  border-radius: 50px;
  min-height: 155px;
  margin-bottom: 15px;
  padding: 0 4rem;
  padding-top: 1rem;
  position: relative;
  cursor: pointer;
}

.card_adv:hover,
.card_adv.active {
  border: 2px solid #ff9900;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.card_adv .img_adv img {
  width: 110px;
  height: 110px;
  border: 1px solid #242424;
  border-radius: 50%;
  object-fit: cover;
}

.card_adv .title_car {
  font-size: 20px;
  line-height: 1.3;
  text-align: right;
  color: #373737;
}

.card_adv .title_name_adv {
  font-size: 19px;
  line-height: 1.3;
  text-align: right;
  color: #373737;
  font-weight: 400;
}

.card_adv .price_car_adv {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.3;
  text-align: right;
  color: #ff9900;
}

.card_adv .open_chat {
  width: 70px;
  height: 70px;
  background: #ffffff;
  border: 2px solid #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_adv .open_chat svg {
  width: 66%;
  height: auto;
  max-width: unset;
  max-height: unset;
  margin: 0 auto;
}

.open_adv.close {
  position: unset !important;
  margin-top: 60px !important;
}

.card_adv .open_adv {
  width: 478px;
  height: 28px;
  background: #fff2df;
  border-radius: 50px 50px 0 0;
  text-align: center;
  position: absolute;
  bottom: -5px;
  right: 0;
  left: 0;
  cursor: pointer;
  margin: 0 auto;
}

.card_adv .open_adv span {
  font-weight: 500;
  font-size: 15.5px;
  line-height: 1.8;
  text-align: center;
  color: #373737;
  vertical-align: top;
}

.card_adv:hover .open_adv span,
.open_adv_button.active .open_adv span {
  font-weight: 600;
  color: #ff9900;
}

.car_card_adv {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 12px 18px;
  margin: 15px;
}

.car_card_adv .col-auto {
  padding: 0 !important;
  text-align: center;
}

.car_card_adv .open_chat {
  width: 4.375rem;
  height: 4.375rem;
  background: #ffffff;
  border: 0.125rem solid #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.car_card_adv:hover,
.car_card_adv.active {
  border: 1px solid #00a5d9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}

.car_card_adv .img_car img {
  position: unset !important;
  width: 180px;
  height: 123px;
  border: 0;
  border-radius: 20px;
  object-fit: cover;
}

.the_card_of_Adv {
  margin-top: 28px !important;
}

.car_card_adv .hand img {
  display: block;
  height: 35px;
  object-fit: contain;
  margin: 0 auto;
  margin-top: -7px;
}

.car_card_adv .hand.gear img {
  display: block;
  width: auto;
  height: 23px;
  margin: 0 auto;
  margin-bottom: 5px;
}

.car_card_adv .hand p {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #000000;
  margin-bottom: 0;
}

.card_adv .open_adv_button {
  padding: 0 0.3vw;
}

.car_card_adv .num_adv {
  display: block;
  width: 100%;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.28;
  color: black;
  text-align: center;
}

.car_card_adv .post_num {
  display: block;
  width: 100%;
  border-bottom: 1px solid #b9b9b9;
  font-size: 17px;
  color: #747474;
  margin-bottom: 10px;
  padding: 0 5px;
  padding-bottom: 3px;
}

.car_card_adv .post_num span {
  font-size: 18px;
}

.car_card_adv .number_car {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
  text-align: right;
  color: #373737;
}

.car_card_adv .name_car {
  font-weight: 700;
  font-size: 23px;
  line-height: 1.05;
  text-align: right;
  color: #373737;
}

.open_adv_button.active .the_card_of_Adv {
  display: block !important;
}

.open_adv_button.active .open_adv {
  background: #ffe9c8;
  color: #ff9900;
  top: 0;
}

.open_adv_button.active .open_adv svg {
  fill: #ff9900;
  transform: rotate(180deg);
}

.open_adv_button.active .open_adv svg path,
.card_adv:hover .open_adv svg path {
  fill: #ff9900;
}

.car_card_adv .price_adv span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #373737;
}

.car_card_adv .price_adv p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
  color: #00a5d9;
  margin-bottom: 0;
}

.matches-desktop .container {
  width: 71vw;
  max-width: 1360px;
}

.matches-desktop .car_card_adv {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 18px;
  padding-left: 59px;
  --bs-gutter-x: 0;
}

.title_match {
  text-align: center;
}

.title_match h1 {
  font-weight: 700;
  font-size: 45px;
  line-height: 1.4;
  text-align: center;
  color: #00a5d9;
}

.title_match p {
  font-weight: 500;
  font-size: 18.5px;
  line-height: 1.5;
  text-align: center;
  color: #373737;
  margin-bottom: 50px;
}

.smart_search {
  display: none !important;
  height: 202px;
  background: #ffffff;
  border: 1px solid #00a5d9;
  border-radius: 50px;
  margin-bottom: 3rem;
}

.open_smart_search.active .smart_search {
  display: flex !important;
  height: auto;
  margin-bottom: 0;
  padding: 34px 157px;
  padding-bottom: 22px;
  justify-content: space-between !important;
}

.open_smart_search.active .smart_search .input-wrapper {
  width: 27.5%;
  padding: 0 !important;
}

.smart_search select {
  height: 50px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #5f5f5f;
  border-radius: 50px;
  margin: auto;
  padding: 0 13px;
  font-size: 20px;
  font-weight: 400;
  color: #6e6e6e !important;
  margin-bottom: 22px;
  -webkit-appearance: none;
  background-image: url(../../../static/images/buy/step2/arrow-down.svg);
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 17px;
}

.smart_search button {
  height: 50px;
  width: 288px;
  background: #00a5d9;
  border-radius: 50px;
  margin: auto;
  margin-bottom: 22px;
  font-weight: 300;
  font-size: 23px;
  line-height: 31px;
  text-align: center;
  color: #ffffff;
  border: 0;
}

.smart_search .col-4 {
  display: flex;
}

.slaer {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #ffffff;
  border: 1.5px solid #ff9900;
  color: #ff9900;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  cursor: pointer;
}

.slaer:hover {
  background: #ff9900;
  color: white;
}

.update_adv {
  width: 122px;
  height: 75px;
  background: #ffffff;
  border: 1.5px solid #00a5d9;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00a5d9;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
}

.update_adv:hover {
  background: #00a5d9;
  color: white;
}

.search-input {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-input input {
  padding: 0 28px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 30px;
  height: 55px;
  width: 483px;
  font-size: 20px;
}

.search-input input::placeholder {
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  text-align: right;
  color: #b9b9b9;
}

.open_smart_search {
  margin: 12px 0 24px 0;
}

.open_smart_search span {
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  color: #00a5d9;
  text-align: center;
  margin-bottom: 49px;
  cursor: pointer;
}

.archive-btn-wrap {
  position: relative;
}

.archiv_adv {
  width: 65px;
  height: 65px;
  background: #ffffff;
  border: 1.5px solid #a0a0a0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.archiv_adv:hover {
  background: #a0a0a0;
}

.archiv_adv svg {
  width: 47% !important;
  height: 47% !important;
}

.archiv_adv:hover svg path,
.archiv_adv:hover svg rect {
  stroke: white;
  fill: #a0a0a0;
}

.archive-btn-tooltip {
  position: absolute;
  display: none;
  width: 7.3125rem;
  height: 1.6875rem;
  background: white;
  border: 1px solid #373737;
  border-radius: 10rem;
  top: calc(100% + 0.15rem);
  right: 50%;
  transform: translateX(50%);
  font-size: 1rem;
}

.archive-btn-tooltip:before {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  background: white;
  border: 1px solid #373737;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0 0.375rem 0 0;
  top: -0.375rem;
  right: 0;
  left: 0;
  margin: auto;
  transform: rotate(-45deg);
}

.archive-btn-wrap:hover .archive-btn-tooltip {
  display: block;
}

.car_card_adv.adv_salle {
  filter: grayscale(100%);
  box-shadow: unset;
  opacity: 0.5;
  border: 1px solid #e4e4e4 !important;
}

.car_card_adv.adv_salle {
  position: relative;
}

.img_saler {
  position: absolute;
  display: block;
  width: 130px;
  height: 130px;
  z-index: 10;
  bottom: 22px;
  right: 0;
  left: 0;
  margin: auto;
}

.img_saler img {
  width: 100%;
}

.car-list-desktop {
  padding-top: 30px !important;
}

.car-list-desktop .container {
  width: 71.6vw;
  max-width: 1375px;
}

.car-list-desktop .border_list_car {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 30px;
}

.car-list-desktop .border_list_car .col-3 {
  width: 28.7%;
}

.car-list-desktop .filter_list_car1 {
  position: relative;
  height: 81px;
  margin-bottom: 15px !important;
  justify-content: space-between;
  align-items: center;
  padding-right: 18px;
  padding-left: 44px;
  z-index: 3;
}

.car-list-menu-actions .col-auto {
  cursor: pointer;
}

.cards-container-item .img-container {
  position: relative !important;
  width: 100%;
  height: 0;
  padding-top: 65.3% !important;
}

.cards-container-item .img-container img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

div .cards-container .row {
  margin: 0 -5px;
}

.cards-container-item {
  margin-bottom: 10px;
  padding: 0 5px !important;
}

.card_list_car img {
  border-radius: 30px;
  height: 207px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  padding: 5px;
}
.card_list_car img.profile-img {
  height: 100%;
  width: 65%;
  border-radius: 0;
}
.card_list_car {
  margin-bottom: 30px;
  text-align: center;
}

.card_list_car:hover {
  border: 1px solid #00a5d9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15);
}

.card_list_car p {
  margin: 0;
}

.card_list_car .name_car {
  position: relative;
  width: 100% !important;
  max-width: unset !important;
  font-weight: 300;
  font-size: 21px !important;
  line-height: 1.5 !important;
  text-align: center;
  color: #373737;
  margin: 0 !important;
  margin-top: 11px !important;
  padding: 0 10px;
}

.card_list_car .name_car:before {
  content: "";
  position: absolute;
  width: 72%;
  height: 1px;
  background: #c4c4c4;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.card_list_car .price_list_car {
  font-weight: 500;
  font-size: 21px;
  text-align: center;
  color: #373737;
  line-height: 1.2;
  margin-top: 5px;
  margin-bottom: 1rem;
}

.card_list_car .pric_sale {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #00a5d9;
}

.card_list_car .price_list_car_sale {
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #373737;
  margin-bottom: 10px;
}

.card_list_car .price_list_car_sale span {
  display: inline-block;
  position: relative;
}

.card_list_car .name_adv svg {
  width: 53px !important;
  aspect-ratio: 1/1 !important;
}

.card_list_car.border_list_car {
  padding: 5px;
  padding-bottom: 0 !important;
  margin-bottom: 0;
}

.card_list_car .name_adv {
  height: 87px;
  background: rgba(32, 140, 199, 0.15);
  border-radius: 0px 0px 30px 30px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  padding: 0 0.5%;
}

.container.c85 {
  max-width: 75%;
}

.car-list-desktop .nav-help-item.tools span {
  font-size: 16px;
  margin: 0 0 6px 0;
  width: auto;
  font-weight: 300;
  max-width: max-content;
  padding: 0 !important;
}

.section-car-search.smart_filter {
  margin: 31px 0;
}

.btn_filter {
  cursor: pointer;
}
.btn_filter.active svg {
  max-width: 100%;
}
.btn_filter.active svg:not(.check) path {
  fill: #ff9900;
}

.btn_filter.active span {
  color: #ff9900;
  font-weight: 700 !important;
}

.btn_filter.active svg.select_filter {
  display: block;
}
.btn_filter svg.check {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 43px;
  right: 0;
  width: 32px;
  height: 24px;
  padding: 0;
  transform: translate(-15%, -25%);
}
.btn_filter.active svg.check {
  opacity: 1;
  pointer-events: initial;
}
.select_filter path {
  fill: #fff !important;
}

svg.select_filter {
  display: none;
  position: absolute;
  right: -24px;
  top: -5px;
}

.info_type_car {
  margin-bottom: 29px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 53px;
}

.form-single-wrraper {
  width: 101%;
  margin: 0 auto;
}

.form-single {
  position: relative;
  padding: 0 3px !important;
}

.car-type-filter .info_type_car {
  padding-bottom: 1rem;
  padding-top: 3px;
  direction: ltr;
  justify-content: flex-end;
}

.info_type_car select {
  -webkit-appearance: none;
  background-image: url(../images/buy/grey-down-arrow.svg);
  background-size: 17px;
  background-position: 7%;
  background-repeat: no-repeat;
  width: 100%;
  border: 1px #5f5f5f solid;
  border-radius: 34px;
  padding: 0 8%;
  margin-bottom: 6%;
  position: relative;
  font-size: 20px;
  color: #b9b9b9;
  z-index: 1;
  height: 50px;
}

.info_type_car svg {
  padding: 0 !important;
}

.car-type-icon {
  position: relative;
  height: 50px;
}

.car-type-icon svg {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.car-type-icon svg.family,
.car-type-icon svg.admin,
.car-type-icon svg.hybrids,
.car-type-icon svg.electric,
.car-type-icon svg.sport {
  width: 87%;
}

.car-type-icon svg.small {
  width: 65%;
}

.car-type-icon svg.SUV,
.car-type-icon svg.prestige,
.car-type-icon svg.commerciality {
  width: 78%;
}

.car-type-icon svg.minivan,
.car-type-icon svg.pickup {
  width: 82%;
}

.text-left {
  text-align: left;
}

.Pagination_prev {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #b9b9b9;
  padding: 0 40px;
  margin-bottom: 13px;
}
.pagination {
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  direction: ltr;
}
.pagination li {
  margin: 0 2% 0 0;
  font-size: 1.2vw;
}
.pagination li a {
  color: #b9b9b9;
}
.pagination li.active a {
  font-weight: bold;
  color: #000;
}
.col-lg-4.col-xl-12 .img-container {
  width: 200px !important;
  padding-top: 13% !important;
}

.col-lg-4.col-xl-12 .card_list_car {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.col-lg-4.col-xl-12 .card_list_car img {
  width: 100%;
  height: 100%;
}

.col-lg-4.col-xl-12 .card_list_car .name_car {
  display: block !important;
  width: 24% !important;
  border-bottom: 0;
  border-left: 1px solid #e4e4e4;
  padding-left: 2rem;
  padding-left: 20px !important;
}

.col-lg-4.col-xl-12 .card_list_car .the_price_adv {
  width: auto;
}

.col-lg-4.col-xl-12 .card_list_car .name_adv {
  width: 100%;
  max-width: 303px;
  border-radius: 30px 0px 0px 30px;
  height: 9.1875rem;
  margin: 0 !important;
  font-size: 21px;
}

.col-lg-4.col-xl-12 .card_list_car .name_car strong {
  display: block;
  margin: 0 !important;
}

.col-lg-4.col-xl-12 .card_list_car .name_car:before {
  display: none;
}

.meeting-report-table {
  margin-top: 51px !important;
}

#sheat_btn,
#print_btn {
  cursor: pointer;
}

.meeting-report-table {
}

.meeting-report-profile-image {
  width: 100px;
  height: 100px;
}

.meeting-report-table .card_adv_call .title_name_adv {
  font-size: 18px;
}

.form_meeting {
  width: 855px;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  align-items: center;
  font-weight: 300;
  font-size: 18px;
  text-align: right;
  color: #5f5f5f;
  padding: 0 25px;
}

.form_meeting span {
  color: #ff9900;
}

.form_meeting .doc p {
  line-height: unset;
}

.form_meeting textarea {
  width: 100%;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 30px;
  height: 110px;
  padding: 15px;
}

.form_meeting svg {
  margin-left: 1rem;
}

.ok_meeting {
  width: 100%;
  height: 55px;
  background: #ff9900;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 23px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  border: 0;
}

.update_meeting {
  width: 100%;
  height: 55px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 23px;
  line-height: 60px;
  text-align: center;
  color: #373737;
}

.update_meeting svg {
  margin-left: 10px;
}

.ok_meeting svg {
  margin-left: 10px;
}

.meeting_desktop h1 {
  font-weight: 300;
  font-size: 28px;
  line-height: 60px;
  text-align: right;
  color: #373737;
  margin-bottom: 4rem;
}

.pop_ok {
  width: 504px;
  height: 304px;
  background: #ffffff;
  border: 1px solid #ff9900;
  border-radius: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  top: 30vh;
  right: 20%;
  padding: 3rem 0;
}

.pop_ok a {
  width: 315px;
  height: 55px;
  background: #ff9900;
  border-radius: 60px;
  font-weight: 300;
  font-size: 24px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.pop_ok h3 {
  font-weight: 300;
  font-size: 25px;
  line-height: 36px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #5f5f5f;
  width: 100%;
}

.pop_update {
  width: 565px;
  height: 428px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 50px;
  position: absolute;
  top: 21vh;
  right: 17%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 4rem 7rem;
}

.bg_popup_update {
  position: fixed;
  height: 100vh;
  background: #00000047;
  z-index: 999;
  top: 0;
  width: 100%;
}

.close_popup {
  position: absolute;
  left: 51px;
  top: 30px;
}

.pop_update input[type="date"] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ff9900;
  color: #fff;
  margin-left: 24px;
  -webkit-appearance: none;
}

.pop_update input[type="time"] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ff9900;
  color: #fff;
  margin-left: 24px;
  -webkit-appearance: none;
}

.pop_update h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 60px;
  text-align: center;
  color: #373737;
}

.pop_update a {
  width: 337px;
  height: 55px;
  background: #ff9900;
  border-radius: 60px;
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #ffffff;
}

.calling_report_des {
  padding-top: 27px !important;
}

.calling_report_des .container {
  width: 70.83vw;
  max-width: 1360px;
}

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

.table_status td {
  border: 1px solid #c4c4c4;
  font-weight: 500;
  font-size: 18px;
  line-height: 2.4;
  text-align: center;
  color: #373737;
  padding: 16px;
}

.table_status td.meeting-date {
  line-height: 1.4;
}

.table_status th {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  color: #373737;
  border-top: 0 !important;
  padding: 0 16px 29px 16px;
  /*line-height: 0;*/
  border: 1px solid #c4c4c4;
}

.table_status .right_border_no {
  border-right: 0;
}

.table_status .left_border_no {
  border-left: 0;
}

.table_status .left_border {
  border-left: 1px solid #373737;
}

.table_status {
  background: #ffffff;
  border: 1px solid #c4c4c4;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
  border-radius: 50px;
  padding: 61px 43px !important;
  margin-top: 25px !important;
}

.no-answer {
  background: #fff7eb;
}

.no-answer.orange {
  color: #ff9900;
}

.header_table {
  padding: 0 !important;
}

.header_table h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 2.61;
  text-align: right;
  color: #373737;
  margin-bottom: 12px;
}

.header_table span {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.7;
  text-align: right;
  color: #5f5f5f;
}

.phone-numbers-wrapper {
  margin-top: -10px;
  margin-bottom: 7px;
}

.header_table span.virtual-number {
  font-weight: 500;
  margin-left: 18px;
}

.filter_date {
  margin-left: 5px;
}

.filter_date input {
  background: #ffffff;
  border: 1px solid #5f5f5f;
  border-radius: 60px;
  -webkit-appearance: none;
  color: #fff;
  width: 237px;
  /* height: 40px; */
  height: 50px;
}

.filter_date label {
  font-weight: 400;
  margin-left: 10px;
  font-size: 20px;
  line-height: 2.75;
  text-align: right;
  color: #000000;
}

.filter_no_answer {
  display: flex;
  font-size: 18px;
  line-height: 1.6;
  color: #ff9900;
  margin-top: 10px !important;
}

.filter_no_answer input {
  width: 25px;
  height: 25px;
  background: #ffffff;
  border: 1.5px solid #ff9900 !important;
  border-radius: 5px;
  margin-left: 12px;
}

.button_filter {
  width: 191px !important;
  /* height: 40px; */
  height: 50px;
  background-color: #ffffff;
  border: 1px solid #00a5d9;
  border-radius: 60px;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  /* color: #FFF; */
  transition: background-color 0.3s ease 0s,
    color 0.3s ease 0s;
  margin-right: 24px;
  color: #00a5d9;
  /* background-color: #00A5D9; */
}
.button_filter:hover {
  color: #fff;

  background-color: #00a5d9;
}

.border_top_orange {
  margin-top: 5rem;
  border-top: 3px solid #ff9900;
}

.card_adv_call {
  position: relative;
}

.card_adv_call .img_adv img {
  width: 100px;
  height: 100px;
  border: 1px solid #242424;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 15px;
}

.card_adv_call .title_car {
  font-size: 20px;
  line-height: 1.35;
  text-align: right;
  color: #373737;
}

.card_adv_call .title_car strong {
  font-weight: 700;
}

.card_adv_call .title_name_adv {
  font-size: 20px;
  line-height: 1.35;
  text-align: right;
  color: #373737;
  font-weight: 500;
}

.card_adv_call .price_car_adv {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.36;
  text-align: right;
  color: #ff9900;
}

.meeting-report-meeting-status {
  font-size: 21px !important;
}

.meeting-report-meeting-status svg {
  margin-left: 5px;
}

.meeting-report-meeting-status a {
  display: block;
  color: black;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75;
  text-align: center;
  text-decoration: underline !important;
}

.meeting-report-meeting-status a:hover {
  color: black;
}

.card_adv_call .open_chat {
  width: 70px;
  height: 70px;
  background: #ffffff;
  border: 2px solid #000000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_adv_call .open_chat svg {
  width: 40px;
  height: 40px;
}

.card_adv_call .open_adv,
.meeting-report-table .open_adv {
  width: 477px;
  height: 28px;
  background: #fff2df;
  border-radius: 50px 50px 0 0;
  text-align: center;
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_adv_call .open_adv span,
.meeting-report-table .open_adv span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375;
  text-align: center;
  color: #373737;
}

.car_card_adv_call {
  background: #ffffff;
  padding: 16px 32px;
}

.car_card_adv_call .img_car img {
  width: 160px;
  height: 111px;
  border-radius: 20px;
  object-fit: cover;
}

.car_card_adv_call .hand img {
  /* width: 50px; */

  width: 40px;
  height: 30px;
  object-fit: contain;
}

.car_card_adv_call .hand p {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35;
  text-align: center;
  color: #000000;
  margin: 0;
}

.car_card_adv_call .num_adv {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.7;
  text-align: right;
  color: #373737;
}

.car_card_adv_call .number_car {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.9;
  text-align: right;
  color: #373737;
}

.car_card_adv_call .name_car {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.7;
  text-align: right;
  color: #373737;
  /* border-bottom: 1px solid #E4E4E4; */
}

.open_adv_button.active .the_card_of_Adv {
  display: block !important;
}

.open_adv_button.active .open_adv {
  background: #ffe9c8;
  color: #ff9900;
}

.open_adv_button.active .open_adv svg {
  fill: #ff9900;
  transform: rotate(180deg);
}

.open_adv_button.active .open_adv svg path {
  fill: #ff9900;
}

.car_card_adv_call .price_adv span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.35;
  text-align: center;
  color: #373737;
}

.car_card_adv_call .price_adv p {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.375;
  text-align: center;
  color: #00a5d9;
  margin: 0;
}

.car_card_adv_call_border {
  margin: 0 32px;
}

.car_card_adv_call_border:hover {
  border: 1px solid #00a5d9 !important;
}

.meeting-report-table .car_card_adv_call_border:hover {
  border: unset !important;
}

.open_adv svg {
  vertical-align: top;
  margin-top: 10px;
  margin-right: 6px;
}

.car_card_adv_call .open_adv svg {
  margin-top: 3px;
}

thead th {
  border-bottom: 1px solid !important;
}

.edit_profile .container {
  max-width: 65rem;
}

.edit_profile
  .form-edit.agency
  form
  .single-row.name
  input {
  background-image: url(../../../static/images/agency/profile/name.svg);
  background-size: 1.7rem;
  background-position-y: 22%;
}

.edit_profile
  .form-edit.agency
  form
  .single-row.pass
  input {
  background-image: url(../../../static/images/agency/profile/lock.svg);
  background-size: 1.8rem;
  background-position-y: 0;
  background-position-x: calc(100% - 0.1rem);
}

.edit_profile
  .form-edit.agency
  form
  .single-row.agency_name
  input {
  background-image: url(../../../static/images/agency/profile/shild.svg);
  background-size: 1.8rem;
  background-position-y: 0;
  background-position-x: 100%;
}

.edit_profile
  .form-edit.agency
  form
  .single-row.zone
  input {
  background-image: url(../../../static/images/agency/profile/zone.svg);
  background-size: 2.8rem;
  background-position-y: 0;
  background-position-x: calc(100% + 0.4rem);
}

.edit_profile
  .form-edit.agency
  form
  .single-row.agent_name
  input {
  background-image: url(../../../static/images/agency/profile/agency_name.svg);
  background-size: 2rem;
  background-position-y: 0;
  background-position-x: calc(100% - 0rem);
}

.edit_profile .form-edit.agency form .single-row.tel input {
  background-image: url(../../../static/images/agency/profile/phone.svg);
  background-size: 1.25rem;
  background-position-y: 0;
  background-position-x: calc(100% - 0.4rem);
}

.edit_profile
  .form-edit.agency
  form
  .single-row.office_tel
  input {
  background-image: url(../../../static/images/agency/profile/Calling.svg);
  background-size: 1.6rem;
  background-position-y: 0.4rem;
  background-position-x: calc(100% - 0.2rem);
}

.edit_profile .form-edit.agency form .single-row.fax input {
  background-image: url("../../../static/images/agency/profile/fax.svg");
}

.edit_profile .form-edit.agency form .single-row.city input,
.edit_profile
  .form-edit.agency
  form
  .single-row.city
  select {
  background-image: url(../../../static/images/agency/profile/Location.svg);
  background-size: 1.5rem;
  background-position-y: 0.1rem;
  background-position-x: calc(100% - 0.2rem);
}

.edit_profile
  .form-edit.agency
  form
  .single-row.email
  input {
  background-image: url(../../../static/images/agency/profile/envelope.svg);
  background-size: 2.1rem;
  background-position-y: 0.2rem;
  background-position-x: calc(100% + 0.1rem);
}

.edit_profile
  .form-edit.agency
  form
  .single-row.site
  input {
  background-image: url(../../../static/images/agency/profile/globos.svg);
  background-size: 2rem;
  background-position-y: 0rem;
  background-position-x: calc(100% - 0.05rem);
}

.edit_profile .form-edit.agency form input,
.edit_profile .form-edit.agency form select {
  background-position-y: 35%;
  background-repeat: no-repeat;
  background-position: 100% 1rem;
  font-weight: 300;
  font-size: 1.25rem !important;
  line-height: 2;
  text-align: right;
  padding: 0 2.8125rem;
  border: 0;
  width: 23.125rem;
  border-bottom: 0.0625rem solid #00a5d9;
  color: #5f5f5f;
  margin-bottom: 1.66rem;
}
.edit_profile.buyer .form-edit.agency form input,
.edit_profile .form-edit.agency form select {
  border-bottom-color: #ff9900;
}
.edit_profile .form-edit.agency form select {
  height: 2.5625rem;
}

label.error {
  color: red !important;
}

.single-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-row.site {
  margin-top: 0 !important;
}

#only_man {
  position: absolute;
  width: 159px;
  right: 140px;
  top: 0;
}

#lvov2 svg path {
  fill: #ff9900;
}

#lvov3 svg path {
  fill: #ff9900;
}

.car-details .title span {
  font-weight: 300;
  font-size: 27px;
  line-height: 2.2;
}

.car-details .title {
  display: flex;
  justify-content: center;
}

div#lvov2 {
  width: 30px;
  position: absolute;
  top: -15px;
  left: -32px;
}

div#lvov3 {
  width: 30px;
  position: absolute;
  top: -15px;
  left: -32px;
}

.love_text {
  position: relative;
  margin-left: 36px;
  margin-right: 9px;
}

.buy_desktop li {
  width: 130px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 50px;
}

.buy_desktop .tabs .or {
  width: 130px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buy_desktop li.active {
  border: 2px solid #ff9900;
  border-radius: 50px;
}

.buy_desktop li.active a {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #ff9900;
}

.buy_desktop li a {
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #000;
}

.buy_desktop .km-type {
  width: 130px !important;
  height: 50px;
  border: 1px solid #5f5f5f;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buy_desktop .km-type.active {
  width: 130px;
  height: 50px;
  background: #ffffff;
  border: 2px solid #ff9900;
  border-radius: 50px;
}

.buy_desktop .which-car-buttons {
  margin-bottom: 20px !important;
}

.buy_desktop #tabs-content {
  min-height: 160px;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buy_desktop div#tab2 select {
  width: 250px;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 50px;
}

.buy_desktop .next_button {
  width: 250px !important;
  height: 55px;
  background: #ffffff;
  border: 2px solid #ff9900;
  border-radius: 40px;
  color: #ff9900;
}

.buy_desktop .dote .step.active {
  width: 12px !important;
  height: 12px !important;
  background: #ff9900;
}

.buy_desktop .dote .step {
  width: 8px !important;
  height: 8px !important;
}

.dote div {
  margin-left: 6px;
}

.smart_filter_desktop .col-4 select {
  width: 180px;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 50px;
}

.smart_filter_desktop .col-12 select {
  width: 374px;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 50px;
}

.smart_filter_desktop .col-4 {
  text-align: center;
}

.smart_filter_desktop .col-12 {
  text-align: center;
}

.smart_filter_desktop .title_s {
  margin-bottom: 24px;
}

.smart_filter_desktop .title_s span {
  font-weight: 300;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  color: #ff9900;
}

.advanced_search .hand_search select {
  max-width: 180px !important;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 50px;
}

.advanced_search .engine_search select {
  width: 180px !important;
  height: 50px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 50px;
}

.advanced_search select {
  height: 50px;
  width: 230px !important;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 50px;
  margin: 9px 6px;
}

.advanced_search textarea {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #5f5f5f;
  border-radius: 30px;
  height: 85px;
  width: 483px;
  padding: 10px 15px;
}

.advanced_search {
  display: flex;
  flex-wrap: wrap;
}

.step3_desktop .title_reg h2 {
  color: #ff9900;
}

.step3_desktop .or span {
  color: #ff9900;
}

.step3_desktop input#get-sms-btn {
  border: 2px solid #ff9900;
  background-color: #fff;
  color: #ff9900;
  margin: 2rem 0;
  width: 365px;
}

.step3_desktop .form-regist form .single-row input {
  border-bottom: 1px #ff9900 solid;
}

.step3_desktop .verifiction-code .type-code .not-code a {
  color: #ff9900;
}

.step3_desktop .no_code a {
  color: #ff9900;
}

.step3_desktop .registered a {
  color: #00a5d9;
  margin-top: 2rem;
}

.step3_desktop input#login-btn {
  width: 365px;
}

.step3_desktop .input[type="checkbox"] {
  width: 25px;
  height: 25px;
  border: 1px solid #ff9900;
}

.step3_desktop
  .verifiction-code
  .type-code
  .code-numbers.blue
  input {
  border-color: #ff9900;
}

.matches-slide_desktop {
  width: 460px;
  margin: auto;
  margin-top: 9rem;
}

.matches-slide_desktop .car-photo {
  border-radius: 50px 50px 0px 0px;
  height: 100%;
  object-fit: cover;
}

.login-desktop .font4_8 {
  font-size: 1vw;
}

.login-desktop .login_tab_user form .single-row.name,
.login-desktop .login_tab_user form .single-row.password {
  background: unset;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px #ff9900 solid;
  border-radius: 0;
  padding-right: 1%;
}

.login-desktop
  .login_tab_user
  form
  .single-row
  input[type="text"],
.login-desktop
  .login_tab_user
  form
  .single-row
  input[type="password"] {
  border: 0;
}

.login-desktop .login_tab_user .check-style {
  position: absolute;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #ff9900;
  border-radius: 0.4rem;
  top: 7px;
}

.login-desktop
  .login_tab_user
  input[type="checkbox"].check-style:checked::before {
  background-image: url(../../static/images/w-check-orange.svg);
}

.login-desktop .single-row {
  display: flex;
  justify-content: right;
  align-items: center;
}

.popup_login {
  position: fixed;
  visibility: hidden;
  top: 0;
  z-index: 100;
  width: 100%;
  margin: 0 0;
  height: 100vh;
}

.popup_login.active {
  visibility: visible;
}

.top_home {
  position: relative;
}

.top_girl {
  height: 340px !important;
  position: absolute;
  bottom: 0;
  left: 43vh;
}

#girl_laptop_top.active {
  position: absolute;
  bottom: -5.9vw;
  left: -26.5vw;
  width: 15.1vw;
  transition: 0.5s;
}

#girl_laptop_top {
  position: absolute;
  width: 18.5vw;
  height: auto;
  bottom: -7.3vw;
  right: 0;
  left: 0;
  margin: auto;
  transition: 0.5s;
}

@media (max-width: 1500px) {
  #man_car_top.active {
    position: absolute;
    right: 0;
    width: 610px;
    bottom: -71px;
    z-index: 99;
    transition: 0.5s;
  }

  #popup_up.active {
    position: absolute;
    top: 17%;
    right: 22%;
    width: 350px;
    height: 350px;
    border: 1px solid #ff9900;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12rem 0 0rem;
    font-size: 0.8rem;
    transition: 0.5s;
  }
}

.container.c-65 {
  max-width: 65%;
}

.login-desktop input#login-btn {
  width: 12.63rem;
  background-size: 1.3rem;
  background-position: 28%;
}

.container.c-100 {
  max-width: 100%;
}

h3.title_post {
  font-weight: 700;
  font-size: 23px;
  line-height: 31px;
  padding: 0;
}

.footer_desktop {
  position: relative;
  background: #373737;
  background-size: cover;
  margin-top: 5rem;
  padding-top: 72px;
  padding-bottom: 50px;
  border-top: 3px solid #ff9900;
}

.footer_desktop.homepage-footer {
  background-image: url("../../../static/images/bg_footer_desktop.png");
  background-color: transparent !important;
  border-top: unset;
  padding-top: 92px;
}

.footer_desktop .container {
  position: relative;
  width: 91.354vw;
  max-width: 1754px;
  padding: 0;
}

.footer_desktop .footer-menu {
  width: 55vw;
  justify-content: space-between;
}

.footer_desktop .footer-menu .col-3 {
  width: auto;
  padding: 0;
}

.footer-icons {
  position: absolute;
  width: 547px !important;
  height: 60px;
  top: -48px;
  bottom: 0;
  left: 10px;
  margin: auto !important;
  padding: 0 !important;
}

.footer .col-xxl-8 {
  width: calc(100% - 600px);
}

.footer_desktop .footer-menu {
  width: 100%;
  justify-content: space-between;
}

.social-single {
  display: inline-block;
  vertical-align: top;
  margin-left: 22px;
  padding: 0 !important;
}

.social-single.apple {
  margin-left: 91px;
}

.social-single a {
  padding: 0 !important;
  margin: 0 !important;
}

.html,
body {
  overflow-x: hidden;
}

.true_appointment {
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #00000061;
  z-index: 9999;
  height: 100vh;
  display: none;
}
.true_appointment.pop {
  position: absolute;
  width: 100%;
  right: 0;
  height: 100%;
  border-radius: 0;
}
.true_appointment.pop.full {
  position: fixed;
}
.x-close-btn {
  color: #00a5d9;
  font-weight: bold;
  position: absolute;
  cursor: pointer;
  left: 5%;
  font-size: 1.5vw;
  top: 2rem;
  border: 2px solid #00a5d9;
  width: 9%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form_appointment input[type="tel"] {
  width: 70%;
  height: 3.5rem;
}

.form_appointment label {
  width: 100%;
}

.form_appointment {
  position: relative;
  z-index: 9;
  top: 50%;
  display: none;
  width: 35%;
  /*height: 736px;*/
  background: #ffffff;
  border: 2px solid #00a5d9;
  border-radius: 10%;
  margin: auto;
  padding: 3rem;
}
.pop .form_appointment {
  border-radius: 4rem;
  width: 45%;
}
.pop.full .form_appointment {
  width: 33%;
}
.form_appointment input,
.form_appointment select {
  border: 1.5px solid #ff9900;
  border-radius: 60px;
  padding: 11px;
  text-align: left;
  width: 100%;
  height: 3.5rem;
}

.form_appointment select {
  padding: 0 5% 0 0;
  text-align: right;
}

.form_appointment h3 {
  font-weight: 400;
  font-size: 1.6vw;
  /*line-height: 38px;*/
}
.form_appointment .d-flex {
  width: 70%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  position: relative;
}
.form_appointment .number p {
  display: flex;
  justify-content: left;
  align-items: center;
  font-weight: 400;
  font-size: 1.2vw;
  /*line-height: 34px;*/
  color: #373737;
  width: 70%;
  margin: 0 auto 0.8rem auto;
}
.form_appointment .lats_title {
  font-weight: 400;
  font-size: 1.1vw;
  /*line-height: 30px;*/
  text-align: center;
  color: #373737;
}

.form_appointment .number svg {
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 11px;
}
.pop .form_appointment > svg {
  width: 9%;
  display: block;
  height: auto;
  margin: 0 auto 0.8rem auto;
}
.form_appointment .x-close-queue svg {
  position: absolute;
  left: 3rem;
  top: 3rem;
  cursor: pointer;
}
.form_appointment button {
  background: #ff9900;
  border-radius: 60px;
  width: 70%;
  height: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem auto auto auto;
  border: 0;
  color: #fff;
  font-weight: 400;
  font-size: 1.2vw;
  line-height: 34px;
  text-align: center;
}

.form_appointment .status {
  display: flex;
  justify-content: center;
  align-items: end;
  color: #ff9900;
  font-size: 1.6vw;
}

.form_appointment .status svg {
  width: 50px;
  padding: 4px;
}

.form_appointment .true_svg {
  margin-bottom: 0.7rem;
  width: 10%;
}

.reminder-span {
  text-align: right;
  width: 30%;
  font-size: 1vw;
}

#form_appointment2 label.error {
  width: 100%;
  padding: 0.5% 0;
  font-size: 1vw;
  bottom: -1.5rem;
  position: absolute;
  color: red;
  right: 0;
}

.table_report {
  width: 1360px;
  min-height: 757px;
  background: #ffffff;
  border: 1px solid #c4c4c4;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  padding: 20px 19px !important;
}

.sell-remarks-column {
  max-width: 120px !important;
  overflow: hidden;
}

.sell-more-car-column {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.sell-agent-name-column {
  max-width: 100px;
  padding-right: 12px !important;
  padding-left: 12px !important;
  overflow: hidden;
}

.sell-chat-column {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.table_report table {
  width: 100%;
}

.table_report table thead {
  height: 82px;
}

.sell-meeting-column .col-8 {
  padding: 0 !important;
  font-size: 18px;
}

.sell_report_desktop .container {
  width: 79.83vw;
  max-width: 1360px;
}

.table_report table th {
  border-right: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #373737;
  padding: 0 18px;
}

.table_report table th:first-child {
  border-right: 0;
  padding-right: 3px;
}

.table_report table th:last-child {
  border-left: 0;
  padding-left: 3px;
}

.table_report table td {
  border: 1px solid #c4c4c4;
  font-size: 18px;
  line-height: 23px;
  color: #5f5f5f;
  padding: 7px 12px;
}

.table_report table td,
.table_report .row,
.table_report .name_custom,
.table_report .number_adv,
.table_report .date_time {
  font-size: 16px;
}

.table_report .number_adv {
  font-size: 16px !important;
}

.table_report .date_time {
  font-size: 18px;
}

.sell-table-mark-wrapper {
}

.table_report table td:first-child {
  border-right: 0;
  padding-right: 3px;
}

.table_report table td:last-child {
  border-left: 0;
  padding-left: 3px;
}

.table_report .date_time {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  text-align: right;
  color: #5f5f5f;
  margin-top: 8px;
}

.table_report p {
  margin-bottom: 0;
}

.table_report .text_center {
  text-align: center;
}

.table_report .row {
  align-items: center;
  margin: 0 !important;
}

.sell-table-mark-wrapper {
}

.sell-table-price {
  font-size: 18px;
}

.table_report .remarks {
  width: 128px;
}

.table_report .name_custom,
.table_report .number_adv {
  text-align: right;
  font-weight: 400;
  font-size: 18px;
}

.table_report a.name_custom,
.table_report a.number_adv {
  text-decoration-line: underline !important;
  color: #00a5d9;
}

.table_report .model_car {
  font-size: 18px;
  margin-top: 4px;
}

.table_report .price_car {
  font-size: 21px;
  margin-top: 6px;
}

.table_report .name_car {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  text-align: right;
  color: #5f5f5f;
}

.table_report .phone_number {
  color: #5f5f5f;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.1;
  padding-bottom: 10px;
}

.pop_chose_car {
  position: fixed;
  top: 0;
  padding-top: 8vh;
  z-index: 999;
  background-color: #00000073;
  width: 100%;
  height: 100vh;
}

.pop_chose_car .chose_car {
  width: 1360px;
  max-height: 848px;
  height: 848px;
  background: #ffffff;
  border: 1px solid #c4c4c4;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 5%);
  border-radius: 50px;
  margin: auto;
  overflow: hidden;
  padding: 40px 50px;
}

.pop_chose_car .button_choose_car {
  width: 27px;
  height: 27px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 8px;
  margin: auto;
}

.pop_chose_car p {
  font-weight: 400;
  font-size: 22px;
  line-height: 19px;
  color: #5f5f5f;
}

.pop_chose_car a {
  width: 230px;
  height: 55px;
  margin: auto;
  background: #ffffff;
  border: 1.5px solid #00a5d9;
  border-radius: 40px;
  font-weight: 400;
  font-size: 23px;
  line-height: 31px;
  text-align: center;
  color: #00a5d9 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pop_chose_car .card_report_adv.active .button_choose_car {
  background-image: url("../../static/images/w-check-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-color: #00a5d9;
}

.pop_chose_car .card_report_adv.active .car_card_adv {
  border: 3px solid #00a5d9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.pointer {
  cursor: pointer;
}

.pluse_search {
  text-align: center;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.36;
}

.filter_report-wrapper {
  padding: 0 !important;
}

.filter_report {
  display: none;
  justify-content: space-between;
  align-items: center;
  margin-top: 31px;
  margin-bottom: 28px;
  transition: 0.3s;
}

.filter_report.active {
  display: flex;
  transition: 0.3s;
}

.filter_report select {
  background: #ffffff;
  border: 1px solid #5f5f5f;
  border-radius: 60px;
  width: 216px;
  height: 50px;
  -webkit-appearance: none;
  padding-right: 20px;
  padding-left: 35px;
  background-image: url(../../../static/images/buy/step2/arrow-down.svg);
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 17px;
  font-size: 20px;
}

.filter_report button {
  background: #ffffff;
  border: 1px solid #00a5d9;
  border-radius: 60px;
  width: 191px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 22px;
  line-height: 49px;
  text-align: center;
  color: #00a5d9;
}

.pluse_search.active .remove_line {
  display: none;
  transition: 0.3s;
}

.filter_report input[type="date"] {
  background: #ffffff;
  border: 1px solid #5f5f5f;
  border-radius: 60px;
  width: 216px;
  height: 50px;
  -webkit-appearance: none;
  padding: 0 20px;
  font-size: 20px;
  background-image: url(../../../static/images/calendar-icon.png);
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 23px;
  text-align: right;
}

.filter_report
  input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.checkbox-wrap label {
  font-size: 20px;
}

.filter_report input[type="checkbox"],
.filter_report input[type="radio"] {
  position: relative;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}

.filter_report input[type="checkbox"]:checked,
.filter_report input[type="radio"]:checked {
  background: #ffffff;
  border: 2px solid #00a5d9;
}

.pluse_search span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pluse_search .icon_open {
  margin-right: 10px;
}

.icon_print a {
  margin-left: 30px;
}

section.appointment .blue-color {
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
}

section.appointment p {
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
}

.my_requests_desktop .car_card_adv:hover {
  background: #ffffff;
  border: 1px solid #ff9900;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.my_requests_desktop .car_card_adv img {
  border: 1px solid #ff9900;
  border-radius: 20px;
  width: 150px;
  height: 102.59px;
}

.my_requests_desktop .car_card_adv .name_car {
  border-bottom: 0;
}

.my_requests_desktop .car_card_adv .date_car {
  font-weight: 300;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #373737;
}

.my_requests_desktop .car_card_adv .price_adv p {
  color: #ff9900;
}

.popup_update {
  position: fixed;
  top: 0;
  height: 100vh;
  background: rgb(0 0 0 / 39%);
  z-index: 999;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.the_form {
  width: 516px;
  height: 541px;
  background: #ffffff;
  border-radius: 50px;
  margin: auto;
  padding: 64px;
}

.the_form .form_popup_update input {
  border-bottom: 1px solid #ff9900 !important;
  border: 0;
  width: 100%;
  margin-bottom: 40px;
}

.the_form .form_popup_update p {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  text-align: right;
  color: #373737;
}

.the_form .form_popup_update select {
  background-color: #ffffff;
  border: 1px solid #ff9900;
  border-radius: 60px;
  width: 389px;
  height: 55px;
  margin: auto;
  text-align: center;
  -webkit-appearance: none;
  padding-right: 20px;
  background-image: url("../../../static/images/buy/step2/arrow-down.svg");
  background-position: 16px center;
  background-repeat: no-repeat;
  color: #b9b9b9;
  font-weight: 400;
  font-size: 23px;
  line-height: 31px;
}

.the_form .form_popup_update button {
  background: #ff9900;
  border-radius: 60px;
  color: #fff;
  width: 389px;
  height: 55px;
  margin: auto;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 25px;
  line-height: 34px;
  text-align: center;
}

.the_form .form_popup_update .price {
  display: flex;
  justify-content: center;
}

.the_form .form_popup_update .price span {
  color: #ff9900;
  width: 70px;
  height: 34px;
  font-weight: 300;
  font-size: 23px;
  line-height: 31px;
  text-align: center;
}

.bg_home {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url("../../../static/images/bg_why_us.png");
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.agency
  .calling_report_des
  .table_status
  .no_answer
  .last-col
  svg {
  width: 44px;
  height: auto;
  display: inline-block;
  margin-left: 12px;
}

.filter_date svg {
  width: 27px !important;
  height: auto;
  margin-right: 3px;
}

.header_table h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header_table h3 .phone-icon {
  width: 25px;
  height: auto;
}

.calling_report_des
  .table_status
  .no-answer-row
  .left_border_no.no-answer {
  color: #ff9900;
  font-weight: 400;
}
.calling_report_des .table_status .caller-id {
  color: #5f5f5f;
  font-weight: 700;
}

.search-input form {
  position: relative;
}
.search-input .search-input-icon {
  position: absolute;
  top: 50%;
  left: 38px;
  width: 23px;
  height: 23px;
  transform: translateY(-50%);
}

.open_smart_search svg {
  margin-right: 3px;
  width: 18px;
  height: 18px;
  margin-bottom: 3px;
}

.open_smart_search.active svg .vertical-strip {
  display: none;
}

.my_stock-desktop .container {
  width: 71.46vw;
  max-width: 1372px;
}

.my_stock-desktop .car_card_adv .price_adv p {
  margin-bottom: 0;
}

.filter_list_car1 #fi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.filter_list_car1 .fi__text {
  font-size: 20px;
  line-height: 1.35;
  color: #373737;
}

.cars-list-sort {
  position: absolute;
  max-height: 5.0625rem;
  top: 0;
  right: 1px;
  width: 20.75rem;
  height: 31.625rem;
  background: #fff;
  z-index: 2;
  border: 1px solid #00a5d9;
  border-radius: 1.875rem;
  font-size: 1.25rem;
  padding: 0 2.25rem;
  transition: 0.5s;
  overflow: hidden;
}

.cars-list-sort.active {
  max-height: 31.625rem;
  padding: 8.2rem 2.25rem;
  padding-bottom: 2.25rem;
}

.cars-list-sort a {
  display: block;
  color: #000;
  font-weight: normal;
  padding-bottom: 1rem;
}
.cars-list-sort p {
  cursor: pointer;
  margin-bottom: 3rem;
}
.filter_list_car1 .filter_new_car {
  cursor: pointer;
}

.filter_list_car1 .card_filter {
  background: #ffffff;
  border-radius: 1.3rem;
  margin-bottom: 1rem;
  padding: 1rem 1.3rem 0.7rem 1rem;
}
.filter_list_car1 .card_filter img.car {
  border-radius: 20px;
  width: 100%;
  /*height: 100%;*/
  visibility: hidden;
}
.filter_list_car1 .card_filter img.like-heart {
  position: absolute;
  width: 12%;
  right: 6%;
  top: 0.8rem;
}
.filter_list_car1 .arrow_svg {
  transition: 0.3s;
}
.filter_list_car1 .arrow_svg svg {
  width: 20px !important;
  height: auto !important;
}
.filter_list_car1 .arrow_svg svg path {
  fill: #373737;
}
.filter_list_car1 .arrow_svg.active {
  transition: 0.3s;
  transform: rotate(180deg);
}

.card_adv_call .open_adv {
  background: #ebebeb;
  bottom: -16px;
}

.card_adv_call .open_adv_button.active .open_adv {
  background: #ebebeb;
  color: inherit;
}
.card_adv_call .open_adv_button.active .open_adv svg path {
  fill: #373737;
}

#buyer-wrapper {
  position: relative;
}
#buyer-wrapper .arrow {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 22px;
  height: 13px;
}
#buyer-wrapper .arrow svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
header .auto-center {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #373737;
  padding: 0 5px !important;
}

header .auto-center > img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  border-radius: 100%;
}
header .auto-center > img.default-profile-img {
  width: 80%;
  height: auto;
  position: static;
}
header .auto-center .submenu {
  width: 240px;
  right: auto;
  left: -46px;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 18px 0 0 0;
}
header .auto-center .submenu-container {
  width: 100%;
  padding: 50px 30px;
  background: #ffffff;
  border: 1px solid #c7c7c7;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  position: relative;
}
header .auto-center .submenu-container::after {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  left: 64px;
  top: 0;
  z-index: 2;
  border-left: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 4px 0 0 0;
  background-color: #fff;
}
header .auto-center .submenu a {
  display: flex;
  gap: 7px;
  font-weight: 300;
  font-size: 20px;
  line-height: 27px;
  text-align: right;
  color: #373737;
}
header .auto-center .submenu a:not(:last-child) {
  margin-bottom: 20px;
}
header .auto-center .submenu a svg {
  width: 24px;
  height: 20px;
  object-fit: contain;
  object-position: left center;
  fill: #373737;
}
header .auto-center .submenu a svg .stroke {
  stroke: #373737;
}
header .auto-center .submenu a.logout svg {
  height: 24px;
}
header .auto-center .submenu a.blue-hover:hover {
  color: #00a5d9;
}
header .auto-center .submenu a.blue-hover:hover svg {
  fill: #00a5d9;
}
header .auto-center .submenu a.orange-hover:hover {
  color: #ff9900;
}
header .auto-center .submenu a.orange-hover:hover svg {
  fill: #ff9900;
}
header
  .auto-center
  .submenu
  a.orange-hover:hover
  svg
  .stroke {
  stroke: #ff9900;
}

.filter_list_car1 .search_filter {
  width: 100%;
}
.filter_list_car1 .search_filter .input-wrapper {
  position: relative;
  width: 100%;
}
.filter_list_car1 .search_filter .input-wrapper .glass {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 23px;
  height: 23px;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}
.filter_list_car1 .search_filter .input-wrapper input {
  background: #fff;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  text-align: right;
  margin: 0;
  -webkit-appearance: none;
  padding: 0;
  line-height: 1;
  display: block;
  box-sizing: border-box;
  outline: 0;
  font-size: 20px;
  font-weight: 300;
  border: 1px solid #5f5f5f;
  transition: 0.3s;
  margin: 0 auto 0 0;
  cursor: pointer;
}
.filter_list_car1
  .search_filter
  .input-wrapper
  input[placeholder]::placeholder {
  transition: opacity 0.3s;
  opacity: 0;
}
.filter_list_car1
  .search_filter
  .input-wrapper
  input:focus {
  width: 100%;
  padding: 0 14px;
}
.filter_list_car1
  .search_filter
  .input-wrapper
  input.active {
  width: 100%;
  padding: 0 14px;
}
.filter_list_car1
  .search_filter
  .input-wrapper
  input[placeholder]:focus::placeholder {
  opacity: 1;
}

header .col-matches {
  flex: 0;
}
header .col-matches a {
  position: relative;
}
header .col-matches .default-container,
header .col-matches .hover-container {
  transition: opacity 0.3s ease 0s;
}
header .col-matches .hover-container.blue path,
header .col-matches .hover-container.blue rect {
  stroke: #00a5d9 !important;
}
header .col-matches .default-container {
  opacity: 1;
}
header .col-matches .hover-container {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
header .col-matches .hover-container .heart-matches {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  height: auto;
  transform: translateY(-50%);
  stroke: #ff9900 !important;
}
header .col-matches .hover-container .heart-matches path {
  stroke: #ff9900 !important;
}
header .col-matches a:hover .default-container {
  opacity: 0;
}
header .col-matches a:hover .hover-container {
  opacity: 1;
}

.car-details #lst-hand,
.car-details #lst-gearbox {
  font-weight: 300;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  color: #373737;
  padding: 11px 22px;
  background: #ffffff;
  border: 1px solid #373737;
  border-radius: 40px;
  appearance: none;
  -webkit-appearance: none;
  text-align: right;
  margin-bottom: 20px;
}
.car-details #lst-hand::placeholder,
.car-details #lst-gearbox::placeholder {
  color: #b9b9b9;
}
.car-details .lst-hand-wrapper {
  position: relative;
}
.car-details .lst-hand-wrapper .select-arrow {
  position: absolute;
  top: 50%;
  left: 32px;
  width: 22px;
  height: auto;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}
.car-details .lst-hand-wrapper .select-arrow path {
  fill: #373737;
}

.sell .section-car-details .container {
  width: 70.833vw;
  max-width: 1360px;
}

.car-details {
  height: auto !important;
}

.top-navigation {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 33px;
  margin-right: 31px;
}

.carID .top-navigation {
  justify-content: center;
}

.top-navigation .step-container {
  flex: 0 0 20.3% !important;
  text-align: right;
}

.top-navigation .step-container.step-container-one {
  flex: 0 0 14.5%;
}

.top-navigation .step {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 0.625rem;
  position: relative;
}

.top-navigation .step svg {
  width: 2.5rem;
  height: 2.5rem;
  margin-left: -0.1875rem;
}

.top-navigation .step::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 0.3125rem;
  background: #00a5d9;
  border-radius: 0.3125rem;
  display: none;
}

.top-navigation .step .text {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
  text-align: right;
  color: #a0a0a0;
}

.top-navigation .step.active .text {
  font-size: 1.5625rem;
}

.top-navigation .step.completed .text {
  font-size: 1.5625rem;
  color: #373737;
}

.top-navigation .step svg.stroke,
.top-navigation .step svg.stroke * {
  stroke: #a0a0a0;
}
.top-navigation .step svg.fill,
.top-navigation .step svg.fill * {
  fill: #a0a0a0;
}

.step.completed svg.fill,
.step.completed svg.fill * {
  fill: #373737;
}

.step.completed svg.stroke,
.step.completed svg.stroke * {
  stroke: #373737;
}

.top-navigation .completed::before {
  position: absolute;
  width: 27px !important;
  height: 19px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyNyAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS45NTMyIDEuNDAwNTJDMjYuNTM5IDEuOTg2MzEgMjYuNTM5IDIuOTM2MDYgMjUuOTUzMiAzLjUyMTg0TDExLjk1MzIgMTcuNTIxOEMxMS4zNjc1IDE4LjEwNzYgMTAuNDE3NyAxOC4xMDc2IDkuODMxOTIgMTcuNTIxOEwxLjgzMTkyIDkuNTIxODRDMS4yNDYxMyA4LjkzNjA2IDEuMjQ2MTMgNy45ODYzMSAxLjgzMTkyIDcuNDAwNTJDMi40MTc3IDYuODE0NzQgMy4zNjc0NSA2LjgxNDc0IDMuOTUzMjQgNy40MDA1MkwxMC44OTI2IDE0LjMzOTlMMjMuODMxOSAxLjQwMDUyQzI0LjQxNzcgMC44MTQ3MzUgMjUuMzY3NSAwLjgxNDczNSAyNS45NTMyIDEuNDAwNTJaIiBmaWxsPSIjMzczNzM3IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  bottom: 100%;
  right: 0;
  left: 0;
  margin: auto;
}

.top-navigation .step.active::after {
  display: block;
}
.top-navigation .step.active .text {
  font-weight: 700;
  color: #00a5d9;
}
.top-navigation .step.active svg.stroke,
.top-navigation .step.active svg.stroke * {
  stroke: #00a5d9;
}
.top-navigation .step.active svg.fill,
.top-navigation .step.active svg.fill * {
  fill: #00a5d9;
}

.section-car-details
  .details-list
  p.details-list__bottom-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.375;
  color: #373737;
  margin: 0.75rem 0 0 0;
}
.section-car-details
  .details-list
  .details-list__bottom-text
  svg {
  width: 21px;
  height: auto;
}

.section-car-details .details-list,
.section-car-details .car-details__form-block {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.section-car-details
  .car-details
  p.car-details__form-bottom-text {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #373737;
  text-align: right;
  margin: 9px 0 0 0;
}

.section-car-details
  .car-details
  p.car-details__form-bottom-text
  .blue {
  color: #00a5d9;
}

.button-back {
  cursor: pointer;
}
.button-back svg rect,
.button-back svg path {
  transition: fill 0.3s ease 0s;
}
.button-back:hover svg rect {
  fill: #a0a0a0;
}
.button-back:hover svg path {
  fill: #fff;
}

.upload-placeholder img {
  width: 100%;
  max-width: 220px;
  height: 173px;
  object-fit: contain;
}

.menu_desktop .col_auto {
  font-size: 20px;
  line-height: 32px;
  text-align: right;
  color: #373737;
}

.menu_desktop .col-auto a svg.max-w-24 {
  width: 27px;
}

.header-desktop .menu_desktop a:hover {
  color: red;
}

/* homepage */

.uptitle.uptitle_blue {
  color: #00a5d9;
}

.uptitle.uptitle_orange {
  color: #ff9900;
}

.uptitle {
  font-size: 36px;
  line-height: 1.4;
  margin-bottom: 2px;
}

.FQA .item-blue .answer.active,
.FQA .item-blue .questions {
  border-bottom: 1px solid #00a5d9;
}

.FQA .item-blue .questions.active,
.FQA .item-blue .questions:hover .first-part .title {
  color: #00a5d9;
}

.FQA .item-blue .questions.active path,
.FQA .item-blue .questions:hover path {
  fill: #00a5d9;
}

#handshack2 svg,
#folder2 svg,
#car_blue svg,
#hand2 svg,
#car_orange svg,
#folder svg,
#handshack svg,
#handshack2 svg,
#hand_heart svg {
  padding: 8px;
}

.button_down img {
  width: 1.7vw;
  max-width: 33px;
}

.button_down {
  cursor: pointer;
}

.all_tip {
  font-weight: 400 !important;
  transition: 0.3s;
}

.all_tip:hover {
  color: #fff !important;
  background-color: #000;
}

.section-tips .container {
  max-width: 1380px;
}

.section-tips .card_post:hover img {
  transform: scale(1.1);
}

.section-tips .card_post img {
  object-position: center;
  transition: 0.3s;
}

.section-tips .card_post .img_post {
  position: relative;
  overflow: hidden;
  padding-top: 63%;
}

.section-tips h3 {
  padding-bottom: 0 !important;
  margin: 0;
  margin-right: 0.75rem;
}

.section-tips .card_post {
  border: 2px solid #a0a0a0;
  border-radius: 40px;
  overflow: hidden;
}

.section-tips .card_post img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0;
  top: 0;
  right: 0;
  object-fit: cover;
}

.section-tips .info_tips {
  padding: 7px 24px 20px 24px;
}

.section-tips h3.title_post {
  margin: 0;
  padding-bottom: 1px !important;
  font-size: 23px;
  line-height: 1.5;
}

.section-tips .content_post {
  font-size: 18px;
  line-height: 1.2;
  color: #989898;
  margin: 10px 0;
}

.section-tips .link_post {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
}

.section-tips .link_post svg {
  width: 20px;
  height: 15px;
}

#tip svg {
  top: -5px;
  right: 0;
}

.section-tips {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url("../../../static/images/bg_why_us.png");
  padding-top: 3rem;
}

div#up {
  position: absolute;
}

.section-tips {
  margin-top: 0;
}

.section-tips > h3 {
  padding-bottom: 40px;
}

div#key {
  transform: translateY(-50%);
}

.FQA .questions:hover .first-part .title {
  color: #ff9900;
}

.FQA .questions:hover path {
  fill: #ff9900;
}

.FQA .questions .first-part .title {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.35;
  margin-bottom: 21px;
}

.FQA .questions.border-black {
  border-bottom: 1px solid #373737;
}

.FQA .answer.border-black {
  border-bottom: 1px solid #373737 !important;
}

.FQA .questions:hover .first-part .title_blue {
  color: #00a5d9;
}

.FQA .questions.active .first-part .title_blue {
  color: #00a5d9;
}

.FQA .questions.active {
  border-bottom: 0;
  margin-bottom: 0;
}

.FQA .questions.active .first-part .title {
  margin-bottom: 5px;
}

.FQA .answer {
  padding-bottom: 32px;
  display: none;
  font-size: 24px;
  line-height: 1.6;
}

.FQA .answer.active {
  border-bottom: 1px solid #ff9900;
  display: block;
}

.FQA h3 {
  padding-bottom: 0px;
}

#handshack2,
#folder2,
#car_blue,
#hand2 {
  width: auto;
}

.work_home .contact_blue h4.main_title,
.work_home .contact_orange h4.main_title {
  font-weight: 400;
  font-size: 40px;
  line-height: 54px;
  margin-right: 105px;
  margin-bottom: 20px;
}

.FQA {
  overflow: hidden;
}

.FQA,
.work_home,
#why_us {
  min-height: calc(100vh - 110px);
  align-items: flex-start;
}

.why_us h3,
.work_home h3 {
  padding-bottom: 5.6rem;
}

.register-desktop_from input.name_of_agency {
  background: url(../../../static/images/user/userPlus-icon.svg)
    no-repeat right center;
  background-size: 7%;
}

.register-desktop_from input.email {
  background: url(../../../static/images/mail-icon.svg)
    no-repeat center right;
  background-size: 8%;
}
.register-desktop .select2-container {
  width: 90% !important;
}
.register-desktop .select2-selection--single {
  border: none !important;
  border-bottom: 0.0625rem solid #208cc7 !important;
}
.register-desktop_from
  .select2-container--default
  .select2-selection--single {
  border-radius: 0;
}
.register-desktop_from
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.register-desktop_from
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 1.4rem;
  text-align: right;
}

.login_tab_user #tabs-nav li a {
  position: relative;
}

.login_tab_user .check_remember input {
  opacity: 1;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.login-desktop .single-row {
  margin-top: 4px;
}

.login-desktop .login_tab_user .check-style {
  position: relative;
  top: 0;
}

.register-desktop {
  min-height: 600px;
  height: auto;
}

.register-desktop_from input[type="checkbox"] {
  position: relative;
  cursor: pointer;
}

input[type="checkbox"]::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(0) translate(-50%, -50%);
  border: none;
  /* Windows High Contrast Mode */
}

input[type="checkbox"]:checked::before {
  transform: scale(1) translate(-50%, -50%);
  background-size: 18px;
}

.agent-page-title {
  font-size: 23px;
  font-weight: 600;
  color: #373737;
  margin-bottom: 0;
}

/* sellReport cars popup */

.cars-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72%;
  background: white;
  padding: 35px 75px;
  max-height: 96%;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #c4c4c4;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);
  border-radius: 50px;
}

.cars-popup::-webkit-scrollbar {
  width: 10px;
}

.cars-popup::-webkit-scrollbar-track {
  background: #f1f1f1;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
}
.cars-popup::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.cars-popup::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.car-popup-button {
  display: block;
  width: 19rem;
  font-weight: 500;
  font-size: 1.4375rem;
  line-height: 1.9375rem;
  color: #00a5d9;
  text-align: center;
  height: 3.4375rem;
  background: white;
  margin: auto;
  border-radius: 2.5rem;
  padding: 0.625rem 1.25rem;
  border: 1px solid;
  cursor: pointer;
}

div#cars-popup-place-holder {
  background: #0000006e;
  top: 0;
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: inherit;
  z-index: 99999;
  display: none;
}

.close-popup {
  position: absolute;
  width: 23px;
  height: 23px;
  left: 0;
  cursor: pointer;
  top: 30px;
  left: 35px;
  padding: 0 !important;
}

.close-popup::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  top: 0;
  left: 0;
  clip-path: polygon(
    10% 0,
    0 10%,
    40% 50%,
    0 90%,
    10% 100%,
    50% 60%,
    90% 100%,
    100% 90%,
    60% 50%,
    100% 10%,
    90% 0,
    50% 40%
  );
}

.sell-cars-checkbox {
  margin-left: 31px;
}

.print-hide {
  cursor: pointer;
}

.car_card_adv .price_adv p {
  margin-bottom: 0;
}

input[type="checkbox"] {
  cursor: pointer;
  border: 1px solid #373737;
}

input[type="checkbox"]:checked {
  border: 1.5px solid #00a5d9;
}

input[type="checkbox"]:checked::before {
  background-size: 1.125rem;
}

.car_card_adv .price_adv span,
.car_card_adv .price_adv p {
  font-weight: 400;
}

.car_card_adv .gear img {
  width: 48px;
  height: 27px;
  margin-bottom: 5px;
}

.cars-popup-title {
  display: block;
  font-weight: 400;
  font-size: 22px;
  line-height: 19px;
  margin-bottom: 29px;
}

.car_card_adv {
  padding-left: 50px;
  transition: 0.3s;
  position: relative;
}

.checked-checkbox .car_card_adv {
  border: 3px solid #00a5d9;
}

.phone-number-column .show-when-active {
  display: none;
}

.phone-number-column.active .show-when-active {
  display: block;
}

.phone-number-column .show-when-not-active {
  display: block;
}

.phone-number-column.active .show-when-not-active {
  display: none;
}

/* sellReport cars popup */

.register-success {
  position: fixed;
  max-width: 680px;
  max-height: 530px;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border: 2px solid #208cc7;
  border-radius: 80px;
  padding: 55px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.register-success:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../static/images/bg-success.svg)
    no-repeat top center;
  z-index: -1;
}

.register-success_icon {
  margin-bottom: 3px;
}

.register-success h2 {
  font-weight: 700;
  font-size: 90px;
  line-height: 123px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #208cc7;
}

.register-success h4,
.register-success h5 {
  font-weight: 400;
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #373737;
  margin-bottom: -15px;
}

.register-success h4 {
  font-size: 42px;
  line-height: 58px;
  margin-bottom: 0px;
}

.register-success_close {
  position: absolute;
  bottom: 30px;
  right: 50px;
  cursor: pointer;
}

/* homepage */

.FQA,
.work_home,
#why_us {
  position: relative;
}

@media (max-width: 1920px) {
  html {
    font-size: 0.83333vw !important;
  }
}

/* homepage responsive */

@media (max-width: 1920px) {
  .FQA,
  .work_home,
  #why_us {
    min-height: calc(100vh - 5.7292vw);
    align-items: flex-start;
    padding-bottom: 6.5vw;
  }

  .why_us h3,
  .work_home h3,
  .FQA h3,
  .section-tips h3 {
    font-size: 2.1vw;
    margin-bottom: 0;
    padding-bottom: 1vw !important;
  }

  .section-tips h3 {
    padding-bottom: 0 !important;
  }

  .why_us .main_title,
  .contact_blue h4.main_title {
    font-size: 2.1vw;
    margin-bottom: 1.4vw;
  }

  .contact_orange h4,
  .contact_blue h4,
  .main_title {
    font-size: 1.05vw;
  }

  .contact_blue p,
  .contact_orange p,
  .work_home .contact_orange p {
    font-size: 1.05vw;
    margin-bottom: 1.1vw;
  }

  .contact_orange p {
    margin-bottom: 2.4vw;
  }

  .work_home .container {
    width: 73vw;
  }

  .work_home h3 {
    padding-bottom: 2vw !important;
  }

  #handshack2 svg,
  #folder2 svg,
  #car_blue svg,
  #hand2 svg,
  #car_orange svg,
  #folder svg,
  #handshack svg,
  #handshack2 svg,
  #hand_heart svg {
    padding: 0.4vw !important;
    border-radius: 1vw;
  }

  #handshack2 svg,
  #folder2 svg,
  #car_blue svg,
  #hand2 svg {
    width: 4.5vw !important;
    height: 4.2vw !important;
  }

  #car_orange svg,
  #folder svg,
  #handshack svg,
  #handshack2 svg,
  #hand_heart svg {
    width: 4.5vw !important;
    height: 4.2vw !important;
  }

  .work_home .contact_blue p,
  .work_home .contact_orange p {
    margin-bottom: 1.4vw;
  }

  .FQA .container {
    width: 61.5%;
  }

  .FQA .questions .first-part .title {
    font-size: 1.25vw;
    margin-bottom: 1.1vw;
  }

  .uptitle {
    font-size: 1.875vw;
  }

  .FQA .answer {
    font-size: 1.25vw;
  }

  .section-tips .container {
    max-width: 71.5vw;
  }

  #tip svg {
    top: -0.15vw;
  }

  .section-tips .card_post {
    border-radius: 2vw;
  }

  .section-tips h3.title_post {
    font-size: 1.2vw;
  }

  .section-tips .date_post {
    font-size: 0.85vw;
  }

  .section-tips .content_post {
    font-size: 0.93vw;
    margin: 0.55vw 0;
  }

  .section-tips .link_post {
    font-size: 1vw;
  }

  .section-tips .link_post svg {
    width: 1vw;
    height: 1vw;
  }

  .all_tip {
    width: 18.75vw;
    height: 3.15vw;
    margin-top: 1.25vw;
    font-size: 1.3vw;
    line-height: 2.1;
    padding: 0;
  }

  div#up {
    width: 7vw;
    margin-right: 3.6vw;
    transform: translateY(-6.3vw);
  }

  div#up span {
    font-size: 1.09375vw;
    top: 3.3854vw;
  }
}

/* homepage responsive */

/* responsive */

@media (max-width: 1550px) {
  .car_card_adv .col-auto {
    padding-right: calc(var(--bs-gutter-x) * 0.2);
    padding-left: calc(var(--bs-gutter-x) * 0.2);
  }
}

/* responsive */

/* matches responsive */

@media (max-width: 1920px) {
  .matches-desktop .card_adv {
    min-height: 8.1vw;
    padding-top: 0.834vw;
    padding-right: 2.08vw;
    padding-left: 3.333vw;
    border-radius: 2.6vw;
  }

  .card_adv .open_adv {
    width: 25vw;
    height: 1.46vw;
  }

  .card_adv .open_adv span {
    font-weight: 500;
    font-size: 0.81vw;
  }

  .title_match h1 {
    font-size: 2.34vw;
  }

  .title_match #hand_home svg {
    width: 3.4vw !important;
    margin-top: -0.42vw !important;
    margin-right: -0.89vw;
    margin-left: -0.26vw;
  }

  .title_match p {
    font-size: 1.1vw;
    margin-bottom: 2.6vw;
  }

  .title_match p svg {
    width: 2vw;
    margin-top: -0.1vw;
  }

  .img_adv {
    width: 6vw;
    height: 6vw;
  }

  .img_adv img {
    width: 100% !important;
    height: 100% !important;
  }

  .card_adv .title_name_adv {
    font-size: 1vw;
  }

  .card_adv .title_car {
    font-size: 1vw;
  }

  .card_adv .price_car_adv {
    font-size: 1.3vw;
  }

  .card_adv .open_chat {
    width: 3.65vw;
    height: 3.65vw;
  }

  .matches-desktop .car_card_adv {
    padding-top: 0.57vw;
    padding-bottom: 0.57vw;
    padding-right: 0.9375vw;
    padding-left: 3.07vw;
  }

  .open_adv.close {
    margin-top: 3.125vw;
  }

  .open_adv svg {
    width: 0.833vw;
    height: 0.52vw;
    margin-top: 0.5vw;
    margin-right: 0.3125vw;
  }

  .car_card_adv .img_car img {
    width: 9.4vw;
    height: 6.4vw;
    border-radius: 1.04vw;
  }

  .car_card_adv .num_adv {
    font-size: 0.9375vw;
  }

  .car_card_adv .number_car {
    font-size: 0.9375vw;
  }

  .car_card_adv .hand p {
    font-size: 1.05vw;
  }

  .car_card_adv .hand img {
    height: 1.82vw;
    margin-top: -0.365vw;
  }

  .car_card_adv .hand.gear img {
    height: 1.2vw;
    margin-bottom: 0.26vw;
  }

  .car_card_adv .price_adv span {
    font-size: 1.04vw;
  }

  .car_card_adv .price_adv p {
    font-size: 1.25vw;
  }

  .the_card_of_Adv {
    margin-top: 1.46vw;
  }
}

/* matches responsive */

/* footer responsive */

@media (max-width: 1920px) {
  .footer_desktop {
    padding-top: 3.8vw;
    padding-bottom: 2.6vw;
  }

  .footer_desktop.homepage-footer {
    padding-top: 4.79vw;
  }

  .footer_desktop .col-xxl-8.p-0 {
    margin-top: 1.25vw !important;
  }

  img.bg_tip2 {
    top: -8.177vw;
    left: 2.97vw;
    width: 18.75vw;
  }

  section.footer h3 {
    font-size: 1.04vw;
    margin-bottom: 1.09vw;
    padding-top: 0.417vw;
    padding-right: 2.2vw;
    padding-left: 1.3vw;
  }

  section.footer h3 svg {
    width: auto;
    height: 1.82vw;
  }

  section.footer h3 svg.accessibility {
    margin-right: -0.42vw;
  }

  .footer a {
    font-size: 0.9375vw;
    margin-bottom: 0.78vw;
    padding-left: 0.78vw;
  }

  .footer_desktop .footer-menu {
    width: 55vw;
  }

  .footer-icons {
    width: 28.49vw !important;
    height: 3.125vw;
    top: -2.5vw;
    left: 0.52vw;
  }

  .social-single {
    margin-left: 1.146vw;
  }

  .social-single.apple {
    margin-left: 4.74vw;
  }

  .social-single svg {
    width: 3.125vw;
    height: 3.125vw;
  }
}

/* footer responsive */

/* carsList responsive */

@media (max-width: 1920px) {
  .car-list-desktop .border_list_car {
    border-radius: 1.56vw;
  }

  .section-car-search.smart_filter {
    margin: 1.56vw 0;
  }

  .section-car-search .which-car-buttons {
    margin-bottom: 0.94vw;
  }

  .section-car-search .which-car-buttons div {
    line-height: 2.6vw;
  }

  .section-car-search .which-car-buttons div span {
    font-size: 0.833vw;
  }

  .filter_list_car h4 {
    font-size: 1.145vw;
    margin-bottom: 0.78vw;
  }

  .info_type_car {
    margin-bottom: 1.51vw;
    padding-bottom: 2.76vw;
  }

  .car-type-filter .info_type_car {
    padding-bottom: 0.83vw;
    padding-top: 0.16vw;
  }

  .car-type-icon {
    height: 2.6vw;
  }

  .btn_filter svg.check {
    bottom: 2.24vw;
    width: 1.7vw;
    height: 1.25vw;
  }

  .car-list-desktop .nav-help-item.tools span {
    font-size: 0.84vw;
    margin: 0 0 0.31vw 0;
    font-weight: 400;
  }

  .info_type_car select {
    background-size: 0.89vw;
    border-radius: 1.77vw;
    font-size: 1.04vw;
    height: 2.6vw;
  }

  .form-single {
    padding: 0 0.156vw !important;
  }

  #clear_filter button {
    width: 2.9vw;
    height: 2.9vw;
    font-size: 1.04vw;
  }

  #show_filter button {
    font-size: 1.04vw;
    height: 2.9vw;
  }

  .Pagination_prev {
    font-size: 0.94vw;
    padding: 0 2.08vw;
    margin-bottom: 0.68vw;
  }

  .car-list-desktop .filter_list_car1 {
    height: 4.22vw;
    margin-bottom: 0.78vw !important;
    padding-right: 0.94vw;
    padding-left: 2.3vw;
  }

  .car-list-desktop .border_list_car {
    border-radius: 1.5625vw;
  }

  .filter_list_car1 .fi__text {
    font-size: 1.04vw;
  }

  .filter_list_car1 .arrow_svg svg {
    width: 1.04vw !important;
  }

  .filter_list_car1 .search_filter .input-wrapper input {
    border-radius: 2.6042vw;
    width: 2.6042vw;
    height: 2.6042vw;
    font-size: 1.0417vw;
  }

  .filter_list_car1 .search_filter .input-wrapper .glass {
    left: 0.7292vw;
    width: 1.1979vw;
    height: 1.1979vw;
  }

  .cards-container-item {
    margin-bottom: 0.52vw;
    padding: 0 0.26vw !important;
  }

  .card_list_car.border_list_car {
    padding: 0.26vw;
  }

  .cards-container-item .img-container {
    border-radius: 1.25vw;
  }

  .cards-container-item
    .card_list_car.border_list_car
    > div
    > img {
    border-radius: 1.56vw;
  }

  .card_list_car .name_car {
    font-size: 1.09vw !important;
    margin-top: 0.57vw !important;
    padding: 0 0.52vw;
  }

  .cards-container-item
    .card_list_car.border_list_car
    .name_car
    strong {
    margin: 0 0 0 0.26vw;
  }

  .card_list_car .price_list_car {
    font-size: 1.09vw;
    margin-top: 0.26vw;
  }

  .card_list_car .pric_sale {
    font-size: 1.25vw;
  }

  .card_list_car .price_list_car_sale {
    font-size: 0.94vw;
    margin-bottom: 0.52vw;
  }

  .card_list_car .name_adv {
    height: 4.53vw;
    border-radius: 0 0 1.56vw 1.56vw;
    font-size: 0.94vw;
  }

  .card_list_car .name_adv .col-4 {
    padding: 0 0 0 1.04vw !important;
  }

  .card_list_car .name_adv svg {
    width: 2.76vw !important;
  }

  .submit_filter {
    margin-top: 1.25vw;
  }

  .col-lg-4.col-xl-12 .img-container {
    width: 10.4167vw !important;
  }

  .cards-container-item .img-container {
    border-radius: 1.25vw;
  }

  .col-lg-4.col-xl-12 .card_list_car .name_car {
    padding-left: 1.7vw !important;
  }

  .col-lg-4.col-xl-12 .card_list_car .name_adv {
    width: 15.7813vw;
    max-width: 15.78vw;
    border-radius: 1.5625vw 0 0 1.5625vw;
    margin-top: -0.2604vw !important;
    margin-bottom: 0.0521vw !important;
    font-size: 1.0938vw;
  }
}

/* carsList responsive */

/* myStock responsive */

@media (max-width: 1920px) {
  .search-input .search-input-icon {
    left: 1.9792vw !important;
    width: 1.1979vw !important;
    height: 1.1979vw !important;
  }

  .search-input input {
    padding: 0 1.4583vw;
    border-radius: 1.5625vw;
    height: 2.8646vw;
    width: 25.1563vw;
    font-size: 1.04vw;
  }

  .search-input input::placeholder {
    font-size: 1.04vw;
  }

  .open_smart_search {
    margin: 0.625vw 0 1.25vw 0;
  }

  .open_smart_search span {
    font-size: 1.1458vw;
    line-height: 1.5625vw;
    margin-bottom: 2.5521vw;
  }

  .open_smart_search.active .smart_search {
    padding: 1.7708vw 8.1771vw;
    padding-bottom: 1.146vw;
  }

  .smart_search select {
    height: 2.6042vw;
    border-radius: 2.6042vw;
    padding: 0 0.6771vw;
    font-size: 1.0417vw;
    margin-bottom: 1.1458vw;
    background-position: 0.9375vw center;
    background-size: 0.8854vw;
  }

  .smart_search button {
    height: 2.6042vw;
    width: 15vw;
    border-radius: 2.6042vw;
    font-size: 1.1979vw;
    line-height: 1.5625vw;
    margin-bottom: 1.146vw;
  }

  .car_card_adv {
    border-radius: 1.0417vw;
    padding: 0.625vw 0.9375vw;
    margin: 0.7813vw;
  }

  .car_card_adv .col-auto {
    padding-left: 0.625vw;
  }

  .img_saler {
    width: 6.771vw;
    height: 6.771vw;
  }

  .car_card_adv .post_num {
    font-size: 0.9375vw;
    margin-bottom: 0.5208vw;
    padding: 0 0.2604vw;
    padding-bottom: 0.1563vw;
  }

  .car_card_adv .post_num span {
    font-size: 0.9375vw;
  }

  .car_card_adv .name_car {
    font-size: 1.1979vw;
  }

  .update_adv {
    width: 6.3542vw;
    height: 3.9063vw;
    font-size: 1.04vw;
    border-radius: 1.3vw;
  }

  .slaer {
    width: 4vw;
    height: auto;
    aspect-ratio: 1/1;
    font-size: 1.0417vw;
  }

  .archiv_adv {
    width: 3.3854vw;
    height: 3.3854vw;
  }

  .open_smart_search svg {
    margin-right: 0.1563vw !important;
    width: 0.9375vw !important;
    height: 0.9375vw !important;
    margin-bottom: 0.1563vw !important;
  }

  .car_card_adv .archive-btn.col-auto {
    border-radius: 1.3021vw;
    padding: 0.8333vw 1.0416vw !important;
    font-size: 0.8333vw;
  }

  .archive-btn img {
    width: 1.46vw;
  }
}

/* myStock responsive */

/* callReport responsive */

@media (max-width: 1920px) {
  .calling_report_des {
    padding-top: 1.4063vw !important;
  }

  .header_table h3 {
    gap: 0.4167vw;
  }

  .header_table h3 {
    font-size: 1.1979vw;
    margin-bottom: 0.625vw;
  }

  .header_table h3 svg {
    width: 1.25vw;
  }

  .header_table {
    padding: 0 0.625vw !important;
  }

  .filter_date {
    margin-left: 0.2604vw;
    padding: 0 0.625vw !important;
  }

  .filter_date label {
    margin-left: 0.5208vw;
    font-size: 1.0417vw;
  }

  .filter_date input {
    border-radius: 3.125vw;
    width: 12.3438vw;
    height: 2.6042vw;
  }

  .filter_date svg {
    width: 1.4063vw !important;
    margin-right: 0.1563vw;
  }

  .button_filter {
    width: 10.0521vw !important;
    height: 2.6042vw;
    border-radius: 3.125vw;
    font-size: 1.145vw;
    margin-right: 1.25vw;
  }

  .icon_print a {
    margin-left: 1.5625vw;
  }

  #sheat_btn svg {
    width: 1.6667vw;
  }

  #print_btn svg {
    width: 2.1354vw;
  }

  .phone-numbers-wrapper {
    margin-top: -0.52vw;
    margin-bottom: 0.36vw;
  }

  .header_table span.virtual-number {
    margin-left: 0.9375vw;
  }

  .header_table span {
    font-size: 1.0417vw;
  }

  .filter_no_answer {
    font-size: 0.9375vw;
    margin-top: 0.52vw !important;
  }

  .filter_no_answer input {
    width: 1.3021vw;
    height: 1.3021vw;
    border-radius: 0.2604vw;
    margin-left: 0.625vw;
  }

  .table_status {
    border-radius: 2.6042vw;
    padding: 3.1771vw 2.2396vw !important;
    margin-top: 1.3021vw !important;
  }

  .table_status th {
    font-size: 1.0417vw;
    padding: 0 0.8333vw 1.5104vw 0.8333vw;
  }

  .table_status td {
    font-size: 0.9375vw;
    padding: 0.8333vw;
  }
}

/* callReport responsive */

/* sellReport responsive */

@media (max-width: 1920px) {
  .table_report {
    width: 71.042vw;
    min-height: 39.3646vw;
    border-radius: 2.6042vw;
    padding: 1.0417vw 0.9896vw !important;
  }

  .table_report table thead {
    height: 4.2708vw;
  }

  .table_report table th {
    font-size: 1.0417vw;
    line-height: 1.3021vw;
    padding: 0 0.9479vw;
  }

  .table_report table th:first-child {
    padding-right: 0.1562vw;
  }

  .sell-agent-name-column {
    max-width: 5.2083vw;
    padding-right: 0.625vw !important;
    padding-left: 0.625vw !important;
  }

  .sell-chat-column {
    padding-right: 0.5208vw !important;
    padding-left: 0.5208vw !important;
  }

  .sell-remarks-column {
    max-width: 6.25vw !important;
  }

  .sell-more-car-column {
    padding-right: 0.2083vw !important;
    padding-left: 0.2083vw !important;
  }

  .table_report table td,
  .table_report .row,
  .table_report .name_custom,
  .table_report .number_adv,
  .table_report .date_time {
    font-size: 0.8333vw;
  }

  .table_report table td {
    font-size: 0.9375vw;
    line-height: 1.1979vw;
    padding: 0.3646vw 0.625vw;
  }

  .table_report .name_custom,
  .table_report .number_adv {
    font-size: 0.9375vw;
  }

  .table_report .name_car {
    font-size: 0.9375vw;
  }

  .table_report .model_car {
    font-size: 0.9375vw;
    margin-top: 0.2083vw;
  }

  .table_report .price_car {
    font-size: 1.0938vw;
    margin-top: 0.3125vw;
  }

  .table_report table td svg {
    width: 0.9375vw;
    height: 0.9375vw;
    margin: 0.2604vw auto !important;
  }

  .phone-number-column {
    font-size: 0.8333vw;
  }

  .table_report .date_time {
    font-size: 0.9375vw;
    margin-top: 0.4167vw;
  }

  .table_report .phone_number {
    font-size: 0.9386vw;
    padding-bottom: 0.5208vw;
  }

  .sell-meeting-column .col-8 {
    font-size: 0.9386vw;
  }

  .sell-chat-column svg {
    width: 2.0313vw !important;
    height: 2.0313vw !important;
  }

  .sell-more-car-column svg {
    width: 1.6146vw !important;
    height: 1.4583vw !important;
  }

  .sell-more-car-column p {
    font-size: 0.8333vw;
  }

  .sell-pulu-up-column svg {
    width: 1.3021vw !important;
    height: 1.3021vw !important;
  }

  .sell-pulu-up-column p {
    font-size: 0.8333vw;
  }

  .table_report table td:last-child {
    width: 9.375vw;
  }

  .table_report table td:last-child {
    padding-left: 0.1563vw;
  }

  .table_report .number_adv {
    font-size: 0.8333vw !important;
  }

  .sell-table-price {
    font-size: 0.9386vw;
  }

  .filter_report {
    margin-top: 1.6146vw;
    margin-bottom: 1.4583vw;
  }

  .filter_report input[type="checkbox"] {
    border-radius: 0.4167vw;
    width: 1.5625vw;
    height: 1.5625vw;
    margin-left: 0.5208vw;
  }

  input[type="checkbox"]::before {
    width: 1.3542vw;
    height: 1.3542vw;
    border-radius: 0.2083vw;
  }

  .checkbox-wrap label {
    font-size: 1.0417vw;
  }

  .filter_report select {
    border-radius: 3.125vw;
    width: 11.25vw;
    height: 2.6042vw;
    padding-right: 1.0417vw;
    padding-left: 1.8229vw;
    background-position: 0.9375vw center;
    background-size: 0.8854vw;
    font-size: 1.0417vw;
  }

  .filter_report input[type="date"] {
    border-radius: 3.125vw;
    width: 11.25vw;
    height: 2.6042vw;
    padding: 0 1.0417vw;
    font-size: 1.0417vw;
    background-position: 0.9375vw center;
    background-size: 1.1979vw;
  }

  .filter_report button {
    border-radius: 3.125vw;
    width: 9.8958vw;
    height: 2.6042vw;
    font-weight: 400;
    font-size: 1.1458vw;
    line-height: 2.7083vw;
  }

  .pluse_search {
    font-size: 1.145vw;
  }

  .pluse_search .icon_open {
    margin-right: 0.52vw;
  }

  .pluse_search .icon_open svg {
    width: 1.04vw;
    height: 1.04vw;
  }

  .cars-popup {
    padding: 1.5625vw;
    padding: 1.823vw 3.906vw;
    border-radius: 2.6vw;
  }

  .cars-popup-title {
    font-size: 1.1458vw;
    line-height: 1.1979vw;
    margin-bottom: 1.5104vw;
    margin-right: 2.0833vw;
  }

  .close-popup {
    width: 1.198vw !important;
    height: 1.198vw;
    top: 1.5625vw;
    left: 1.823vw;
  }

  .sell-cars-checkbox {
    margin-left: 1.615vw;
  }

  .cars-popup .car_card_adv {
    width: calc(100% - 3.3vw) !important;
  }
}

/* sellReport responsive */

/* carForm responsive */

@media (max-width: 1920px) {
  .all-form-hndler {
    width: 100% !important;
  }

  .top-navigation {
    margin-bottom: 1.719vw;
    margin-right: 1.615vw;
  }

  .top-navigation .step::after {
    height: 0.26vw;
    border-radius: 0.26vw;
  }

  .section-car-details
    .car-form-details.car-details
    .col-3 {
    padding-right: 1.458vw;
  }

  .section-car-details .car-details .col-3 {
    margin: 2.1354vw 0 2.5vw;
  }

  .section-car-details .car-details .details-list ul li {
    height: 1.9792vw;
  }

  .section-car-details
    .car-details
    .details-list
    ul
    li
    .single-detail
    img {
    width: 0.677vw;
  }

  .section-car-details
    .car-details
    .details-list
    ul
    li
    .single-detail
    span.title {
    font-size: 0.9375vw;
  }

  .section-car-details
    .car-details
    .details-list
    ul
    li
    .single-detail
    span.description {
    font-size: 0.9375vw;
  }

  .section-car-details
    .details-list
    p.details-list__bottom-text {
    gap: 0.417vw;
    font-size: 0.833vw;
  }

  #car-details-form
    .col-4
    .car-details__form-block
    .more_info
    p {
    margin-bottom: 0.2083vw;
  }

  .section-car-details
    .details-list
    .details-list__bottom-text
    svg {
    width: 1.042vw;
  }

  .section-car-details .car-details .col-4 {
    margin: 2.2917vw 0 2.5vw;
  }

  .section-car-details .car-details p {
    font-size: 1.1vw;
    margin-bottom: 0.417vw;
  }

  .car-details .lst-hand-wrapper .select-arrow {
    left: 1.667vw;
    width: 1.1467vw;
  }

  .car-details #lst-hand,
  .car-details #lst-gearbox {
    font-size: 1.25vw;
    line-height: 1.6146vw;
    padding: 0.5729vw 1.1467vw;
    border-radius: 2.0833vw;
    margin-bottom: 1.0417vw;
  }

  .section-car-details .car-details .km input {
    border-radius: 1.7188vw;
    line-height: 1.7188vw;
    font-size: 1.25vw;
    margin-bottom: 0.78125vw;
    padding: 0.5729vw 1.1467vw;
  }

  .section-car-details textarea {
    height: 6.9271vw;
    border-radius: 1.5625vw;
    padding: 0.6771vw 1.1467vw;
    height: 4.6875vw;
    font-size: 1.1458vw;
  }

  .section-car-details
    .car-details
    p.car-details__form-bottom-text {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    margin: 0.46875vw 0 0 0;
  }

  .section-car-details .car-details .col-5 {
    margin: 2.1354vw 0 2.5vw;
  }

  .section-car-details .extra span {
    font-size: 1.146vw;
    margin-bottom: 0.625vw;
  }

  .section-car-details .extra .single-extra {
    margin-bottom: 1.9844vw;
  }

  .section-car-details .extra .single-extra label {
    font-size: 0.9375vw;
  }

  .updated_next_button {
    width: 12.0313vw !important;
    height: 2.8646vw;
    border-radius: 2.0833vw;
    font-size: 1.0417vw;
    line-height: 1.4063vw;
  }

  .button-back svg {
    width: 6.3vw;
  }

  .next_button {
    width: 16.25vw !important;
    height: 2.8646vw;
    border-radius: 2.0833vw;
    font-size: 1.0417vw;
    line-height: 1.35;
  }

  .top-navigation .completed::before {
    width: 1.406vw;
    height: 0.99vw;
  }

  .top-navigation .step.completed .text {
    font-size: 1.3vw;
  }
}

/* carForm responsive */

/* carForm image responsive */

@media (max-width: 1920px) {
  #upload-images-form .col-3 {
    margin-bottom: 1.1979vw !important;
  }

  #upload-images-form .col-6 {
    margin-top: 1.875vw;
  }

  #upload-images-form .car-details p {
    margin-bottom: 1.1979vw;
  }

  #upload-images-form .car-details .col-6 p {
    margin-bottom: 1.5625vw;
  }

  .upload .del-img {
    height: 1.9271vw;
  }

  .upload-video-title svg {
    width: 1.9792vw;
    height: auto;
    top: 0.3125vw;
  }

  .video-description {
    margin-bottom: 2.3958vw;
  }

  .video-description span {
    font-size: 1.0417vw;
  }

  .main-image-upload-area img {
    width: 11.458vw;
  }

  .video-upload-wrap {
    width: 11.458vw;
  }

  .upload-video-title {
    margin-bottom: 1.1458vw;
  }
}

/* carForm image responsive */

/* carForm file responsive */

@media (max-width: 1920px) {
  #upload-files-form .car-details {
    padding: 1.3021vw 2.65625vw;
  }

  #upload-files-form p {
    font-size: 1.1458vw;
  }

  #upload-files-form p.history {
    margin-bottom: 0.2083vw;
  }

  .upload-files-title {
    margin-bottom: 1.8229vw !important;
  }

  .test-confimiration {
    margin-bottom: 0.9375vw;
  }

  .bdeka .remove-document {
    width: 1.25vw;
    top: 0.3646vw;
    left: -4.0625vw;
  }

  .bdeka a {
    font-size: 0.8333vw;
    margin-top: 0.5208vw;
  }

  .bdeka span {
    font-size: 0.9375vw;
    margin-bottom: 0.7813vw !important;
  }

  .care-details .care-list {
    width: 20.5208vw;
  }

  .care-list select {
    height: 2.8646vw;
    border-radius: 1.5625vw;
    padding: 0.5208vw 1.3021vw;
    font-size: 1.0417vw;
    background-position: 1.40625vw center;
    background-size: 1.4583vw;
  }

  .care-details .care-upload {
    width: 2.8125vw;
  }

  .car-details .add-care span {
    margin-right: 0.6771vw;
    font-size: 0.8333vw;
  }

  .claims-details-wrapper {
    margin-top: 2.5521vw;
    margin-bottom: 0.5729vw;
  }

  .transparency-index-wrapper {
    width: 7.3958vw !important;
    top: 17.34375vw;
    left: 3.02083vw;
    font-size: 0.9375vw;
  }

  .transparency-index-wrapper .tip_madad {
    margin-bottom: 1.1979vw;
  }

  .wrp-trans svg {
    width: 7.3958vw;
    height: auto;
  }

  .section-car-details .wrp-trans .trans_arrow {
    width: 5.937vw;
  }

  .wrp-trans span {
    bottom: -1.7188vw;
    font-size: 0.9375vw;
  }

  .car-details .add-care img {
    width: 1.093vw;
  }

  .care-details {
    margin-top: 1.04vw;
  }
}

/* carForm file responsive */

/* carForm price responsive */

@media (max-width: 1920px) {
  #pricedesk-form .car-details {
    padding: 0 4.0625vw !important;
    padding-top: 1.3542vw !important;
  }

  #pricedesk-form p {
    font-size: 1.1458vw;
    margin-bottom: 2.9687vw;
  }

  .price_put {
    margin-bottom: 1.5104vw;
  }

  .price_put input {
    height: 2.8646vw;
    border-radius: 1.5625vw;
    margin-left: 0.7813vw !important;
    width: 16.7188vw;
    font-size: 1.1458vw;
    padding: 0.625vw 1.1458vw;
  }

  .price_put svg {
    width: 1.3542vw;
  }

  .trade-in {
    margin-top: 0.5208vw;
    margin-right: 0.2083vw;
  }

  .trade-in label {
    font-size: 0.8594vw;
  }

  .check_price {
    width: 5.7292vw;
    height: 5.7292vw;
    top: 4.7917vw;
    border-radius: 50%;
  }
}

/* carForm price responsive */

/* meeting-report responsive */

@media (max-width: 1920px) {
  .meeting-report-profile-image {
    width: 4.8vw;
    height: 4.8vw;
  }

  .meeting-report-table .card_adv_call .title_name_adv {
    font-size: 0.9384vw;
  }

  .meeting-report-table .col-auto {
    padding: 0 0.625vw;
  }

  .card_adv_call .title_car {
    font-size: 1.0417vw;
  }

  .card_adv_call .price_car_adv {
    font-size: 1.3021vw;
  }

  .card_adv_call .open_adv,
  .meeting-report-table .open_adv {
    width: 24.8438vw;
    height: 1.4583vw;
    border-radius: 2.6042vw 2.6042vw 0 0;
  }

  .card_adv_call .open_adv {
    bottom: -0.8333vw;
  }

  .card_adv_call .open_adv span,
  .meeting-report-table .open_adv span {
    font-size: 0.8333vw;
  }

  .meeting-report-meeting-status {
    font-size: 1.0938vw !important;
  }

  .meeting-report-meeting-status svg {
    width: 1.823vw;
    margin-left: 0.3125vw;
  }

  .car_card_adv_call_border {
    margin: 0 1.6667vw;
  }

  .car_card_adv_call {
    padding: 0.8333vw 1.6667vw;
  }

  .car_card_adv_call .num_adv {
    font-weight: 300;
    font-size: 1.0417vw;
    line-height: 1.7708vw;
    text-align: right;
    color: #373737;
  }

  .car_card_adv_call .name_car {
    font-size: 1.1458vw;
  }

  .car_card_adv_call .number_car {
    font-size: 0.9375vw;
  }

  .car_card_adv_call .hand img {
    width: 2.0833vw;
    height: 1.5625vw;
  }

  .car_card_adv_call .hand p {
    font-size: 1.0417vw;
  }

  .car_card_adv_call .price_adv span {
    font-size: 1.0417vw;
  }

  .car_card_adv_call .price_adv p {
    font-size: 1.25vw;
  }

  .car_card_adv_call .img_car img {
    width: 8.3333vw;
    height: 6.0417vw;
    border-radius: 1.0417vw;
  }

  .car_card_adv_call .open_adv svg {
    margin-top: 0.156vw;
  }
}

/* meeting-report responsive */

.chat-button {
  width: 80px;
  height: 80px;
  margin: 30px auto;
  cursor: pointer;
}

.chat-button svg {
  width: 100%;
  height: 100%;
}

/* new item button */

.new-item-button {
  position: fixed;
  width: 138px;
  height: 62px;
  border: 1px solid #00a5d9;
  border-right: unset;
  top: 160px;
  right: 0;
  border-radius: 50px 0 0 50px;
  padding-right: 24px;
  cursor: pointer;
}

.new-item-button.orange-button {
  border-color: #ff9900;
}

.new-item-button svg {
  width: 28px;
  margin-top: 15px;
  margin-left: 8px;
  vertical-align: top;
}

.new-item-button span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #373737;
  line-height: 1.25;
  margin-top: 10px;
}

@media (max-width: 1920px) {
  .new-item-button {
    width: 7.1875vw;
    height: 3.229vw;
    top: 8.33vw;
    padding-right: 1.25vw;
  }

  .new-item-button svg {
    width: 1.4583vw;
    margin-top: 0.78125vw;
    margin-left: 0.417vw;
  }

  .new-item-button span {
    font-size: 0.833vw;
    margin-top: 0.521vw;
  }
}

/* new item button */

/* site loader */

.site-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  top: 0;
  left: 0;
  z-index: 100;
  backdrop-filter: blur(1px);
}

.site-loader img {
  position: relative;
  display: block;
  width: 4vw;
  max-width: 75px;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  border-radius: 100%;
}

.site-loader-unclear {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  top: 0;
  left: 0;
  z-index: 100;
  backdrop-filter: blur(1px);
}

.site-loader-unclear img {
  position: relative;
  display: block;
  width: 4vw;
  max-width: 75px;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  border-radius: 100%;
}

/* site loader */

.development-12-tab-car {
  cursor: pointer;
}
.development-12-tab-car.active p {
  color: #ff9900;
  font-weight: bold;
}
.breadcrumbs {
  width: 100%;
  display: flex;
  font-size: 0.95vw;
  padding-bottom: 0.8rem;
}
.breadcrumbs a {
  color: #cbcbcb;
}
.breadcrumbs a:hover {
  color: #cbcbcb;
  text-decoration: underline !important;
}
.breadcrumbs span {
  color: #00a5d9;
}
#click-pop {
  width: 58%;
  position: absolute;
  flex-wrap: wrap;
  left: 21%;
  z-index: 9999;
  background: #fff;
  border-radius: 3rem;
  justify-content: center;
  display: flex;
  padding: 4rem 0 0 0;
  bottom: -500%;
  overflow: hidden;
  text-align: center;
  /*height: 85%;
    bottom: 7.5%;*/
}
#click-pop .section-appropriate {
  width: 33%;
}
#hand1 svg {
  width: 18% !important;
  margin-top: -1.1rem;
}
.wrp-click-icons {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.wrp-click-icon {
  width: 27%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.wrp-click-icon span {
  color: #000;
  font-size: 0.86vw;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.2rem 0 0 0;
}
.wrp-click-icon > div {
  border: 3px solid #ff9900;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;
  aspect-ratio: 1 / 1;
  box-sizing: content-box;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  width: 74%;
}
.wrp-click-icon svg {
  width: 60%;
}
.wrp-click-icon > div:hover {
  background-color: #ff9900;
}
.wrp-click-icon > div:hover path {
  fill: #fff;
  stroke: #fff;
}
.wrp-click-icon > div:hover path.hide-hover {
  display: none;
}
.wrp-click-icon > div:hover path.spec-hover {
  fill: #fff;
  stroke: none !important;
}
.wrp-click-icon > div.tel:hover path {
  fill: transparent;
}
#hearts-1 {
  width: 14%;
  display: block;
  margin-right: 52%;
}
#hearts-2 {
  width: 16%;
  margin-right: 31%;
}
#click-pop h3 {
  font-size: 2.4vw !important;
  font-weight: bold;
}
.click-pop-txt {
  color: #000;
  font-size: 1.2vw;
  width: 100%;
  justify-content: space-around;
}
.click-pop-txt svg {
  width: 7%;
}
.x-close-click {
  position: absolute;
  left: 2.5rem;
  width: 2.5%;
  top: 2rem;
  cursor: pointer;
  height: auto;
}
/*.general-pop .x-close-click{
    left: 1rem;
    width: 5%;
    top: 0.8rem;
}*/
.x-close-click svg {
  width: 100%;
}
#click-pop .development-12-car-information {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: -2rem;
}
#click-pop .development-12-car-picture {
  margin-left: -1.3vw;
  border-radius: 50%;
  border: 3px solid #00a5d9;
  aspect-ratio: 1 / 1;
  width: 60%;
  overflow: hidden;
  cursor: pointer;
}
#click-pop .development-12-car-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#click-pop .development-12-car-picture.orng {
  border-color: #ff9900;
}
#click-pop .development-12-user-picture {
  position: relative;
  inset: 0;
  border: 3px solid #ff9900;
  background: #fff;
  margin-top: 1.6vw;
  border-radius: 50%;
  width: 40%;
}
#click-pop .development-12-user-picture.blue {
  border-color: #00a5d9;
}
#click-pop .development-12-user-picture img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
#click-pop .development-12-car-information {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#click-pop .development-12-heart-picture {
  position: absolute;
  top: 50%;
  right: -1.1vw;
}
#click-pop .development-12-heart-picture svg {
  width: 85%;
}
#wrp-chat-txt {
  position: relative;
  width: 35%;
  margin: 0 auto;
  height: 3.3rem;
}
#wrp-chat-txt img {
  position: absolute;
  left: 3%;
  width: auto;
  top: -0.4rem;
  height: 80%;
  cursor: pointer;
}
#wrp-chat-txt input {
  border: 1px solid #000;
  width: 100%;
  border-radius: 1.5rem;
  height: 3.3rem;
  padding: 0 4% 0 18%;
  caret-color: #ff9900;
  height: 100%;
  font-size: 20px;
}
.wrp-later-check {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 3rem;
  width: 100%;
  right: 0;
}
.checkbox-text {
  color: #000;
  font-size: 0.85vw;
}
#remind-later {
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 0.3rem;
}
#click-virtual-pop {
  position: absolute;
  background: #fff;
  width: 45%;
  right: 27.5%;
  border-radius: 2rem;
  z-index: 99999;
  padding: 1rem 3%;
}
.general-pop.with-border {
  border: 1px solid #a0a0a0;
}
.general-pop {
  position: absolute;
  background: #fff;
  width: 80%;
  right: 10%;
  border-radius: 2rem;
  z-index: 99999;
  padding: 1rem 3%;
  max-height: 85%;
  bottom: -100%;
  overflow-y: auto; /* אפשר גלילה */
}
.general-pop::-webkit-scrollbar {
  width: 0px; /* רוחב פס הגלילה */
}
.general-pop::-webkit-scrollbar-thumb {
  background-color: transparent; /*rgba(0, 0, 0, 0.5);*/ /* צבע פס הגלילה */
  border-radius: 10px; /* קצוות מעוגלים */
  border-left: 8px solid transparent;
}
.general-pop::-webkit-scrollbar-track {
  background: transparent; /* רקע שקוף עבור המסלול */
}

.general-pop .slick-slide {
  display: block;
  margin-top: 4rem;
}
/**car pop style **/
.wrp-car-info {
  width: 33.33%;
  display: flex;
  font-size: 0.9vw;
  margin-bottom: 0.8rem;
}
.wrp-car-info img {
  width: 12.5%;
  margin-left: 8%;
  height: fit-content;
}
.wrp-car-info span.the_color {
  width: 12%;
  height: fit-content;
  aspect-ratio: 1/1;
  margin: 2% 2% 0 9%;
  border: 1px solid;
  border-radius: 1em;
}
.development-12-product-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  height: 0;
}
.general-pop .development-12-product-offer {
  position: relative;
  z-index: 0;
  width: 30%;
  aspect-ratio: 1/1;
  border-radius: 100%;
  margin-top: -2.2rem;
  margin-left: -6%;
  background-color: #00a5d9;
  border-radius: 100%;
  /*border-bottom-right-radius: 96px;
    border-top-left-radius: 3vw;*/
}
.general-pop .development-12-product-offer-text {
  transform: rotate(-45deg);
  margin: 0;
  padding: 0.7vw 0 1.3vw;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 0.9vw;
  line-height: 1;
  font-weight: normal;
  position: absolute;
  right: -20%;
  bottom: 0;
}
.open-adv-slide .development-12-product-offer {
  width: 15%;
  margin-top: -4.5rem;
  margin-left: -5%;
}
.open-adv-slide .development-12-product-offer-text {
  font-size: 1.1vw;
  right: -14%;
  bottom: 1rem;
}
.open-adv-slide .show-on-close,
.close-mode .hide-on-start {
  display: none !important;
}
.general-pop .open-adv-slide {
  width: 100%;
  max-width: none !important;
}
.open-adv-slide .development-12-product-item {
  max-width: none !important;
  direction: ltr;
  border: 2px solid #00a5d9;
  padding: 0;
  border-radius: 3.5vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
}
.open-adv-slide .development-12-product-picture {
  width: 49%;
  display: inline-block;
}
.open-adv-slide .development-12-product-content {
  width: 53%;
  border: 0;
  margin: 0;
  padding: 0 5% 0 2% !important;
  top: 0.5rem;
  border-radius: 4rem;
}
.open-adv-slide .development-12-product-location-info {
  display: none;
}
.open-adv-slide .development-12-product-caption {
  padding-right: 0 !important;
}
.open-adv-slide .development-12-product-title,
.open-adv-slide .development-12-product-price {
  text-align: right;
  font-size: 1.2vw;
}
.open-adv-slide .development-12-product-title {
  width: 60%;
}
/****/
.adv-num-txt {
  display: flex;
  width: 100%;
  justify-content: center;
  font-weight: 300;
}
.wrp-car-btns {
  background: #f6f6f6;
  padding: 0.8rem 10%;
  display: flex;
}
.wrp-car-btns.inner {
  background: none;
  padding: 0;
  display: flex;
  width: 75%;

  left: 0;
  justify-content: left;
}
.wrp-car-btns.inner2 {
  background: none;
  padding: 0;
  display: flex;
  width: 40%;
  justify-content: right;
}
.wrp-car-btns.inner,
.wrp-car-btns.inner2,
.open-adv-slide .car-card-details,
.open-adv-slide .wrp-car-btns,
.open-adv-slide .location-row {
  display: none !important;
}
.open-adv-slide .wrp-car-btns.inner,
.open-adv-slide .wrp-car-btns.inner2 {
  display: flex !important;
}
.wrp-car-btns .wrp-btn {
  width: 33.33%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wrp-car-btns .wrp-btn > a {
  width: 59%;
  display: flex;
  aspect-ratio: 1/1;
  border: 2px solid #a0a0a0;
  border-radius: 0.8rem;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-sizing: content-box;
}
.wrp-car-btns .wrp-btn > a:hover {
  background: #00a5d9;
  border-color: #00a5d9;
}
.wrp-car-btns .wrp-btn > a:hover svg > path {
  fill: #fff;
  stroke: #fff;
}
.wrp-car-btns .wrp-btn.phone > a:hover svg > path {
  fill: none;
}
.wrp-car-btns .wrp-btn > a:hover path.hide-hover {
  display: none;
}
.wrp-car-btns .wrp-btn > a:hover path.spec-hover {
  fill: #fff;
  stroke: none !important;
}
.wrp-car-btns .wrp-btn.chat svg {
  width: 60%;
  height: auto;
}
.wrp-car-btns .wrp-btn > span {
  color: #a0a0a0;
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: 300;
  font-size: 0.8vw;
}
.car-card-details__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  /* width: 26%; 33.33%; */
  justify-content: end;
}
.car-card-details__item.km {
  width: 40%;
}
.car-card-details__icon {
  width: 1.875rem;
  /*height: 0.9375rem;*/
  position: relative;
}
.hand .car-card-details__icon {
  width: 30%;
}
.man .car-card-details__icon {
  width: 28%;
}
.car-card-details__icon svg {
  width: 100%;
}
/*.car-card-details__item:not(:last-child) {
  border-left: 0.0625rem solid #B9B9B9;
  padding-right: 1.5625rem;
}*/
.car-card-details__item.km {
  border-left: 0.0625rem solid #b9b9b9;
  border-right: 0.0625rem solid #b9b9b9;
}
.car-card-details__item:last-child .car-card-details__icon {
  height: 1.5rem;
}
.car-card-details__text {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  margin: 0;
  margin-top: 0.05rem;
}
/****/
.location-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5% 0 0;
  width: 100%;
}
.location-row svg {
  width: 4%;
  margin: 0 0 0 1%;
}
.location-row p {
  font-size: 0.7vw;
}
.general-pop .development-12-subtitle {
  color: #373737;
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid #c4c4c4;
  display: block;
  margin: 0 auto 10px;
  padding-bottom: 5px;
  font-weight: 300;
}
.open-adv-slide .development-12-subtitle {
  text-align: right;
  width: fit-content;
  padding-left: 5%;
}
.development-12-nams-section .development-12-subtitle {
  margin: 0.26vw 0.15vw;
  font-size: 0.9375vw;
}
/*.development-12-product-content .development-12-product-title {
    font-size: 25px;
  }*/
.development-12-product-content
  .development-12-product-price {
  font-size: 1.2vw !important;
}
.general-pop
  .development-12-product-content
  .development-12-product-price
  span {
  color: #00a5d9;
  font-size: 1.45vw !important;
  direction: ltr;
}
.open-adv-slide
  .development-12-product-content
  .development-12-product-price
  span {
  font-weight: bold;
}
.thumbnail-container > div {
  width: 22%;
}
.thumbnail-container .active img {
  border: 2px solid #00a5d9;
}
.thumbnail-container img {
  width: 100%;
  height: 6rem;
  border-radius: 10px;
}
.slider-controls {
  width: 49%;
  position: absolute;
  top: 0;
  left: 0;
  /*height: 80%;*/
}
.slider > img {
  border-radius: 4rem;
  height: 26rem !important;
  width: 100%;
}

.bx-next,
.bx-prev {
  display: none;
  color: transparent !important;
}
.next-thumb,
.prev-thumb {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  height: 60px;
  width: 6%;
  top: 11rem;
  cursor: pointer;
}
.next-thumb {
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20rem 0 0 20rem;
}
.development-12-container .next-thumb {
  right: 6%;
}
.prev-thumb {
  left: 0;
  border-radius: 0 20rem 20rem 0;
}
.next-thumb svg,
.prev-thumb svg {
  position: absolute;
  width: 35%;
  top: 1.1rem;
}
.next-thumb svg {
  right: 28%;
}
.prev-thumb svg {
  left: 28%;
}
.d-i-flex {
  display: inline-flex;
}
.car-prices-tab {
  width: 94%;
  display: inline-block;
  margin: 0 3%;
  border-radius: 50px;
  background: #f4f4f4;
  padding: 1rem 3%;
  position: relative;
}
.inner-white-frame {
  border-radius: 30px;
  background: #fff;
  width: 100%;
  display: inline-block;
  padding: 0.5rem 2%;
  margin: 1rem 0;
}
.i-icon {
  width: 2.8%;
  margin-right: 1%;
}
.seperator {
  color: #c4c4c4;
}
.mor_adv_info_car_2 {
  font-size: 18px;
  background: none;
  padding: 0;
  display: none;
}
.mor_adv_info_car_2 svg {
  width: 50% !important;
}
.plus_adv {
  margin: 0 !important;
  position: relative;
  cursor: pointer;
}
.icon_plus {
  font-size: 30px;
  line-height: normal;
  position: absolute;
  left: 0;
}
.info_car_plus {
  margin: 0;
  font-size: 15px;
}
.car-more-btn {
  background: #e9f7ff;
  width: 100%;
  text-align: right;
  color: #00a5d9;
  font-size: 1.1vw;
  padding: 0.1em 3% 0.1em 0;
  border-bottom: 1px solid #00a5d9;
  cursor: pointer;
}
.car-more-btn svg {
  width: 4%;
  margin-right: 2%;
}
.bx-wrapper {
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 10px !important;
}
.slider,
.thumbnail-container {
  margin-bottom: 10px;
}
.thumbnail-container img,
.slider img,
.bx-wrapper img {
  object-fit: cover;
}
.border-top-gray {
  border-top: 1px solid #e4e4e4;
}
.w-88 {
  width: 88% !important;
  margin: 0 auto;
}
.blue-frame {
  color: #00a5d9 !important;
  font-weight: 300 !important;
  padding: 0 2%;
  border-radius: 2.5rem;
  border: 1px solid #00a5d9;
  width: 18%;
  text-align: center;
  background: #fff;
  height: 46px;
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 400 !important;
}
.see_more_car {
  border-top: 1px solid #e4e4e4;
  padding: 1.5rem 5%;
  width: 100%;
}
.see_more_car .blue-frame {
  width: 30%;
  margin: 0 auto;
  border-width: 2px;
  font-size: 18px;
}
.see_more_car .blue-frame:hover {
  color: #fff !important;
  background: #00a5d9;
  font-weight: 400 !important;
}
.seller-phone-icon {
  width: 2%;
  margin: 0 4% 0 2%;
}
.treat-pop {
  background: #fff;
  border: 0.15vw solid #208cc7;
  border-radius: 80%;
  position: absolute;
  width: 20%;
  aspect-ratio: 1/1;
  padding: 4rem 2%;
  font-size: 0.85vw;
  bottom: 4.2rem;
  display: none;
  z-index: 999;
  height: fit-content;
}
.treat-pop img {
  position: absolute;
  bottom: -0.1em;
  right: 20.8%;
  width: 11%;
}
.treat-pop span {
  justify-content: center;
  align-items: center;
  height: 80%;
  text-align: center;
}
.virtual-pop {
  background: #fff;
  border: 0.15vw solid #208cc7;
  border-radius: 80%;
  position: absolute;
  width: 20%;
  aspect-ratio: 1/1;
  padding: 4rem 2%;
  font-size: 0.85vw;
  bottom: 13rem;
  left: 28%;
  display: none;
  z-index: 999;
}
.virtual-pop img {
  position: absolute;
  bottom: -0.1em;
  right: 20.8%;
  width: 11%;
}
.virtual-pop span {
  justify-content: center;
  align-items: center;
  height: 80%;
  text-align: center;
}
.agra-pop {
  background: #fff;
  border: 0.15vw solid #208cc7;
  border-radius: 80%;
  position: absolute;
  width: 26%;
  aspect-ratio: 1/1;
  padding: 4rem 2%;
  font-size: 0.85vw;
  bottom: 4rem;
  right: 13%;
  display: none;
  z-index: 999;
  height: fit-content;
}
.agra-pop img {
  position: absolute;
  bottom: -0.1em;
  right: 20.8%;
  width: 11%;
}
.agra-pop * {
  display: flex;
}
.agra-pop b {
  font-size: 1.1vw;
}
.agra-pop span b {
  font-size: 1.2vw;
  color: #208cc7;
  padding: 0 0 0 4%;
}
.slider-container * {
  direction: ltr !important;
}
.development-12-nams-title .development-12-title-thin {
  color: #00a5d9;
  font-family: Open Sans Hebrew;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
}
.development-12-nams-section
  .development-12-product-item-center {
  margin: 0 auto;
}
.development-12-nams-section
  .development-12-product-overlay {
  justify-content: flex-end;
}
.development-12-nams-section
  .development-12-product-content {
  padding: 0;
  overflow: hidden;
  border-radius: 2.5vw;
}
.open-adv-slide
  .development-12-product-content.tab-1-info-car {
  border-radius: 0 !important;
}
.development-12-nams-section
  .development-12-product-caption {
  padding: 1vw 3vw 0.3vw;
}
.plus-img {
  position: absolute;
  z-index: 9;
}
.new-chat-icon {
  background-color: #00a5d9;
  color: #fff;
  border-radius: 1.5rem;
  font-size: 1rem;
  /*padding-right: 3%;*/
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  width: 31%;
  position: absolute;
  left: 0;
  display: none;
  justify-content: end;
  height: 3rem;
  border: 2px solid #00a5d9;
}
.new-chat-icon:hover {
  background-color: #fff;
  color: #00a5d9;
}
.open-adv-slide .new-chat-icon {
  display: flex;
}
.new-chat-icon svg {
  height: 100%;
  margin-left: -0.55rem;
  width: auto;
}
.warning-txt {
  width: 100%;
  display: flex;
  font-size: 0.5vw;
  justify-content: center;
}
.adv-phone-top {
  position: absolute;
  left: 2.5%;
  width: 26%;
  display: none;
  top: 5.6rem;
  justify-content: space-evenly;
  align-items: end;
}
.open-adv-slide .adv-phone-top {
  display: flex;
}
.open-adv-slide .contact-details .adv-phone-top {
  position: static;
  justify-content: start;
  width: 18%;
}
.open-adv-slide .contact-details .adv-phone-top svg {
  margin-right: 5%;
}
.adv-phone-top span {
  text-decoration: underline;
  font-size: 1.1vw;
  color: #000;
  top: 4rem;
}
.adv-phone-top svg {
  width: 10%;
}
.vir-pop {
  position: fixed;
  width: 7%;
  height: auto;
}
.new-basket-pop {
  position: absolute;
  width: 31%;
  height: auto;
}
.general-pop .new-agra-pop {
  position: absolute;
  width: 20%;
  height: auto;
}
.general-pop .seller {
  width: 45%;
  right: 27.5%;
  margin: 0;
  border-radius: 3rem;
  border-width: 2px;
}
.black-mask3 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  border-radius: 2rem;
}
.pop-mask {
  position: fixed;
  display: none;
  height: 100vh;
  background-color: #5f5f5f99;
  z-index: 9999;
  top: 0;
  width: 100%;
  right: 0;
}
.phone-pop {
  position: fixed;
  width: 55%;
  left: 22.5%;
  bottom: -500%;
  background: #fff;
  border-radius: 2rem;
  padding: 6rem 8%;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #b9b9b9;
}
.phone-pop.narrow {
  width: 26%;
  left: 37%;
  padding: 5rem 3%;
}
.phone-pop.narrow2 {
  width: 32%;
  left: 34%;
  padding: 5rem 3%;
}
.phone-pop .x-close svg {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  width: 3.5%;
  height: auto;
  cursor: pointer;
}
.phone-pop > span {
  text-decoration: underline;
  font-size: 1.6vw;
}
.phone-pop > svg.virtual {
  width: 5.5%;
  margin: 0 3% 0 0;
}
.phone-pop .wrp-msg-input {
  width: 100%;
  height: 3rem;
  position: relative;
  border: 2px solid #000;
  border-radius: 1.5rem;
  padding: 0 5% 0 11%;
  overflow: hidden;
}
.phone-pop .wrp-msg-input svg {
  position: absolute;
  left: 1.5%;
  height: 108%;
  width: auto;
  top: -0.1rem;
  cursor: pointer;
}
.phone-pop .wrp-msg-input input[type="text"] {
  width: 100%;
  height: 100%;
  border: none !important;
  font-size: 1.2vw;
}
.general-pop .img_seller {
  width: 22%;
  margin: 1rem auto 4%;
}
.general-pop .content_seller span {
  font-size: 1vw;
  line-height: normal;
}
.general-pop .content_seller span.larger {
  font-size: 1.2vw;
}
.phone-pop .err-msg {
  position: absolute;
  bottom: 2rem;
  text-decoration: none;
}
#click-pop .err-msg,
.general-pop .err-msg {
  width: 100%;
  text-align: center;
  padding: 1rem 0 0 0;
  font-size: 0.8vw;
}
.general-pop .appointment {
  width: 100%;
}
.general-pop .Zebra_DatePicker {
  z-index: 99999;
}
.general-pop section.appointment p {
  font-size: 1.3vw;
  line-height: normal;
}

.general-pop section.appointment .blue-color {
  font-size: 1.6vw;
}

.general-pop .form_appointment1 {
  height: fit-content;
}
.general-pop .appointment .single-row.marker {
  margin: 0;
}
.general-pop #form_appointment1 button {
  width: 20%;
  height: 3.2rem;
  font-size: 1.3vw;
}
.general-pop .open-adv-slide .development-12-product-offer {
  width: 13%;
}
.blue-square {
  border-radius: 6px;
  border: 1.5px solid #00a5d9;
  width: 22px;
  height: 22px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 5px;
}
.fancybox-container {
  z-index: 99999 !important;
}
/*-------| banners |--------*/
.justify-center {
  justify-content: center;
}
.banner_970X250 {
  display: block;
  width: 970px;
  height: 250px;
}
.banner_250X300 {
  display: block;
  width: 250px;
  height: 300px;
}
.banner_300X250 {
  display: block;
  width: 300px;
  height: 250px;
}
.banner_300X600 {
  display: block;
  width: 300px;
  height: 600px;
}
.banner_160X600_float_right {
  position: absolute;
  width: 9%;
  max-width: 160px;
  height: 600px;
  top: 270px;
  right: 6%;
}
.banner_160X600_float_left {
  position: absolute;
  width: 9%;
  max-width: 160px;
  height: 600px;
  top: 270px;
  left: 6%;
}
#bot-icon {
  position: absolute;
  left: 0;
  bottom: 5vh;
  width: 18%;
  z-index: 999;
}
.wrp-no-license-form {
  padding: 2.5vw 2% 0 0 !important;
  flex-wrap: wrap;
  height: fit-content;
  position: relative;
}
.wrp-no-license-form .select2-selection__arrow {
  right: auto !important;
  left: 1px !important;
}
.wrp-no-license-form .select2-container {
  width: 100% !important;
  margin: 0 0 0.7rem 0;
}
.wrp-no-license-form
  .select2-container--default
  .select2-selection--single {
  border-color: #373737;
  border-radius: 1.5rem;
  height: 2.5rem;
}
.wrp-no-license-form
  .select2-container--default
  .select2-selection--single
  > span {
  line-height: 2.5rem;
}
.wrp-no-license-form .select2-selection__arrow b {
  background: url(../../../static/images/sell/arr-down.svg)
    no-repeat top center;
  border: 0 !important;
  width: 80% !important;
  height: 2rem !important;
  top: 0.6rem !important;
}
.wrp-no-license-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 0.3rem;
}
.wrp-no-license-form .car-details__form-bottom-text {
  margin: 0 !important;
  font-size: 0.75rem !important;
  line-height: normal !important;
}
#search-models-btn {
  border: 1px solid #00a5d9;
  background: #fff;
  color: #00a5d9;
  width: 100%;
  border-radius: 1rem;
  line-height: 2rem;
}
.car-dt-txt {
  position: absolute;
  font-size: 1vw;
}
.no-license-input {
  line-height: 2.5rem;
  padding: 0 20px 0 0;
  border: 1px solid #373737;
  border-radius: 1.5rem;
  width: 100%;
  margin: 0 0 0.7rem 0;
  font-size: 1rem !important;
}
.no-license-remarks {
  font-size: 0.83vw;
  padding: 1rem 2% 0 0;
  display: flex;
}
.no-license-remarks .blue {
  color: #00a5d9;
}
textarea.no-license-input {
  padding: 0.5rem 20px 0 0 !important;
  border-radius: 0.9rem;
  margin: 0;
}
.confirm-button {
  background: #00a5d9;
  border-radius: 1.5rem;
  width: 200px;
  font-size: 1.3rem;
  padding: 0.4rem 0;
}
.my-icon-size {
  width: 12%;
  aspect-ratio: 1/1;
  height: auto;
}
.reqired-field {
  font-size: 0.75vw;
  position: absolute;
  right: 4%;
  bottom: 0;
}
.reqired-field > span {
  color: #00a5d9;
}