@font-face {
  font-family: BarlowSemiBold;
  src: url("{{asset('/fonts/BarlowSemiCondensed-SemiBold.ttf')}}");
}
@font-face {
  font-family: BarlowBold;
  src: url("{{asset('/fonts/BarlowSemiCondensed-Bold.ttf')}}");
}
@font-face {
  font-family: Raleway;
  src: url("{{asset('/fonts/Raleway-Regular.otf')}}");
}
@font-face {
  font-family: RalewayBold;
  src: url("{{asset('/fonts/Raleway-Bold.otf')}}");
}
@font-face {
  font-family: RalewaySemiBold;
  src: url("{{asset('/fonts/Raleway-Semibold.otf')}}");
}
@font-face {
  font-family: FontAwesome;
  src: url("{{asset('https://use.fontawesome.com/releases/v4.7.0./css/all.css')}}");
}
* {
  padding: 0;
  margin: 0;
}

button {
  outline: none;
}

*:focus {
  outline: 0 !important;
}

body {
  background-color: #fbfbfb;
  border-radius: 1px;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "BarlowSemiBold";
  margin-bottom: 0 !important;
}

p,
span,
a {
  font-family: "Raleway";
  margin-bottom: 0 !important;
}

summary::-webkit-details-marker {
  display: none;
}

.main-heading {
  font: normal 500 48px "BarlowSemiBold";
  letter-spacing: 1.4px;
  line-height: 56px;
  text-transform: uppercase;
  color: #fff;
}

.second-heading {
  font: normal 500 32px "BarlowSemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
}

.third-heading {
  font: normal 500 26px "BarlowSemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-transform: uppercase;
  color: #070023;
}

.fourth-heading {
  font: normal 500 26px "Raleway";
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #fff;
}

.small-title {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
  margin-bottom: 0;
}

.main-button {
  font: normal 500 16px "BarlowBold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4619ff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 1px;
  border: none;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.main-button:hover {
  color: #fff;
  text-decoration: none;
  transform: scale(1.1);
}

.second-button {
  font: normal 500 16px "BarlowBold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background-color: #fff;
  color: #4619ff;
  padding: 10px 20px;
  border-radius: 1px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.second-button:hover {
  color: #4619ff;
  text-decoration: none;
  transform: scale(1.1);
}

.third-button {
  font: normal 500 16px "BarlowBold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background-color: #2d2a39;
  color: #fff;
  padding: 10px 20px;
  box-shadow: 0px 1px 16px 0px rgba(76, 21, 255, 0.06);
  border-radius: 1px;
}
.third-button:hover {
  color: #fff;
  text-decoration: none;
}

.test {
  background-color: #2d2d81;
}
.test .description {
  font: normal normal 16px "Raleway";
  color: #ffffff;
  letter-spacing: 0.5px;
  line-height: 24px;
}

.blue-text-shadow {
  color: #4619ff;
  box-shadow: -1px 5px 14px 1px #f4edff;
  border: 1px solid #f4f4f4;
}

.scalable-image {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.scalable-image:hover {
  color: #fff;
  text-decoration: none;
  transform: scale(1.1);
}

.line {
  background: #4619ff;
  border-radius: 0px;
  width: 52px;
  margin-bottom: 8px;
}

.small-line {
  background: #4619ff;
  border-radius: 0px;
  width: 24px;
  margin-bottom: 8px;
}

.owl-nav,
.owl-dots {
  display: none;
}

.form-control:focus {
  box-shadow: none !important;
}

.dropdown-toggle::after {
  font-family: "FontAwesome" !important;
  content: "\f107" !important;
  color: #070023;
  font-weight: bold;
  border: none !important;
  vertical-align: 0 !important;
  margin: 0 0 0 3px !important;
}

.nav-dobos.dropdown-toggle::after {
  margin-left: 7px !important;
  color: #4619ff;
}

input[type=checkbox] {
  accent-color: #4619ff;
}

input[type=radio] {
  accent-color: #4619ff;
}

input {
  color: #070023 !important;
}

/********************************************************* Header *********************************************************/
#site-header {
  position: sticky;
  background: #fff;
  top: 0;
  width: 100%;
  z-index: 98;
  transition: all 0.3s ease;
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
}

#site-header.hide {
  top: -120px;
}

#site-header-mobile {
  position: sticky;
  background: #fff;
  top: 0;
  width: 100%;
  z-index: 99;
  transition: all 0.3s ease;
  box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
}

#site-header-mobile.hide {
  top: -100px;
}

nav {
  background: #fff !important;
  z-index: 3;
  padding: 20px 0 !important;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
nav .container.main-navigation {
  display: contents !important;
  /* Left side navigation */
  /* Middle navigation */
  /* Right side navigation */
}
nav .container.main-navigation .logo {
  padding-left: 20px;
}
nav .container.main-navigation .nav-item {
  padding-left: 5px;
}
nav .container.main-navigation .nav-item a.nav-link {
  font: normal 500 14px "BarlowBold";
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #070023;
  position: relative;
  opacity: 1 !important;
}
nav .container.main-navigation .right-navigation {
  align-items: center;
  padding-right: 20px;
}
nav .container.main-navigation a.register {
  background-color: #4619ff;
  color: #fff !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  width: fit-content;
}
nav .container.main-navigation a.ads {
  background-color: #f7f7f7;
  color: #4619ff !important;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  width: fit-content;
}
nav .container.main-navigation .search {
  border: none !important;
}
nav .container.main-navigation .navbar-toggler {
  border: none;
  color: rgba(0, 0, 0, 0.5) !important;
  cursor: pointer;
  padding-right: 0;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.1em;
}

.register-checks {
  margin-bottom: 24px;
}

.register-checkbox {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023 !important;
  margin-bottom: -2px;
  margin-left: 6px;
}

.register-check-flex {
  display: flex;
  align-items: center;
}
.register-check-flex:nth-child(1) {
  margin-bottom: 15px;
}

.backdrop {
  background: #070023;
  opacity: 0.5;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  display: none;
}
@media only screen and (max-width: 1400px) {
  .backdrop {
    z-index: 98;
  }
}

/********************************************************* Footer *********************************************************/
.footer-fix {
  width: 100%;
}

.footer {
  background-color: #070023;
  color: #fff;
  padding: 40px 0 30px;
}
@media only screen and (max-width: 600px) {
  .footer {
    padding-bottom: 0;
  }
}
.footer p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  width: auto;
  margin: 20px 0;
}
@media only screen and (min-width: 450px) {
  .footer p {
    width: 385px;
  }
}
.footer .footer-line {
  width: 87%;
  border-top: 1px solid #2d2a39;
  margin: auto;
  display: none;
  margin-bottom: 25px;
}
@media only screen and (max-width: 600px) {
  .footer .footer-line {
    display: block;
    width: 94%;
  }
}
.footer .footer_buttons {
  margin-top: 35px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
  .footer .footer_buttons {
    margin-top: 20px;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 600px) {
  .footer .footer_buttons {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.footer .footer_buttons .footer-register-btn {
  margin-right: 20px;
  display: inline-block;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 180px;
}
.footer .footer_buttons .footer-register-btn:hover {
  transform: scale(1.1);
}
@media only screen and (min-width: 450px) {
  .footer .footer_buttons .footer-register-btn {
    width: 180px;
  }
}
@media only screen and (min-width: 769px) {
  .footer .footer_buttons .footer-register-btn {
    width: fit-content;
  }
}
.footer .footer_buttons .footer-ads-btn {
  margin-right: 20px;
  display: inline-block;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 180px;
  margin-top: 10px;
}
@media only screen and (max-width: 600px) {
  .footer .footer_buttons .footer-ads-btn {
    margin-bottom: 10px !important;
    width: 190px;
  }
}
.footer .footer_buttons .footer-ads-btn:hover {
  transform: scale(1.1);
}
@media only screen and (min-width: 450px) {
  .footer .footer_buttons .footer-ads-btn {
    margin-top: 10px;
    width: 180px;
  }
}
@media only screen and (min-width: 769px) {
  .footer .footer_buttons .footer-ads-btn {
    margin-top: 0;
    width: fit-content;
  }
}
@media only screen and (min-width: 992px) {
  .footer .footer_buttons .footer-ads-btn {
    margin-top: 0;
  }
}
.footer .footer-content ul {
  list-style-type: none;
}
.footer .footer-content ul li {
  margin-bottom: 20px;
}
.footer .footer-content ul li a {
  font: normal 500 16px "BarlowSemiBold";
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
}
.footer .footer-content ul li a:hover {
  text-decoration: underline;
}
.footer .footer-menu ul {
  list-style-type: none;
}
.footer .footer-menu ul li {
  margin-bottom: 20px;
  cursor: pointer;
}
.footer .footer-menu ul li a {
  font: normal 500 16px "BarlowSemiBold";
  text-transform: uppercase;
  color: #fff;
}
.footer .footer-menu ul li a:hover {
  text-decoration: underline;
}
.footer .footer-menu .accordion:after {
  font-family: "FontAwesome";
  content: "\f107";
  color: #fff;
  font-weight: bold;
  margin-left: 10px;
}
.footer .footer-menu .active {
  height: auto;
  width: auto;
  position: relative;
}
.footer .footer-menu .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-top: 10px;
}
.footer .footer-menu .panel .active:after {
  display: none;
}
.footer .footer-menu .panel hr.vertical {
  border: 0;
  margin: 0;
  border-left: 1px solid #2d2a39;
  height: 160px;
  float: left;
}
.footer .footer-menu .panel hr.vertical-usluge {
  border: 0;
  margin: 0;
  border-left: 1px solid #2d2a39;
  height: 160px;
  float: left;
}
.footer .footer-menu .panel hr.panel-about {
  border: 0;
  margin: 0;
  border-left: 1px solid #2d2a39;
  height: 115px;
  float: left;
}
.footer .footer-menu .panel hr.panel-dobob-my {
  border: 0;
  margin: 0;
  border-left: 1px solid #2d2a39;
  height: 220px;
  float: left;
}
.footer .footer-menu .panel li {
  margin-bottom: 0 !important;
  padding-left: 10px;
  padding-bottom: 20px !important;
}
.footer .footer-menu .panel li a {
  font: normal 500 16px "RalewaySemiBold" !important;
  text-transform: inherit;
}
.footer .footer-menu .panel li:hover {
  text-decoration: underline;
  cursor: pointer;
}

details[open] summary ~ * {
  animation: sweep 0.5s ease-in-out;
}

@keyframes sweep {
  0% {
    opacity: 0;
    margin-top: 0px;
  }
  100% {
    opacity: 1;
    margin-left: 0px;
  }
}
/********************************************************* Auth ***********************************************************/
.auth {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
@media only screen and (min-width: 1101px) {
  .auth {
    flex-direction: row;
  }
}
.auth .auth-image {
  display: none;
}
@media only screen and (min-width: 1101px) {
  .auth .auth-image {
    display: block;
    width: 55%;
  }
}
@media only screen and (min-width: 1800px) {
  .auth .auth-image {
    width: 65%;
  }
}
.auth .auth-image img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.auth .auth-info {
  width: 100%;
  padding: 20px 40px;
  margin: auto;
  overflow-y: scroll;
  height: 100vh;
  position: relative;
}
.auth .auth-info .logo {
  margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
  .auth .auth-info .register-logo {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 400px) {
  .auth .auth-info {
    padding: 40px 70px;
  }
}
@media only screen and (min-width: 1101px) {
  .auth .auth-info {
    width: 45%;
  }
}
@media only screen and (min-width: 300px) {
  .auth .auth-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
.auth .auth-info .auth_switch {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.auth .auth-info .auth_switch a {
  font: normal 500 26px "BarlowBold";
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #070023;
  margin-right: 20px;
}
@media only screen and (max-width: 600px) {
  .auth .auth-info .auth_switch a {
    font-size: 16px;
  }
}
.auth .auth-info .auth_switch a:nth-child(2) {
  text-decoration: none;
  color: #9b99a6;
}
.auth .auth-info .auth_switch a:nth-child(2):hover {
  text-decoration: underline;
  color: #070023;
}
.auth .auth-info .auth_switch-login {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.auth .auth-info .auth_switch-login a {
  font: normal 500 26px "BarlowBold";
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #070023;
  margin-right: 20px;
}
@media only screen and (max-width: 600px) {
  .auth .auth-info .auth_switch-login a {
    font-size: 16px;
  }
}
.auth .auth-info .auth_switch-login a:nth-child(1) {
  text-decoration: none;
  color: #9b99a6;
}
.auth .auth-info .auth_switch-login a:nth-child(1):hover {
  text-decoration: underline;
  color: #070023;
}
.auth .auth-info .nav-pills .nav-item .nav-link {
  font: normal 500 20px "BarlowSemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-transform: uppercase;
  color: #9b99a6;
  margin: 40px 10px 0 0;
  padding: 0;
}
.auth .auth-info .nav-pills .nav-item .nav-link:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1400px) {
  .auth .auth-info .nav-pills .nav-item .nav-link {
    font: normal 500 26px "BarlowSemiBold";
  }
}
.auth .auth-info .nav-pills .nav-item .active {
  font: normal 500 20px "BarlowSemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #070023;
  background: transparent !important;
}
@media only screen and (min-width: 1400px) {
  .auth .auth-info .nav-pills .nav-item .active {
    font: normal 500 26px "BarlowSemiBold";
  }
}
.auth .auth-info .nav-pills .nav-item .second {
  margin-left: 20px;
}
.auth .auth-info .tab-content {
  margin-top: 20px;
  width: 100%;
}
.auth .auth-info .tab-content #regis .register-facebook {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #4619ff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 140px;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
.auth .auth-info .tab-content #regis .register-facebook:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.auth .auth-info .tab-content #regis .register-facebook img {
  margin-right: 6px;
}
.auth .auth-info .tab-content #regis .form-group {
  margin-bottom: 2rem;
}
.auth .auth-info .tab-content #regis .apply-registration-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-google-btn {
  width: 100%;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 8px 40px;
  text-align: center;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-google-btn:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-google-btn a {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd615c;
  display: flex;
  justify-content: center;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-google-btn a img {
  margin-right: 6px;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-apple-bnt {
  width: 47%;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 8px 40px;
  text-align: center;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-apple-bnt:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-apple-bnt a {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  justify-content: center;
  color: #070023;
}
.auth .auth-info .tab-content #regis .apply-registration-btn .apply-apple-bnt a img {
  margin-right: 6px;
}
.auth .auth-info .tab-content #regis .or {
  margin: 40px 0;
}
.auth .auth-info .tab-content #regis .or h5 {
  font: normal 500 12px "BarlowSemiBold";
  text-align: center;
  text-transform: uppercase;
  line-height: 0.1em;
  color: #979797;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.auth .auth-info .tab-content #regis .or span {
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
}
.auth .auth-info .tab-content #regis .form-control {
  font: normal normal 16px "Raleway";
  border: none;
  border-bottom: 1px solid #9b99a6;
  border-radius: 0;
  padding: 0;
}
.auth .auth-info .tab-content #regis .registration-checkbox {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
}
.auth .auth-info .tab-content #regis .registration-button {
  background-color: #e8e8e8;
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  width: 100%;
  height: 40px;
  border: none;
}
.auth .auth-info .tab-content #regis .registration-button-active {
  background-color: #4619ff;
}
.auth .auth-info .tab-content #regis .agree-button {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
  color: #9b99a6;
  margin-top: 10px;
}
.auth .auth-info .tab-content #regis .agree-button .agree-policy,
.auth .auth-info .tab-content #regis .agree-button .agree-terms {
  font-family: "RalewaySemiBold";
  font-weight: 500;
  text-decoration: underline;
  color: #000;
}
.auth .auth-info .tab-content #regis .agree-button .agree-policy:hover,
.auth .auth-info .tab-content #regis .agree-button .agree-terms:hover {
  color: #4619ff;
}
.auth .auth-info .tab-content #login .register-facebook {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #4619ff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 140px;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
.auth .auth-info .tab-content #login .register-facebook:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.auth .auth-info .tab-content #login .register-facebook img {
  margin-right: 6px;
}
.auth .auth-info .tab-content #login .apply-registration-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-google-btn {
  width: 100%;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 8px 40px;
  text-align: center;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-google-btn:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-google-btn a {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #fd615c;
  display: flex;
  justify-content: center;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-google-btn a img {
  margin-right: 6px;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-apple-bnt {
  width: 47%;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 8px 40px;
  text-align: center;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-apple-bnt:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-apple-bnt a {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #070023;
  display: flex;
  justify-content: center;
}
.auth .auth-info .tab-content #login .apply-registration-btn .apply-apple-bnt a img {
  margin-right: 6px;
}
.auth .auth-info .tab-content #login .or {
  margin: 40px 0;
}
.auth .auth-info .tab-content #login .or h5 {
  font: normal 500 12px "BarlowSemiBold";
  text-align: center;
  text-transform: uppercase;
  line-height: 0.1em;
  color: #979797;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.auth .auth-info .tab-content #login .or span {
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
}
.auth .auth-info .tab-content #login .form-control {
  font: normal normal 16px "Raleway";
  border: none;
  border-bottom: 1px solid #9b99a6;
  border-radius: 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .auth .auth-info .tab-content #login .forgot-links-register {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .auth .auth-info .tab-content #login .forgot-links-register .forgot-password-link {
    margin-top: 0px;
  }
}
.auth .auth-info .tab-content #login .forgot-password-link {
  font: normal 500 12px "BarlowSemiBold";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: right;
  text-decoration: underline;
  text-transform: uppercase;
  color: #9b99a6;
  float: right;
  margin-top: -15px;
}
.auth .auth-info .tab-content #login .forgot-password-link:hover {
  color: #4619ff;
}
.auth .auth-info .tab-content #login .registration-checkbox {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
}
.auth .auth-info .tab-content #login .login-button {
  background-color: #bebdbd;
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  width: 100%;
  height: 40px;
  border: none;
  margin-top: 20px;
}
.auth .auth-info .tab-content #login .login-button-active {
  background-color: #4619ff;
}
.auth .auth-info .tab-content #login .agree-button {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
  color: #9b99a6;
  margin-top: 10px;
}
.auth .auth-info .tab-content #login .agree-button .agree-policy,
.auth .auth-info .tab-content #login .agree-button .agree-terms {
  font-family: "RalewaySemiBold";
  font-weight: 500;
  text-decoration: underline;
  color: #000;
}
.auth .auth-info .tab-content #login .agree-button .agree-policy:hover,
.auth .auth-info .tab-content #login .agree-button .agree-terms:hover {
  color: #4619ff;
}

.validation-check {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 30px;
  margin: auto;
  display: flex;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 20px;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .validation-check {
    bottom: 0;
  }
}
.validation-check h3 {
  font: normal normal 16px "Raleway";
  border: none;
  color: #495057;
  border-radius: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .validation-check h3 {
    font-size: 12px;
  }
}
.validation-check a {
  font: normal 500 12px "BarlowSemiBold";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: right;
  text-decoration: underline;
  text-transform: uppercase;
  color: #9b99a6;
  margin-top: 5px;
}
@media only screen and (max-width: 600px) {
  .validation-check a {
    font-size: 10px;
    margin-top: 0;
  }
}
.validation-check a:hover {
  color: #4619ff;
}

.login-back {
  background-color: #4619ff;
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  width: 100%;
  height: 40px;
  border: none;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-back .login-back-btn {
  color: #fff;
}
.login-back .login-back-btn:hover {
  text-decoration: none;
}

.error-container {
  position: relative;
  margin: 8rem auto;
  width: 51%;
  text-align: center;
}
@media only screen and (max-width: 1100px) {
  .error-container {
    width: 100%;
  }
}
.error-container .error-image {
  margin-bottom: 30px;
}
.error-container .error-title {
  color: #070023;
  font-family: "BarlowSemiBold";
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 1.4px;
  line-height: 56px;
  text-transform: uppercase;
  width: 70%;
  margin: 0 auto;
}
.error-container .error-description {
  color: black;
  font-size: 26px;
  font-family: "Raleway";
  font-weight: normal;
  letter-spacing: 0.7px;
  line-height: 34px;
  text-align: center;
  width: 60%;
  margin: 10px auto 0 auto;
}
.error-container .error-page-link {
  font: normal 500 16px "BarlowBold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4619ff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 1px;
  height: auto;
  width: 40%;
  border: none;
  text-decoration: none;
}
.error-container .error-page-link:hover {
  text-decoration: none;
}

.modal-backdrop {
  background-color: #070023 !important;
}

.modal-backdrop.show {
  opacity: 0.7 !important;
}

.contact .form-group {
  margin-top: 20px 0;
}
.contact .form-control {
  font: normal normal 16px "Trebuchet MS";
  letter-spacing: 0.5px;
  line-height: 24px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #9b99a6;
  box-shadow: none;
  padding-left: 0;
}
.contact .form-control:focus {
  box-shadow: none !important;
  background: transparent !important;
  padding-left: 0;
}
.contact .form-control:target {
  border-bottom: 1px solid red;
}

.group {
  position: relative;
  margin-bottom: 45px;
}

input:focus {
  outline: none;
}
input:focus ~ label {
  top: -17px;
  font-size: 14px;
  color: #9b99a6;
}
input:focus ~ .bar:before {
  width: 50%;
}
input:focus ~ .bar:after {
  width: 50%;
}
input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
input:valid ~ label {
  font-size: 14px;
  top: -17px;
  color: #9b99a6;
}

label {
  color: #999;
  position: absolute;
  pointer-events: none;
  top: 0;
  transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
}

.bar {
  position: relative;
  display: block;
  width: 100%;
}
.bar:before {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #070023;
  transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  left: 50%;
}
.bar:after {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #070023;
  transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  right: 50%;
}

.highlight {
  position: absolute;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

.email-info-register {
  position: relative;
}
.email-info-register img {
  position: absolute;
  right: 0;
  top: 10px;
}

.error-message {
  font: normal normal 12px "Raleway";
  font-weight: normal;
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #fd615c;
  margin-top: -10px;
}

.error-message-register {
  font: normal normal 12px "Raleway";
  font-weight: normal;
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #fd615c;
  margin-top: -10px;
  margin-bottom: 20px;
}

/**************************************************** Forgot Password *****************************************************/
.forgot_password {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100vh;
}
.forgot_password .forgot-password-img {
  width: 55%;
}
@media only screen and (max-width: 768px) {
  .forgot_password .forgot-password-img {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .forgot_password .forgot-password-img {
    display: none;
  }
}
.forgot_password .forgot-password-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.forgot_password .forgot-password-info {
  padding: 130px 120px;
  width: 45%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .forgot_password .forgot-password-info {
    padding: 130px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .forgot_password .forgot-password-info {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .forgot_password .forgot-password-info {
    padding: 130px 20px;
  }
}
.forgot_password .forgot-password-info img {
  margin-bottom: 3rem;
}
.forgot_password .forgot-password-info h3 {
  font: normal 500 32px "BarlowSemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  margin: 50px 0 4px;
}
.forgot_password .forgot-password-info p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  margin: 20px 0 4px;
}
.forgot_password .forgot-password-info p strong {
  font-family: "BarlowBold";
}
.forgot_password .forgot-password-info span {
  font-family: "RalewaySemiBold";
}
.forgot_password .forgot-password-info .forgot-password-heading {
  text-transform: uppercase;
}
.forgot_password .forgot-password-info .form-group {
  margin-top: 40px;
}
.forgot_password .forgot-password-info .form-group input {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #495057;
  border: none;
  border-bottom: 1px solid #9b99a6;
  border-radius: 1px !important;
  padding-left: 0;
}
.forgot_password .forgot-password-info .forgot-password-btn {
  font: normal 500 20px "BarlowSemiBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: #bebdbd;
  border: none;
  width: 100%;
  height: 40px;
  margin-top: 20px;
}
.forgot_password .forgot-password-info .forgot-password-btn-active {
  background-color: #4619ff;
}
.forgot_password .forgot-password-info .reset-password-btn {
  font: normal 500 20px "BarlowSemiBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: #bebdbd;
  border: none;
  width: 100%;
  height: 40px;
  margin-top: 20px;
}
.forgot_password .forgot-password-info .reset-password-btn-active {
  background-color: #4619ff;
}
.forgot_password .forgot-password-info .success-password-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4619ff;
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  width: 100%;
  height: 40px;
  border: none;
  margin-top: 20px;
}
.forgot_password .forgot-password-info .or {
  margin-top: 20rem;
}
.forgot_password .forgot-password-info .or h5 {
  font: normal 500 12px "BarlowSemiBold";
  text-align: center;
  text-transform: uppercase;
  line-height: 0.1em;
  color: #979797;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.forgot_password .forgot-password-info .or h5 span {
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
}

/**************************************************** Recovery Password **************************************************/
.recovery_password {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.recovery_password .recovery-password-img {
  width: 55%;
}
@media only screen and (max-width: 992px) {
  .recovery_password .recovery-password-img {
    display: none;
  }
}
.recovery_password .recovery-password-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recovery_password .rectest {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 130px 120px;
  width: 45%;
}
@media only screen and (max-width: 1300px) {
  .recovery_password .rectest {
    padding: 130px 80px;
  }
}
@media only screen and (max-width: 992px) {
  .recovery_password .rectest {
    width: 100%;
  }
}
.recovery_password .rectest .or {
  margin-bottom: 16px;
}
.recovery_password .rectest .or h5 {
  font: normal 500 12px "BarlowSemiBold";
  text-align: center;
  text-transform: uppercase;
  line-height: 0.1em;
  color: #979797;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.recovery_password .rectest .or h5 span {
  font-size: 12px;
  background: #fff;
  padding: 0 10px;
}
.recovery_password .rectest .fdas {
  text-align: center;
  padding: 10px;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(76, 21, 255, 0.06);
}
.recovery_password .rectest .fdas a {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #4619ff;
}
.recovery_password .rectest .fdas a:hover {
  text-decoration: none;
}
.recovery_password .rectest .modal {
  top: 20%;
}
.recovery_password .rectest .modal .modal-body {
  padding: 40px;
}
.recovery_password .rectest .modal .modal-body h3 {
  font: normal 500 48px "BarlowBold";
  letter-spacing: 1.4px;
  line-height: 56px;
  text-align: center;
  text-transform: uppercase;
  color: #070023;
}
.recovery_password .rectest .modal .modal-body p {
  font: normal normal 26px "Raleway";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-align: center;
  color: #000;
  padding-right: 0;
}
.recovery_password .rectest h3 {
  font: normal 500 32px "BarlowSemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  margin: 50px 0 4px;
  width: 385px;
}
@media only screen and (max-width: 1600px) {
  .recovery_password .rectest h3 {
    width: auto;
  }
}
.recovery_password .rectest p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  width: 385px;
}
@media only screen and (max-width: 1600px) {
  .recovery_password .rectest p {
    width: auto;
  }
}
.recovery_password .rectest p span {
  font: normal normal 16px "RalewayBold";
}

/******************************************************** Copyright *******************************************************/
.copyright {
  background-color: #070023;
  display: none;
}
@media only screen and (min-width: 600px) {
  .copyright {
    display: block;
  }
}
.copyright hr {
  width: 87%;
  border-top: 1px solid #2d2a39;
  margin: auto;
}
@media only screen and (min-width: 600px) {
  .copyright hr {
    display: none;
  }
}
.copyright .copyright_info {
  display: flex;
  flex-direction: row;
  width: 87%;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #2d2a39;
}
@media only screen and (max-width: 600px) {
  .copyright .copyright_info {
    display: none;
  }
}
.copyright .copyright_info .all_rights {
  width: 40%;
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
}
.copyright .copyright_info .all_rights a {
  font: normal 500 12px "RalewaySemiBold";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-decoration: underline;
  color: #9b99a6;
}
.copyright .copyright_info .all_rights a:hover {
  color: #fff;
  font-weight: 900;
}
@media only screen and (min-width: 769px) {
  .copyright .copyright_info .all_rights {
    width: 30%;
  }
}
.copyright .copyright_info .footer_socials {
  width: 30%;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .copyright .copyright_info .footer_socials {
    width: 40%;
  }
}
.copyright .copyright_info .footer_socials .footer-facebook {
  background: #fff;
  color: #4619ff;
  padding: 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 14px;
  margin-right: 4px;
}
.copyright .copyright_info .footer_socials .footer-facebook:hover {
  background-color: #4619ff;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .copyright .copyright_info .footer_socials .footer-facebook {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px;
    margin-right: 16px;
  }
}
.copyright .copyright_info .footer_socials .footer-linkedin {
  background: #fff;
  color: #4619ff;
  padding: 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 14px;
  margin-right: 4px;
}
.copyright .copyright_info .footer_socials .footer-linkedin:hover {
  background-color: #4619ff;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .copyright .copyright_info .footer_socials .footer-linkedin {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px;
    margin-right: 16px;
  }
}
.copyright .copyright_info .footer_socials .footer-twitter {
  background: #fff;
  color: #4619ff;
  padding: 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 14px;
  margin-right: 4px;
}
.copyright .copyright_info .footer_socials .footer-twitter:hover {
  background-color: #4619ff;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .copyright .copyright_info .footer_socials .footer-twitter {
    width: 40px;
    height: 40px;
    font-size: 20px;
    padding: 10px;
    margin-right: 16px;
  }
}
.copyright .copyright_info .terms_of_use {
  width: 40%;
  text-align: right;
}
@media only screen and (min-width: 769px) {
  .copyright .copyright_info .terms_of_use {
    width: 30%;
  }
}
.copyright .copyright_info .terms_of_use a {
  font: normal 500 12px "RalewaySemiBold";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-decoration: underline;
  color: #9b99a6;
}
.copyright .copyright_info .terms_of_use a:nth-child(1) {
  margin-right: 20px;
}
.copyright .copyright_info .terms_of_use a:hover {
  color: #fff;
  font-weight: 900;
}

.copyright-mobile {
  background-color: #070023;
  display: block;
}
@media only screen and (min-width: 600px) {
  .copyright-mobile {
    display: none;
  }
}
.copyright-mobile hr {
  width: 94%;
  border-top: 1px solid #2d2a39;
  margin: auto;
}
.copyright-mobile .copyright-mobile-law-terms {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.copyright-mobile .copyright-mobile-law-terms .all_rights {
  font: normal normal 12px "RalewaySemiBold";
  letter-spacing: 0.3px;
  line-height: 25px;
  color: #9b99a6;
  width: 50%;
}
.copyright-mobile .copyright-mobile-law-terms .all_rights a {
  font: normal 500 12px "RalewaySemiBold";
  text-decoration: underline;
  color: #9b99a6;
}
.copyright-mobile .copyright-mobile-law-terms .terms_of_use p a {
  font: normal 500 12px "RalewaySemiBold";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-decoration: underline;
  color: #9b99a6;
}
.copyright-mobile .footer_socials {
  padding-top: 20px;
  padding-bottom: 20px;
}
.copyright-mobile .footer_socials .footer-facebook {
  background: #fff;
  color: #4619ff;
  padding: 10px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 20px;
  margin-right: 16px;
  text-align: center;
}
.copyright-mobile .footer_socials .footer-facebook:hover {
  background-color: #4619ff;
  color: #fff;
}
.copyright-mobile .footer_socials .footer-linkedin {
  background: #fff;
  color: #4619ff;
  padding: 10px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 20px;
  margin-right: 16px;
  text-align: center;
}
.copyright-mobile .footer_socials .footer-linkedin:hover {
  background-color: #4619ff;
  color: #fff;
}
.copyright-mobile .footer_socials .footer-twitter {
  background: #fff;
  color: #4619ff;
  padding: 10px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 20px;
  text-align: center;
}
.copyright-mobile .footer_socials .footer-twitter:hover {
  background-color: #4619ff;
  color: #fff;
}

/******************************************************** My Acc **********************************************************/
/******************************************************** Home ************************************************************/
.news {
  background-color: #4619ff;
  color: #fff;
}
.news .news-ticker-image {
  width: 14px !important;
  margin-left: 10px;
}
.news .item {
  text-align: center;
  padding: 15px 0;
}
.news .item a {
  font: normal 100 12px "RalewaySemiBold";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news .item a:hover {
  text-decoration: none;
}

.home_banner {
  position: relative;
  background-color: #070023;
  color: #fff;
  z-index: -1;
  margin-bottom: 80px;
}
@media only screen and (min-width: 600px) {
  .home_banner {
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .home_banner {
    z-index: 0;
    margin-bottom: 90px;
  }
}
.home_banner .home-apply-bnt {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
}
.home_banner .home-apply-bnt:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 1200px) {
  .home_banner .home-text {
    z-index: 999;
  }
}
.home_banner .home-text h2 {
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  .home_banner .home-text h2 {
    padding-right: 40%;
  }
}
@media only screen and (min-width: 1200px) {
  .home_banner .home-text h2 {
    padding-right: 55%;
  }
}
.home_banner .home-text p {
  padding-right: 0;
}
@media only screen and (min-width: 992px) {
  .home_banner .home-text p {
    padding-right: 40%;
  }
}
@media only screen and (min-width: 1200px) {
  .home_banner .home-text p {
    padding-right: 55%;
  }
}
.home_banner .home-banner-image {
  position: absolute;
  top: 25%;
  right: 0;
  width: 320px;
  height: 400px;
  object-fit: cover;
  z-index: -1;
}
@media only screen and (min-width: 600px) {
  .home_banner .home-banner-image {
    top: 0;
  }
}
@media only screen and (min-width: 769px) {
  .home_banner .home-banner-image {
    width: auto;
    top: 0;
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .home_banner .home-banner-image {
    height: 450px;
  }
}
@media only screen and (min-width: 1800px) {
  .home_banner .home-banner-image {
    width: 700px;
  }
}
.home_banner .home-banner-image img {
  width: 100%;
}
.home_banner .patterns {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .home_banner .patterns {
    display: block;
    position: absolute;
    top: 65%;
    right: 40%;
    animation-name: patterns;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  @keyframes patterns {
    from {
      transform: translate(0, 0px);
    }
    65% {
      transform: translate(0, 15px);
    }
    to {
      transform: translate(0, 0px);
    }
  }
}
.home_banner .patterns img {
  width: 100%;
}

.dobos_ads {
  margin-bottom: -5px;
}
@media only screen and (max-width: 600px) {
  .dobos_ads h2 {
    margin-bottom: -15px !important;
  }
}
@media only screen and (max-width: 768px) {
  .dobos_ads {
    margin-bottom: 20px;
  }
}
.dobos_ads .dobos_ad .ads-categories {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  .dobos_ads .dobos_ad .ads-categories {
    align-items: baseline;
  }
}
@media only screen and (min-width: 993px) {
  .dobos_ads .dobos_ad .ads-categories {
    flex-direction: row;
  }
}
.dobos_ads .dobos_ad .ads-categories .all-categories {
  display: none;
}
@media only screen and (min-width: 768px) {
  .dobos_ads .dobos_ad .ads-categories .all-categories {
    display: flex;
    flex-direction: row;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1440px) {
  .dobos_ads .dobos_ad .ads-categories .all-categories {
    display: flex;
    flex-direction: row;
    width: 80%;
  }
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card {
  background-color: #070023;
  padding: 5px 12px;
  margin-right: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  width: max-content;
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card a {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: end;
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card a:hover {
  text-decoration: none;
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card a .categori-img img {
  height: 22px;
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card a .categori-name {
  margin-left: 6px;
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card a .categori-name .categori-line {
  background: #1ad8a1;
  border-radius: 0px;
  width: 24px;
  margin: 0;
}
.dobos_ads .dobos_ad .ads-categories .all-categories .categori-card a .categori-name h3 {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  color: #fff;
  padding-top: 6px;
}
.dobos_ads .dobos_ad .ads-categories .owl-ads {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 50px;
}
@media only screen and (min-width: 768px) {
  .dobos_ads .dobos_ad .ads-categories .owl-ads {
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  .dobos_ads .dobos_ad .ads-categories .owl-ads {
    width: 80%;
    margin: 0 !important;
  }
}
@media only screen and (min-width: 1440px) {
  .dobos_ads .dobos_ad .ads-categories .owl-ads {
    display: none;
  }
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item {
  background-color: #070023;
  padding: 5px 12px;
  margin-right: 20px;
  height: 40px;
  width: fit-content;
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item a {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: end;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .ads-categories .owl-ads .item a {
    align-items: center;
  }
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item a:hover {
  text-decoration: none;
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item a .categori-img img {
  height: 30px;
  width: auto;
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item a .categori-name {
  margin-left: 6px;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .ads-categories .owl-ads .item a .categori-name {
    margin-top: 4px;
  }
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item a .categori-name .categori-line {
  background: #1ad8a1;
  border-radius: 0px;
  width: 24px;
  margin: 0;
}
.dobos_ads .dobos_ad .ads-categories .owl-ads .item a .categori-name h3 {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  color: #fff;
  padding-top: 6px;
}
.dobos_ads .dobos_ad .ads-categories .see-all-ads {
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .ads-categories .see-all-ads {
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  .dobos_ads .dobos_ad .ads-categories .see-all-ads {
    width: 20%;
    text-align: right;
  }
}
.dobos_ads .dobos_ad .grid-content {
  display: grid;
  grid-template: 2fr 2fr/1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  grid-template-areas: "first first second five" "first first third fourth";
  overflow: hidden;
  margin-top: -5px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
  .dobos_ads .dobos_ad .grid-content {
    grid-template: 1fr 1fr/1fr 1fr;
    grid-template-areas: "first first" "second second" "third third" "fourth fourth" "five five";
    margin-top: 0;
  }
}
.dobos_ads .dobos_ad .grid-content .main-img {
  grid-area: first;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #070023), url(../images/home/grid2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  height: auto;
  width: 100%;
  position: relative;
    overflow: hidden;
}
.dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info {
    left: 10px;
    bottom: 10px;
  }
}
.dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info .date {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info .date {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info .price span {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info .price span {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .main-img .dobos-ads-info h3 {
  font: normal 500 26px "RalewaySemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #fff;
}
.dobos_ads .dobos_ad .grid-content .second-img {
  grid-area: second;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #070023), url(../images/home/grid2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  height: 256px;
  width: auto;
  position: relative;
    overflow: hidden;
}
.dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info {
    left: 10px;
    bottom: 10px;
  }
}
.dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info .date {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info .date {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info .price span {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info .price span {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info h3 {
  font: normal 500 24px "Raleway";
  letter-spacing: 0.7px;
  line-height: 30px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .second-img .dobos-ads-info h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
.dobos_ads .dobos_ad .grid-content .five-img {
  grid-area: five;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #070023), url(../images/home/grid2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  height: 256px;
  width: auto;
  position: relative;
    overflow:hidden;
}
.dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info {
    left: 10px;
    bottom: 10px;
  }
}
.dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info .date {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info .date {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info .price span {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info .price span {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info h3 {
  font: normal 500 24px "Raleway";
  letter-spacing: 0.7px;
  line-height: 30px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .five-img .dobos-ads-info h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
.dobos_ads .dobos_ad .grid-content .third-image {
  grid-area: third;
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #070023), url(../images/home/grid3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  height: 256px;
  width: auto;
  position: relative;
}
.dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info {
    left: 10px;
    bottom: 10px;
  }
}
.dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info .date {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info .date {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info .price span {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info .price span {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info h3 {
  font: normal 500 24px "Raleway";
  letter-spacing: 0.7px;
  line-height: 30px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .third-image .dobos-ads-info h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
.dobos_ads .dobos_ad .grid-content .main-img .marker
,.dobos_ads .dobos_ad .grid-content .second-img .marker
,.dobos_ads .dobos_ad .grid-content .five-img .marker
,.dobos_ads .dobos_ad .grid-content .third-image .marker
{
  position: absolute;
  right: -25px;
  top: 20px;
  background-color: #fd615c;
  transform: rotate(45deg);
    width:116px;
}
.dobos_ads .dobos_ad .grid-content .main-img .marker h5
,.dobos_ads .dobos_ad .grid-content .second-img .marker h5
,.dobos_ads .dobos_ad .grid-content .five-img .marker h5
,.dobos_ads .dobos_ad .grid-content .third-image .marker h5
{
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  padding: 2px 30px;
}
.dobos_ads .dobos_ad .grid-content .fourt-image {
  grid-area: fourth;
  overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #070023), url(../images/home/grid4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  height: 256px;
  width: auto;
  position: relative;
}
.dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info {
  position: absolute;
  bottom: 20px;
  left: 15px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info {
    left: 10px;
    bottom: 10px;
  }
}
.dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info .date {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info .date {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info .price span {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info .price span {
    font-size: 12px;
  }
}
.dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info h3 {
  font: normal 500 24px "Raleway";
  letter-spacing: 0.7px;
  line-height: 30px;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .dobos_ads .dobos_ad .grid-content .fourt-image .dobos-ads-info h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
.dobos_ads .dobos_ad .grid-content .fourt-image .marker {
  position: absolute;
    right: -25px;
    top: 20px;
  background-color: #1ad8a1;
  transform: rotate(45deg);
    width:116px;
}
.dobos_ads .dobos_ad .grid-content .fourt-image .marker h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}

.see-all-mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .see-all-mobile {
    display: block;
    margin-bottom: 1rem;
  }
}

.slide_auctions .owl-stage-outer {
  height: 180px;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .owl-stage-outer {
    height: 105px;
  }
}
.slide_auctions .item {
  overflow: hidden;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
.slide_auctions .item a:hover {
  text-decoration: none;
}
.slide_auctions .related-sales {
  font: normal 500 32px "BarlowSemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #070023;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .slide_auctions .related-sales {
    margin-top: 0;
  }
}
.slide_auctions .auction {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-radius: 1px;
  position: relative;
}
.slide_auctions .auction .auction_image {
  width: 170px;
  height: 170px;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_image {
    width: 100px;
    height: 100px;
  }
}
.slide_auctions .auction .auction_image img {
  width: 170px;
  height: 170px;
  object-fit: cover;
  transition: transform 0.5s ease;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_image img {
    width: 100px;
    height: 100px;
  }
}
.slide_auctions .auction .auction_image img:hover {
  transform: scale(1.5);
}
.slide_auctions .auction .time-auction {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.slide_auctions .auction .time-auction h5 {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #4619ff;
}
.slide_auctions .auction .auction_info {
  width: 70%;
  padding: 20px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_info {
    padding: 0;
    padding-left: 20px;
  }
}
.slide_auctions .auction .auction_info span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #9b99a6;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_info span {
    font-size: 12px;
  }
}
.slide_auctions .auction .auction_info .auction_price {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.slide_auctions .auction .auction_info .auction_price p {
  font-family: "RalewayBold";
  margin: 6px 0;
}
.slide_auctions .auction .auction_info .auction_price p:nth-child(1) {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: line-through;
  color: #fd615c;
  display: none;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_info .auction_price p:nth-child(1) {
    display: none;
  }
}
.slide_auctions .auction .auction_info .auction_price p:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_info .auction_price p:nth-child(2) {
    font-size: 12px;
  }
}
.slide_auctions .auction .auction_info h3 {
  font: normal 500 24px "RalewaySemiBold";
  letter-spacing: 0.7px;
  line-height: 25px;
  color: #070023;
}
@media only screen and (max-width: 600px) {
  .slide_auctions .auction .auction_info h3 {
    font-size: 16px;
    line-height: 16px;
  }
}
.slide_auctions .auction .auction_info a {
  position: absolute;
  bottom: 20px;
}
.slide_auctions .auction .marker {
  position: absolute;
    right: -25px;
    top: 20px;
  background-color: #1ad8a1;
  transform: rotate(45deg);
    width:116px;
}
.slide_auctions .auction .marker h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}
.slide_auctions .auction .marker-auction {
  position: absolute;
    right: -25px;
    top: 20px;
  background-color: #fd615c;
  transform: rotate(45deg);
    width:116px;
}
.slide_auctions .auction .marker-auction h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}
.slide_auctions .owl-item {
  opacity: 0.5 !important;
}
.slide_auctions .active {
  opacity: 1 !important;
}

.home_ad {
  margin: 50px 0;
}
.home_ad img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.home_faq {
  background-color: #070023;
  padding: 40px 0;
  position: relative;
}
.home_faq .faq {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: auto;
}
@media only screen and (max-width: 992px) {
  .home_faq .faq {
    flex-direction: column;
  }
}
.home_faq .faq .faq-text {
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .home_faq .faq .faq-text {
    width: 100%;
  }
}
.home_faq .faq .faq-text .green-line {
  background: #1ad8a1;
  border-radius: 0px;
  width: 52px;
  margin-bottom: 8px;
}
.home_faq .faq .faq-text .faq-heading {
  padding-right: 0;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .home_faq .faq .faq-text .faq-heading {
    padding-right: 50px;
  }
}
.home_faq .faq .faq-text .faq-description {
  margin: 4px 0 20px 0 !important;
  padding-right: 0;
  color: #fff;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .home_faq .faq .faq-text .faq-description {
    padding-right: 130px;
  }
}
.home_faq .faq .faq-text .faq-apply-bnt {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.home_faq .faq .faq-text .faq-apply-bnt:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 992px) {
  .home_faq .faq .faq-text .faq-apply-bnt {
    display: none;
  }
}
.home_faq .faq .faq-accordion {
  width: 50%;
  z-index: 1;
}
.home_faq .faq .faq-accordion .content {
  width: 90%;
  padding: 0;
  margin: 0 auto;
  float: right;
}
@media only screen and (max-width: 992px) {
  .home_faq .faq .faq-accordion .content {
    width: 100%;
  }
}
.home_faq .faq .faq-accordion details {
  margin-bottom: 20px !important;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  border-bottom: 2px solid transparent;
}
.home_faq .faq .faq-accordion details:hover {
  border-bottom: 2px solid #fff;
}
.home_faq .faq .faq-accordion .faq__content {
  text-align: left;
  padding: 0 16px 12px;
  background: #2d2a39;
  border-radius: 1px;
}
.home_faq .faq .faq-accordion .faq__content p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
}
.home_faq .faq .faq-accordion summary {
  background: #2d2a39;
  border-radius: 1px;
  padding: 12px 16px;
  outline: none;
  border-radius: 0;
  text-align: left;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.home_faq .faq .faq-accordion summary h3 {
  font: normal normal 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
  width: 90%;
}
.home_faq .faq .faq-accordion summary:hover {
  border-radius: 0;
}
.home_faq .faq .faq-accordion details[open] > summary {
  border-bottom: none !important;
}
.home_faq .faq .faq-accordion details > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f107";
  right: 20px;
  color: #fff;
}
.home_faq .faq .faq-accordion details[open] > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f106";
  right: 20px;
  color: #fff;
}
.home_faq .faq .faq-accordion details > summary::-webkit-details-marker {
  display: none;
}
@media only screen and (min-width: 992px) {
  .home_faq .faq .faq-accordion {
    width: 50%;
    text-align: right;
  }
}
@media only screen and (max-width: 992px) {
  .home_faq .faq .faq-accordion {
    width: 100%;
  }
}
.home_faq .faq .faq-accordion #main #faq .card {
  margin-bottom: 20px;
  border: 0;
  color: #fff;
  border-radius: 0;
  border-bottom: 2px solid #2d2a39;
}
.home_faq .faq .faq-accordion #main #faq .card:hover {
  border-bottom: 2px solid #fff;
}
.home_faq .faq .faq-accordion #main #faq .card .card-header {
  border: 0;
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  padding: 0;
  border-radius: 0 !important;
}
.home_faq .faq .faq-accordion #main #faq .card .card-header .btn-header-link {
  font: normal 200 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff;
  display: block;
  text-align: left;
  background: #2d2a39;
  padding: 12px;
  border-radius: 0 !important;
}
.home_faq .faq .faq-accordion #main #faq .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}
.home_faq .faq .faq-accordion #main #faq .card .card-header .btn-header-link.collapsed {
  background: #2d2a39;
  color: #fff;
}
.home_faq .faq .faq-accordion #main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}
.home_faq .faq .faq-accordion #main #faq .card .collapsing {
  background: #2d2a39;
  line-height: 30px;
}
.home_faq .faq .faq-accordion #main #faq .card .collapse {
  border: 0;
}
.home_faq .faq .faq-accordion #main #faq .card .collapse.show {
  background: #2d2a39;
  line-height: 30px;
  color: #fff;
}
.home_faq .faq .faq-accordion #main #faq .card .collapse.show .card-body {
  font: normal normal 16px "Raleway";
  color: white;
  letter-spacing: 0.5px;
  line-height: 24px;
  padding: 4px 16px 16px;
}
.home_faq .faq .faq-apply-bnt-mobile {
  display: none;
}
@media only screen and (max-width: 992px) {
  .home_faq .faq .faq-apply-bnt-mobile {
    display: block;
    width: 180px;
    height: 40px;
    margin-top: 10px;
  }
}
.home_faq .faq-patterns {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .home_faq .faq-patterns {
    display: block;
    position: absolute;
    top: 50%;
    right: 40%;
    animation-name: patterns;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  @keyframes patterns {
    from {
      transform: translate(0, 0px);
    }
    65% {
      transform: translate(0, 15px);
    }
    to {
      transform: translate(0, 0px);
    }
  }
}
.home_faq .faq-patterns img {
  width: 100%;
}

.home_ads {
  width: 100%;
  margin: auto;
}
.home_ads img {
  width: 100%;
}
.home_ads img:nth-child(1) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .home_ads img:nth-child(1) {
    margin-bottom: 0;
  }
}

.home_auction {
  background-color: #070023;
  padding-top: 30px;
  position: relative;
  margin-top: 50px;
  z-index: 1;
}
.home_auction .auction {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #9b99a6;
  padding-bottom: 50px;
}
@media only screen and (min-width: 769px) {
  .home_auction .auction {
    flex-direction: row;
  }
}
@media only screen and (max-width: 600px) {
  .home_auction .auction {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.home_auction .auction .auction-left,
.home_auction .auction .auction-right {
  width: 100%;
  z-index: 999;
}
@media only screen and (min-width: 769px) {
  .home_auction .auction .auction-left,
.home_auction .auction .auction-right {
    width: 50%;
  }
}
.home_auction .auction .auction-left img,
.home_auction .auction .auction-right img {
  width: 100%;
  margin-top: 30px;
  opacity: 0.6;
}
@media only screen and (min-width: 769px) {
  .home_auction .auction .auction-left img,
.home_auction .auction .auction-right img {
    margin-top: 0;
  }
}
.home_auction .auction .auction-left .green-line,
.home_auction .auction .auction-right .green-line {
  background: #1ad8a1;
  border-radius: 0px;
  width: 52px;
  margin-bottom: 8px;
}
.home_auction .auction .auction-left .auction-heading,
.home_auction .auction .auction-right .auction-heading {
  padding-right: 0;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .home_auction .auction .auction-left .auction-heading,
.home_auction .auction .auction-right .auction-heading {
    padding-right: 50px;
  }
}
.home_auction .auction .auction-left .auctione-description,
.home_auction .auction .auction-right .auctione-description {
  margin: 4px 0 20px 0 !important;
  padding-right: 0;
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .home_auction .auction .auction-left .auctione-description,
.home_auction .auction .auction-right .auctione-description {
    padding-right: 50px;
  }
}
.home_auction .auction .auction-left .home-auction-btn,
.home_auction .auction .auction-right .home-auction-btn {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.home_auction .auction .auction-left .home-auction-btn:hover,
.home_auction .auction .auction-right .home-auction-btn:hover {
  transform: scale(1.1);
}
.home_auction .auction-line {
  width: 87%;
  border-top: 1px solid #9b99a6;
  margin: auto;
  margin-top: 50px !important;
  display: none;
}
@media only screen and (max-width: 600px) {
  .home_auction .auction-line {
    display: block;
    width: 94%;
  }
}
.home_auction .home_pattern {
  display: none;
}
@media only screen and (min-width: 769px) {
  .home_auction .home_pattern {
    display: block;
    position: absolute;
    top: 60%;
    right: 40%;
    animation-name: patterns;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  @keyframes patterns {
    from {
      transform: translate(0, 0px);
    }
    65% {
      transform: translate(0, 15px);
    }
    to {
      transform: translate(0, 0px);
    }
  }
}

/********************************************************* Offers *********************************************************/
.offers_banner img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: left;
}
@media only screen and (min-width: 600px) {
  .offers_banner img {
    height: auto;
  }
}

.offers-image-mobile img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center !important;
}
@media only screen and (min-width: 600px) {
  .offers-image-mobile img {
    height: auto;
  }
}

.offer_section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 1101px) {
  .offer_section {
    flex-direction: row;
  }
}
.offer_section .ads_offer {
  width: 100%;
}
@media only screen and (min-width: 1101px) {
  .offer_section .ads_offer {
    width: 50%;
  }
}
.offer_section .ads_offer .offer-description {
  line-height: 24px;
}
@media only screen and (min-width: 1101px) {
  .offer_section .ads_offer .offer-description {
    padding-right: 90px;
  }
}
@media only screen and (max-width: 600px) {
  .offer_section .ads_offer .offer-home-desktop {
    display: none;
  }
}
.offer_section .ads_offer .offer_text_link {
  font-family: "RalewaySemiBold";
  text-decoration: underline;
  color: #000;
}
.offer_section .ads_offer .offer_text_link:hover {
  color: #4619ff;
}
.offer_section .ads_offer .main-button {
  margin-top: 20px;
}
.offer_section .offer-home-mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .offer_section .offer-home-mobile {
    display: block;
  }
}
.offer_section .ads_offer_right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: fit-content;
  margin-top: 30px;
  /* Right offer section */
}
@media only screen and (min-width: 1101px) {
  .offer_section .ads_offer_right {
    width: 50%;
    margin-top: 0;
  }
}
@media only screen and (max-width: 600px) {
  .offer_section .ads_offer_right {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.offer_section .ads_offer_right .offer_info {
  flex: 100%;
}
.offer_section .ads_offer_right .offer_info:nth-child(2) {
  margin-left: 0 !important;
}
@media only screen and (min-width: 600px) {
  .offer_section .ads_offer_right .offer_info:nth-child(2) {
    margin-left: 30px !important;
  }
}
.offer_section .ads_offer_right .offer_info:nth-child(3) {
  margin-top: 0;
}
@media only screen and (min-width: 600px) {
  .offer_section .ads_offer_right .offer_info:nth-child(3) {
    margin-top: 20px;
  }
}
.offer_section .ads_offer_right .offer_info:nth-child(4) {
  margin-left: 0 !important;
}
@media only screen and (min-width: 600px) {
  .offer_section .ads_offer_right .offer_info:nth-child(4) {
    margin-left: 30px !important;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 600px) {
  .offer_section .ads_offer_right .offer_info {
    flex: 40%;
  }
}
.offer_section .ads_offer_right .offer_info .offer_price {
  font: normal normal 16px "BarlowSemiBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #4619ff;
  margin-bottom: 4px;
}
.offer_section .ads_offer_right .offer_info .offer-info-green {
  display: flex;
  align-items: center;
  margin-bottom: -8px;
}
.offer_section .ads_offer_right .offer_info .offer-info-green .small-line-green {
  background: #1ad8a1;
  border-radius: 0px;
  width: 12px;
  margin-right: 4px;
}
.offer_section .ads_offer_right .offer_info .offer-info-green .small-title-green {
  font: normal 500 9px "BarlowSemiBold";
  line-height: 12px;
  text-transform: uppercase;
  color: #1ad8a1;
}
.offer_section .ads_offer_right .offer_info .offer_price_green {
  font: normal normal 16px "BarlowSemiBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #1ad8a1;
  margin-bottom: 4px;
}
.offer_section .ads_offer_right .offer_info .offer_right_description {
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 24px;
  color: #9b99a6;
}

@media only screen and (max-width: 600px) {
  .offers-button {
    display: none;
  }
}

@media only screen and (min-width: 600px) {
  .offers-button-show {
    display: none;
  }
}

.offers-ads {
  margin: 50px 0;
}
.offers-ads img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.package {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-block-end: 50px;
}
@media only screen and (min-width: 768px) {
  .package {
    flex-direction: row;
  }
}
.package .package-left,
.package .package-right {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .package .package-left,
.package .package-right {
    width: 50%;
  }
}
.package .package-left img,
.package .package-right img {
  width: 100%;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .package .package-left img,
.package .package-right img {
    margin-top: 0;
  }
}
.package .package-left .package-heading,
.package .package-right .package-heading {
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .package .package-left .package-heading,
.package .package-right .package-heading {
    padding-right: 50px;
  }
}
.package .package-left .package-description,
.package .package-right .package-description {
  margin: 4px 0 20px 0 !important;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .package .package-left .package-description,
.package .package-right .package-description {
    padding-right: 50px;
  }
}

/***************************************************** Holand Offers ******************************************************/
.holand_banner {
  margin-bottom: 50px;
}
.holand_banner img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
@media only screen and (min-width: 600px) {
  .holand_banner img {
    height: auto;
  }
}

.holand-auctions {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .holand-auctions {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .holand-auctions .holand-left {
    width: 60%;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .holand-auctions .holand-left {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) {
  .holand-auctions .holand-left .holand-heading {
    margin-bottom: 4px !important;
  }
}
.holand-auctions .holand-left .main-button {
  margin-top: 20px;
}
.holand-auctions .holand-right {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) {
  .holand-auctions .holand-right {
    margin-top: 55px;
  }
}
.holand-auctions .holand-right img {
  width: 100%;
}

/****************************************************** E-auctions ********************************************************/
.e_auctions_banner {
  margin-bottom: 50px;
}
.e_auctions_banner img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
@media only screen and (min-width: 600px) {
  .e_auctions_banner img {
    height: auto;
  }
}

.e-auctions {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .e-auctions {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .e-auctions .e-left {
    width: 60%;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .e-auctions .e-left {
    padding-right: 70px;
  }
}
.e-auctions .e-left .e-heading {
  margin-bottom: 4px !important;
}
.e-auctions .e-left .main-button {
  margin-top: 20px;
}
.e-auctions .e-right {
  margin-top: 40px;
}
@media only screen and (min-width: 992px) {
  .e-auctions .e-right {
    margin-top: 55px;
  }
}
.e-auctions .e-right img {
  width: 100%;
}

/******************************************************** Regulations *****************************************************/
.regulations {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 50px;
}
@media only screen and (min-width: 992px) {
  .regulations {
    flex-direction: row;
  }
}
.regulations .retulations-text {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .regulations .retulations-text {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .regulations .retulations-text .regulations-description {
    width: 90%;
  }
}
@media only screen and (min-width: 1200px) {
  .regulations .retulations-text .regulations-description {
    width: 85%;
  }
}
.regulations .regulations-accordion {
  width: 100%;
  margin-top: 40px;
}
.regulations .regulations-accordion .regulation-card {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px !important;
  border-bottom: 2px solid transparent;
  text-align: left;
}
.regulations .regulations-accordion .regulation-card:hover {
  border-bottom: 2px solid #070023;
  text-decoration: none;
}
@media only screen and (min-width: 992px) {
  .regulations .regulations-accordion {
    width: 50%;
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  .regulations {
    width: 50%;
  }
}

/********************************************************** FAQ ***********************************************************/
.faq {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 50px;
}
@media only screen and (min-width: 992px) {
  .faq {
    flex-direction: row;
  }
}
@media only screen and (min-width: 992px) {
  .faq .faq-text {
    width: 50%;
  }
}
.faq .faq-accordions {
  margin-top: 20px;
}
.faq .faq-accordions .content {
  width: 80%;
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .faq .faq-accordions .content {
    width: 100%;
  }
}
.faq .faq-accordions details {
  margin-bottom: 20px !important;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  border-bottom: 2px solid transparent;
}
.faq .faq-accordions details:hover {
  border-bottom: 2px solid #070023;
}
.faq .faq-accordions .faq__content {
  text-align: left;
  padding: 0 16px 12px;
  background: white;
  border-radius: 1px;
}
.faq .faq-accordions .faq__content p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
}
.faq .faq-accordions summary {
  background: white;
  border-radius: 1px;
  padding: 12px 16px;
  outline: none;
  border-radius: 0;
  text-align: left;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
.faq .faq-accordions summary h3 {
  font: normal normal 16px RalewaySemiBold;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  width: 90%;
}
.faq .faq-accordions summary:hover {
  border-radius: 0;
}
.faq .faq-accordions details[open] > summary {
  border-bottom: none !important;
}
.faq .faq-accordions details > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f107";
  right: 20px;
}
.faq .faq-accordions details[open] > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f106";
  right: 20px;
}
.faq .faq-accordions details > summary::-webkit-details-marker {
  display: none;
}
@media only screen and (min-width: 992px) {
  .faq .faq-accordions {
    width: 50%;
    text-align: right;
  }
}

/****************************************************** Notification *****************************************************/
.notification-global .filter-inside {
  padding-top: 12px !important;
  padding-bottom: 16px !important;
  position: relative;
}
.notification-global .filter-inside .vertila-line {
  border-left: 3px solid #4619ff;
  height: 52px;
  left: 25px;
  position: absolute;
}
.notification-global .filter-inside:hover {
  background-color: #e8e8e8;
  cursor: pointer;
}
.notification-global .filter-inside h5 {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  margin-bottom: 5px !important;
}
.notification-global .filter-inside h5.active {
  color: #000;
}
.notification-global .filter-inside .notification-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notification-global .filter-inside .notification-content .date {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
}
.notification-global .filter-inside .notification-content .description {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
}
.notification-global .mobile {
  padding: 12px 30px !important;
}
.notification-global .vertical-mobile {
  left: 20px !important;
}

.notification-empty {
  text-align: center;
}
.notification-empty img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 600px) {
  .notification-empty img {
    margin-bottom: 20px;
  }
}
.notification-empty h3 {
  font: normal 500 48px "BarlowSemiBold";
  letter-spacing: 1.4px;
  line-height: 56px;
  text-align: center;
  text-transform: uppercase;
  color: #070023;
}
@media only screen and (max-width: 600px) {
  .notification-empty h3 {
    font: normal 500 36px "BarlowSemiBold";
    line-height: 45px;
  }
}
.notification-empty p {
  font: normal normal 26px "Raleway";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-align: center;
  color: #000;
  margin: 10px 0 20px !important;
}
.notification-empty .add-sale {
  font: normal 500 16px "BarlowSemiBold" !important;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background: #4619ff;
  color: #fff !important;
  border-radius: 1px;
  padding: 10px 0 !important;
  margin-bottom: 20px !important;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.notification-empty .add-sale:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.notification-empty .set-sale {
  font: normal 500 16px "BarlowSemiBold" !important;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(76, 21, 255, 0.06);
  color: #4619ff !important;
  padding: 10px 0 !important;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.notification-empty .set-sale:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/****************************************************** Advertisement *****************************************************/
.advertisement_banner {
  margin-bottom: 50px;
}
.advertisement_banner img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: left;
}
@media only screen and (min-width: 600px) {
  .advertisement_banner img {
    height: auto;
  }
}

/********************************************************** Ads ***********************************************************/
.all-ads {
  margin-top: 50px;
}
.all-ads .sidenav {
  z-index: 999 !important;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.all-ads .sidenav .filter-inside {
  padding: 0px 40px;
}
.all-ads .sidenav .filter-inside .filter-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 20px;
}
.all-ads .sidenav .filter-inside .filter-title h2 {
  font: normal 500 32px "BarlowBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
}
.all-ads .sidenav .filter-inside .types {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .all-ads .sidenav .filter-inside .types {
    flex-wrap: wrap;
    justify-content: start;
  }
}
.all-ads .sidenav .filter-inside .types .donate-now {
  list-style-type: none;
  margin: 25px 0 0 0;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .all-ads .sidenav .filter-inside .types .donate-now {
    margin: 5px 10px 10px 0;
  }
}
.all-ads .sidenav .filter-inside .types .donate-now li {
  width: 100%;
  height: 40px;
  position: relative;
}
.all-ads .sidenav .filter-inside .types .donate-now label,
.all-ads .sidenav .filter-inside .types .donate-now input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.all-ads .sidenav .filter-inside .types .donate-now label:hover,
.all-ads .sidenav .filter-inside .types .donate-now input:hover {
  background: #070023;
  color: #fff;
}
.all-ads .sidenav .filter-inside .types .donate-now input[type=radio] {
  opacity: 0.01;
  z-index: 100;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.all-ads .sidenav .filter-inside .types .donate-now input[type=radio]:checked + label,
.all-ads .sidenav .filter-inside .types .Checked + label {
  background: #070023;
  color: #fff;
}
.all-ads .sidenav .filter-inside .types .donate-now label {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  text-align: center;
  color: #9b99a6;
  padding: 8px 10px;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  cursor: pointer;
  z-index: 90;
}
.all-ads .sidenav .filter-inside .types .donate-now label:hover {
  background: #070023;
  color: #fff;
}
.all-ads .sidenav .filter-inside .car-brend {
  margin-top: 20px;
}
.all-ads .sidenav .filter-inside .car-brend .egine-types {
  height: 200px;
  overflow-x: scroll;
}
.all-ads .sidenav .filter-inside .estate-type,
.all-ads .sidenav .filter-inside .machine-type,
.all-ads .sidenav .filter-inside .other-type {
  margin-top: 50px;
}
.all-ads .sidenav .filter-inside .city .egine-types,
.all-ads .sidenav .filter-inside .machine-town .egine-types,
.all-ads .sidenav .filter-inside .other-type .egine-types {
  height: 200px;
  overflow-x: scroll;
}
.all-ads .sidenav .filter-inside .engine,
.all-ads .sidenav .filter-inside .car-brend,
.all-ads .sidenav .filter-inside .fuel,
.all-ads .sidenav .filter-inside .create-year-from,
.all-ads .sidenav .filter-inside .estate-type,
.all-ads .sidenav .filter-inside .city,
.all-ads .sidenav .filter-inside .heating,
.all-ads .sidenav .filter-inside .other-estate,
.all-ads .sidenav .filter-inside .machine-type,
.all-ads .sidenav .filter-inside .machine-town,
.all-ads .sidenav .filter-inside .other-type,
.all-ads .sidenav .filter-inside .other-city {
  margin-bottom: 20px;
}
.all-ads .sidenav .filter-inside .engine details,
.all-ads .sidenav .filter-inside .car-brend details,
.all-ads .sidenav .filter-inside .fuel details,
.all-ads .sidenav .filter-inside .create-year-from details,
.all-ads .sidenav .filter-inside .estate-type details,
.all-ads .sidenav .filter-inside .city details,
.all-ads .sidenav .filter-inside .heating details,
.all-ads .sidenav .filter-inside .other-estate details,
.all-ads .sidenav .filter-inside .machine-type details,
.all-ads .sidenav .filter-inside .machine-town details,
.all-ads .sidenav .filter-inside .other-type details,
.all-ads .sidenav .filter-inside .other-city details {
  position: relative;
}
.all-ads .sidenav .filter-inside .engine details summary,
.all-ads .sidenav .filter-inside .car-brend details summary,
.all-ads .sidenav .filter-inside .fuel details summary,
.all-ads .sidenav .filter-inside .create-year-from details summary,
.all-ads .sidenav .filter-inside .estate-type details summary,
.all-ads .sidenav .filter-inside .city details summary,
.all-ads .sidenav .filter-inside .heating details summary,
.all-ads .sidenav .filter-inside .other-estate details summary,
.all-ads .sidenav .filter-inside .machine-type details summary,
.all-ads .sidenav .filter-inside .machine-town details summary,
.all-ads .sidenav .filter-inside .other-type details summary,
.all-ads .sidenav .filter-inside .other-city details summary {
  font: normal 500 26px "RalewaySemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #000;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.all-ads .sidenav .filter-inside .engine details summary::after,
.all-ads .sidenav .filter-inside .car-brend details summary::after,
.all-ads .sidenav .filter-inside .fuel details summary::after,
.all-ads .sidenav .filter-inside .create-year-from details summary::after,
.all-ads .sidenav .filter-inside .estate-type details summary::after,
.all-ads .sidenav .filter-inside .city details summary::after,
.all-ads .sidenav .filter-inside .heating details summary::after,
.all-ads .sidenav .filter-inside .other-estate details summary::after,
.all-ads .sidenav .filter-inside .machine-type details summary::after,
.all-ads .sidenav .filter-inside .machine-town details summary::after,
.all-ads .sidenav .filter-inside .other-type details summary::after,
.all-ads .sidenav .filter-inside .other-city details summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f107";
  right: 20px;
  color: #000;
}
.all-ads .sidenav .filter-inside .engine details summary::marker,
.all-ads .sidenav .filter-inside .car-brend details summary::marker,
.all-ads .sidenav .filter-inside .fuel details summary::marker,
.all-ads .sidenav .filter-inside .create-year-from details summary::marker,
.all-ads .sidenav .filter-inside .estate-type details summary::marker,
.all-ads .sidenav .filter-inside .city details summary::marker,
.all-ads .sidenav .filter-inside .heating details summary::marker,
.all-ads .sidenav .filter-inside .other-estate details summary::marker,
.all-ads .sidenav .filter-inside .machine-type details summary::marker,
.all-ads .sidenav .filter-inside .machine-town details summary::marker,
.all-ads .sidenav .filter-inside .other-type details summary::marker,
.all-ads .sidenav .filter-inside .other-city details summary::marker {
  display: none !important;
}
.all-ads .sidenav .filter-inside .engine details .egine-types,
.all-ads .sidenav .filter-inside .car-brend details .egine-types,
.all-ads .sidenav .filter-inside .fuel details .egine-types,
.all-ads .sidenav .filter-inside .create-year-from details .egine-types,
.all-ads .sidenav .filter-inside .estate-type details .egine-types,
.all-ads .sidenav .filter-inside .city details .egine-types,
.all-ads .sidenav .filter-inside .heating details .egine-types,
.all-ads .sidenav .filter-inside .other-estate details .egine-types,
.all-ads .sidenav .filter-inside .machine-type details .egine-types,
.all-ads .sidenav .filter-inside .machine-town details .egine-types,
.all-ads .sidenav .filter-inside .other-type details .egine-types,
.all-ads .sidenav .filter-inside .other-city details .egine-types {
  color: #000;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.all-ads .sidenav .filter-inside .engine details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .car-brend details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .fuel details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .create-year-from details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .estate-type details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .city details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .heating details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .other-estate details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .machine-type details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .machine-town details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .other-type details .egine-types .checkbox-inline,
.all-ads .sidenav .filter-inside .other-city details .egine-types .checkbox-inline {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.all-ads .sidenav .filter-inside .engine details[open] > summary::after,
.all-ads .sidenav .filter-inside .car-brend details[open] > summary::after,
.all-ads .sidenav .filter-inside .fuel details[open] > summary::after,
.all-ads .sidenav .filter-inside .create-year-from details[open] > summary::after,
.all-ads .sidenav .filter-inside .estate-type details[open] > summary::after,
.all-ads .sidenav .filter-inside .city details[open] > summary::after,
.all-ads .sidenav .filter-inside .heating details[open] > summary::after,
.all-ads .sidenav .filter-inside .other-estate details[open] > summary::after,
.all-ads .sidenav .filter-inside .machine-type details[open] > summary::after,
.all-ads .sidenav .filter-inside .machine-town details[open] > summary::after,
.all-ads .sidenav .filter-inside .other-type details[open] > summary::after,
.all-ads .sidenav .filter-inside .other-city details[open] > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f106";
  right: 20px;
  color: #000;
}
.all-ads .sidenav .filter-inside .pricing,
.all-ads .sidenav .filter-inside .other-estate {
  margin-top: 20px;
}
.all-ads .sidenav .filter-inside .pricing,
.all-ads .sidenav .filter-inside .milage,
.all-ads .sidenav .filter-inside .floor {
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
}
.all-ads .sidenav .filter-inside .pricing h2,
.all-ads .sidenav .filter-inside .milage h2,
.all-ads .sidenav .filter-inside .floor h2 {
  font: normal 500 26px "RalewaySemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #000;
}
.all-ads .sidenav .filter-inside .pricing span,
.all-ads .sidenav .filter-inside .milage span,
.all-ads .sidenav .filter-inside .floor span {
  font-size: 16px;
  color: #9b99a6;
}
.all-ads .sidenav .filter-inside .pricing .price-from-to,
.all-ads .sidenav .filter-inside .milage .price-from-to,
.all-ads .sidenav .filter-inside .floor .price-from-to {
  margin-top: 20px;
}
.all-ads .sidenav .filter-inside .pricing .price-from-to,
.all-ads .sidenav .filter-inside .pricing .milage-from-to,
.all-ads .sidenav .filter-inside .pricing .floor-from-to,
.all-ads .sidenav .filter-inside .milage .price-from-to,
.all-ads .sidenav .filter-inside .milage .milage-from-to,
.all-ads .sidenav .filter-inside .milage .floor-from-to,
.all-ads .sidenav .filter-inside .floor .price-from-to,
.all-ads .sidenav .filter-inside .floor .milage-from-to,
.all-ads .sidenav .filter-inside .floor .floor-from-to {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.all-ads .sidenav .filter-inside .pricing .price-from-to input,
.all-ads .sidenav .filter-inside .pricing .milage-from-to input,
.all-ads .sidenav .filter-inside .pricing .floor-from-to input,
.all-ads .sidenav .filter-inside .milage .price-from-to input,
.all-ads .sidenav .filter-inside .milage .milage-from-to input,
.all-ads .sidenav .filter-inside .milage .floor-from-to input,
.all-ads .sidenav .filter-inside .floor .price-from-to input,
.all-ads .sidenav .filter-inside .floor .milage-from-to input,
.all-ads .sidenav .filter-inside .floor .floor-from-to input {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  width: 47%;
  padding: 8px;
}
.all-ads .sidenav .filter-inside label {
  position: relative !important;
  pointer-events: auto !important;
}
.all-ads .sidenav .filter-inside input:valid ~ label {
  top: 0 !important;
}
.all-ads .sidenav .filter-inside .filter-btn {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  height: 40px;
  background-color: #4619ff;
  border-radius: 1px;
  border: none;
  margin-bottom: 1rem;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.all-ads .sidenav .filter-inside .filter-btn:hover {
  text-decoration: none;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.all-ads .sidenav .filter-inside .clear-filter {
  position: relative;
  width: 100%;
  color: #9b99a6;
  font-size: 16px;
  font-family: "BarlowBold";
  font-weight: 500;
  padding: 8px;
  text-decoration: underline;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 24px;
}
.all-ads .sidenav .filter-inside .clear-filter:hover {
  color: #4619ff;
}
.all-ads .sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.all-ads .sidenav .closebtn {
  position: absolute;
  top: 10px;
  right: 0;
  padding-right: 40px;
}
.all-ads .ads-line {
  background: #4619ff;
  width: 52px;
  margin: 0;
  margin-bottom: 8px;
}
.all-ads h2 {
  margin-bottom: 2px;
}
.all-ads .all-ads-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0 10px 0;
}
@media only screen and (min-width: 993px) {
  .all-ads .all-ads-category {
    flex-direction: row;
  }
}
.all-ads .all-ads-category .listed-categories {
  display: none;
}
@media only screen and (min-width: 768px) {
  .all-ads .all-ads-category .listed-categories {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
}
.all-ads .all-ads-category .listed-categories a {
  font: normal 400 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-right: 20px;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #9b99a6;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  height: 40px;
}
@media only screen and (max-width: 1200px) {
  .all-ads .all-ads-category .listed-categories a {
    font: normal 400 13px "RalewaySemiBold";
    padding: 12px 13px;
  }
}
.all-ads .all-ads-category .listed-categories a:hover {
  color: #070023;
}
.all-ads .all-ads-category .listed-categories .active {
  color: white;
  background-color: #070023;
}
.all-ads .all-ads-category .listed-categories .active:hover {
  color: #fff;
}
.all-ads .all-ads-category .owl-allAds {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 50px;
}
@media only screen and (min-width: 768px) {
  .all-ads .all-ads-category .owl-allAds {
    display: none;
  }
}
.all-ads .all-ads-category .owl-allAds .item {
  width: fit-content;
}
.all-ads .all-ads-category .owl-allAds .item a {
  font: normal 400 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  margin-right: 20px;
  padding: 8px 12px;
  text-decoration: none;
  background-color: #ffffff;
  color: #9b99a6;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  height: 40px !important;
  width: max-content;
  display: flex;
}
.all-ads .all-ads-category .owl-allAds .item a:hover {
  color: #070023;
}
.all-ads .all-ads-category .owl-allAds .item .active {
  color: white;
  background-color: #070023;
}
.all-ads .all-ads-category .owl-allAds .item .active:hover {
  color: #fff;
}
.all-ads .all-ads-category .categori-btn {
  width: 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .all-ads .all-ads-category .categori-btn .openfilter-desktop {
    display: none;
  }
}
@media only screen and (min-width: 600px) {
  .all-ads .all-ads-category .categori-btn .openfilter-mobile {
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  .all-ads .all-ads-category .categori-btn {
    width: 30%;
    margin-top: 0;
  }
}
.all-ads .all-ads-category .categori-btn a {
  display: flex;
  background-color: #4619ff;
  text-align: right;
  padding: 8px 0px;
  height: 40px;
  width: 100%;
  justify-content: center;
  cursor: pointer;
}
.all-ads .all-ads-category .categori-btn a:hover {
  text-decoration: none;
}
.all-ads .all-ads-category .categori-btn a img {
  margin-right: 6px;
  width: 16px;
}
.all-ads .all-ads-category .categori-btn a h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: white;
}
.all-ads .all-ads-category .categori-btn a h5 span {
  font-size: 12px;
}
@media only screen and (max-width: 600px) {
  .all-ads .all-ads-category .desktop-cat-btn {
    display: none;
  }
}
.all-ads .all-ads-category .mobile-cat-btn {
  display: none;
}
@media only screen and (max-width: 600px) {
  .all-ads .all-ads-category .mobile-cat-btn {
    display: block;
  }
}
.all-ads .ads-dropdown .btn {
  padding: 0;
}
.all-ads .ads-dropdown .btn:focus {
  box-shadow: none;
}
.all-ads .ads-dropdown span {
  color: #9b99a6;
  margin: 0 2px;
}
.all-ads .ads-dropdown a {
  display: flex;
}
.all-ads .ads-dropdown .dropdown-menu {
  border-radius: 0;
}
.all-ads .ads-dropdown .dropdown-menu .dropdown-item {
  color: #9b99a6;
  margin-top: 10px;
  margin-bottom: 10px !important;
}
.all-ads .ads-dropdown .dropdown-menu .dropdown-item:hover {
  background: transparent !important;
  color: #070023;
}
.all-ads .ads-dropdown .dropdown-menu .dropdown-item .circle {
  margin: 0 2px;
}

@media only screen and (max-width: 600px) {
  .mobile-pag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .mobile-pag .mob-padd {
    width: 10%;
  }
  .mobile-pag .mob-padd svg {
    width: 100%;
  }
}
.pagination {
  display: flex;
  justify-content: center;
  text-align: center;
}
.pagination a {
  color: #070023;
  padding: 10px 12px;
  border: 1px solid #e8e8e8;
}
.pagination a:hover {
  text-decoration: none;
  color: #fff;
  background: #070023 !important;
}
.pagination .pagination-padding {
  border: 1px solid #e8e8e8;
  height: 32px;
  width: 32px;
  padding: 10px 12px;
}
.pagination .active {
  background: #070023;
  color: #fff;
}
.pagination nav {
  background: #fff !important;
  box-shadow: none;
}
.pagination svg {
  width: 2%;
}

.ads-listed {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .ads-listed {
    column-count: 1;
  }
}
.ads-listed .offers-link {
  height: auto;
  flex: 0 1 50%;
}
.ads-listed .offers-link:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .ads-listed .offers-link {
    flex: 0 1 100%;
  }
}
.ads-listed .auction {
  display: flex;
  flex-direction: row;
  width: 95%;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .ads-listed .auction {
    margin-bottom: 20px;
    width: 100%;
  }
}
.ads-listed .auction:focus {
  text-decoration: none;
}
.ads-listed .auction:hover {
  text-decoration: none;
}
.ads-listed .auction .auction_image {
  width: 30%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .ads-listed .auction .auction_image {
    width: auto;
  }
}
.ads-listed .auction .auction_image img {
  width: 170px;
  height: 170px;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.ads-listed .auction .auction_image img:hover {
  transform: scale(1.5);
}
@media only screen and (max-width: 600px) {
  .ads-listed .auction .auction_image img {
    width: 100px;
    height: 100px;
  }
}
.ads-listed .auction .time-auction {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.ads-listed .auction .time-auction h5 {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #4619ff;
}
.ads-listed .auction .auction_info {
  width: 70%;
  padding: 20px;
  padding-left: 40px;
  position: relative;
    overflow:hidden;
}
@media only screen and (max-width: 768px) {
  .ads-listed .auction .auction_info {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .ads-listed .auction .auction_info {
    padding: 0;
    padding-left: 20px;
    padding-top: 5px;
  }
}
.ads-listed .auction .auction_info span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #9b99a6;
}
@media only screen and (max-width: 600px) {
  .ads-listed .auction .auction_info span {
    font-size: 12px;
  }
}
.ads-listed .auction .auction_info .auction_price {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.ads-listed .auction .auction_info .auction_price p {
  font-family: "RalewayBold";
  margin: 6px 0;
}
.ads-listed .auction .auction_info .auction_price p:nth-child(1) {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: line-through;
  color: #fd615c;
  display: none;
}
.ads-listed .auction .auction_info .auction_price p:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .ads-listed .auction .auction_info .auction_price p:nth-child(2) {
    font-size: 12px;
    margin: 3px 0 !important;
  }
}
.ads-listed .auction .auction_info h3 {
  font: normal 500 24px "RalewayBold";
  letter-spacing: 0.7px;
  line-height: 25px;
  color: #070023;
  margin-top: 10px;
}
@media only screen and (max-width: 1200px) {
  .ads-listed .auction .auction_info h3 {
    font: normal 500 20px "RalewayBold";
    letter-spacing: 0.5px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .ads-listed .auction .auction_info h3 {
    font: normal 500 26px "RalewayBold";
    letter-spacing: 0.5px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .ads-listed .auction .auction_info h3 {
    font: normal 500 15px "RalewayBold";
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-top: 0;
  }
}
.ads-listed .auction .auction_info a {
  font: normal 500 16px "BarlowSemiBold";
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 24px;
  color: #4619ff;
  position: absolute;
  bottom: 10px;
}
.ads-listed .auction .marker {
  position: absolute;
    right: -25px;
    top: 20px;
  background-color: #1ad8a1;
  transform: rotate(45deg);
    width:116px;
}
.ads-listed .auction .marker h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}
.ads-listed .auction .marker-auction {
  position: absolute;
    right: -25px;
    top: 20px;
  background-color: #fd615c;
  transform: rotate(45deg);
    width:116px;
}
.ads-listed .auction .marker-auction h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}

.ad-market img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin: 30px 0;
}

.rotated-image-left {
  width: 300px;
  height: 600px;
  object-fit: cover;
  position: absolute;
  top: 38%;
  left: 50px;
}
@media only screen and (max-width: 1860px) {
  .rotated-image-left {
    left: 30px;
  }
}
@media only screen and (max-width: 1800px) {
  .rotated-image-left {
    display: none;
  }
}
@media only screen and (max-width: 1700px) {
  .rotated-image-left {
    display: none;
  }
}
@media only screen and (max-width: 1500px) {
  .rotated-image-left {
    display: none;
  }
}

.rotated-image-right {
  width: 300px;
  height: 600px;
  object-fit: cover;
  position: absolute;
  top: 38%;
  right: 50px;
}
@media only screen and (max-width: 1860px) {
  .rotated-image-right {
    right: 30px;
  }
}
@media only screen and (max-width: 1800px) {
  .rotated-image-right {
    display: none;
  }
}
@media only screen and (max-width: 1700px) {
  .rotated-image-right {
    display: none;
  }
}
@media only screen and (max-width: 1500px) {
  .rotated-image-right {
    display: none;
  }
}

/******************************************************* Single Ad ********************************************************/
.padding-page {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 1400px) {
  .padding-page {
    width: 65%;
  }
}
@media only screen and (max-width: 992px) {
  .padding-page {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .padding-page {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page {
    width: 100%;
  }
}
.padding-page .single-page-banner {
  position: relative;
}
.padding-page .single-page-banner img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.padding-page .single-page-banner .sale-image-slider .carousel-inner img {
  width: 100%;
  height: 600px !important;
  object-fit: cover;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider .carousel-inner img {
    height: 300px !important;
  }
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators {
  bottom: 15%;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators {
    bottom: 10px;
    left: 20px;
    margin: 0;
    justify-content: flex-start;
  }
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators > li {
  width: 100px;
  background-color: transparent !important;
  border-bottom: none !important;
  border-top: none !important;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators > li {
    background-color: #fff !important;
    width: 5px;
    height: 5px;
    border-radius: 50%;
  }
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li {
  opacity: 1 !important;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li {
    opacity: 0.5 !important;
  }
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li.active {
  opacity: 1 !important;
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li img {
  display: block;
  opacity: 1 !important;
  height: 60px !important;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li img {
    display: none;
  }
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li.active img {
  opacity: 1 !important;
  border: 1px solid #fff;
}
.padding-page .single-page-banner .sale-image-slider #custCarousel .carousel-indicators li:hover img {
  opacity: 0.75;
}
.padding-page .single-page-banner .sale-image-slider .carousel-control-next-icon {
  background-image: url(../images/home/slide_arrow_right.svg) !important;
}
.padding-page .single-page-banner .sale-image-slider .carousel-control-prev-icon {
  background-image: url(../images/home/slide_arrow_left.svg) !important;
}
.padding-page .single-page-banner .sale-image-slider .carousel-control-next-icon,
.padding-page .single-page-banner .sale-image-slider .carousel-control-prev-icon {
  width: 40px !important;
  height: 30px !important;
}
.padding-page .single-page-banner .sale-image-slider .carousel-control-next,
.padding-page .single-page-banner .sale-image-slider .carousel-control-prev {
  opacity: 1 !important;
  width: 10% !important;
  height: 200px;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider .carousel-control-next,
.padding-page .single-page-banner .sale-image-slider .carousel-control-prev {
    width: 15% !important;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider .carousel-indicators .active {
    width: 16px !important;
    border-radius: 1px !important;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .sale-image-slider .list-inline-item:not(:last-child) {
    margin-right: 0 !important;
  }
}
.padding-page .single-page-banner .sale-image-slider .carousel-item img {
  width: 100%;
}
.padding-page .single-page-banner .sale-image-slider .carousel-item {
  position: relative;
}
.padding-page .single-page-banner .sale-image-slider .carousel-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(-180deg, rgba(7, 0, 35, 0) 50%, #070023b8 100%);
}
.padding-page .single-page-banner .share-icons {
  position: absolute;
  bottom: -20px;
  right: 30px;
  color: yellow;
  flex-direction: column;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .padding-page .single-page-banner .share-icons {
    right: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-banner .share-icons {
    right: 10px;
  }
}
.padding-page .single-page-banner .share-icons .sharing {
  display: inline-block;
  margin-right: 20px;
}
.padding-page .single-page-banner .share-icons .sharing a {
  background: white;
  box-shadow: 0px 1px 16px 0px rgba(76, 21, 255, 0.06);
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: -1px 5px 14px 1px #f4edff;
}
.padding-page .single-page-banner .share-icons .sharing a .fa {
  font-size: 20px;
  color: #4619ff;
}
.padding-page .single-page-banner .share-icons .sharing a img {
  width: 20px;
  height: auto;
}
.padding-page .single-page-banner .share-icons .bookmark {
  display: inline-block;
}
.padding-page .single-page-banner .share-icons .bookmark button {
  background: white;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(76, 21, 255, 0.06);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: -1px 5px 14px 1px #f4edff;
  z-index: 999;
}
.padding-page .single-page-banner .share-icons .bookmark button .fa {
  font-size: 18px;
}
.padding-page .single-page-banner .share-icons .bookmark button img {
  height: auto;
  width: 20px;
}
.padding-page .single-page-info {
  margin-top: 25px;
}
@media only screen and (max-width: 768px) {
  .padding-page .single-page-info {
    width: 90%;
    margin: auto;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-info {
    width: 90%;
    margin: auto;
    margin-top: 25px;
  }
}
.padding-page .single-page-info .single-page-date {
  font: normal 500 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
  margin-bottom: 15px;
}
.padding-page .single-page-info .single-page-price {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
}
.padding-page .single-page-info .single-page-price .old-price {
  font: normal 500 26px "RalewayBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-decoration: line-through;
  color: #fd615c;
  margin-right: 16px;
}
.padding-page .single-page-info .single-page-price .new-price {
  font: normal 500 26px "RalewayBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #1ad8a1;
}
.padding-page .single-page-info .single-page-title-btn {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: end;
  justify-content: space-between;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-info .single-page-title-btn {
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: start;
  }
}
.padding-page .single-page-info .single-page-title-btn h3 {
  font: normal 500 32px "RalewaySemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  color: #070023;
  width: 50%;
  margin-bottom: -7px !important;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-info .single-page-title-btn h3 {
    width: 100%;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 0;
  }
}
.padding-page .single-page-info .single-page-title-btn a {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: #4619ff;
  border-radius: 1px;
  height: 40px;
  width: 40%;
  padding: 8px;
}
.padding-page .single-page-info .single-page-title-btn a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-info .single-page-title-btn a {
    display: none;
  }
}
.padding-page .single-page-content {
  background: white;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 16px;
  margin: 10px 0 52px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .padding-page .single-page-content {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-content {
    width: 90%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 52px;
  }
}
.padding-page .single-page-content span {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
}
.padding-page .single-page-content p {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
}
.padding-page .single-page-content .margin-content {
  margin-bottom: 15px;
}
.padding-page .single-page-content .m2-field,
.padding-page .single-page-content .city-address,
.padding-page .single-page-content .car-structure,
.padding-page .single-page-content .car-fuel-km,
.padding-page .single-page-content .machine-types {
  column-count: 2;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-content .m2-field,
.padding-page .single-page-content .city-address,
.padding-page .single-page-content .car-structure,
.padding-page .single-page-content .car-fuel-km,
.padding-page .single-page-content .machine-types {
    display: flex;
    flex-direction: column;
  }
}
.padding-page .single-page-content .collapse-address {
  font: normal 500 16px "RalewaySemiBold";
  color: #070023;
}
.padding-page .single-page-content hr {
  border-top: 1px solid #f7f7f7;
  border-radius: 0px;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
}
.padding-page .single-page-content #dots {
  display: none !important;
}
.padding-page .single-page-content #more {
  display: block;
}
.padding-page .single-page-content #more .m2-field,
.padding-page .single-page-content #more .city-address,
.padding-page .single-page-content #more .bail-species {
  column-count: 2;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-content #more .m2-field,
.padding-page .single-page-content #more .city-address,
.padding-page .single-page-content #more .bail-species {
    display: block;
    column-count: 1;
  }
}
.padding-page .single-page-content #more .heating-registered {
  column-count: 1;
}
@media only screen and (max-width: 600px) {
  .padding-page .single-page-content #more .heating-registered {
    display: block;
    column-count: 1;
  }
}
.padding-page .single-page-content #myBtn {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  background: white;
  border: none;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  height: 32px;
  width: 32px;
  color: #070023;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.padding-page .single-page-content #myBtn img {
  width: 40%;
}
@media only screen and (min-width: 600px) {
  .padding-page .single-page-content #myBtn {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .padding-page .city-address {
    flex-direction: column !important;
  }
  .padding-page .city-address .city {
    width: 100%;
  }
  .padding-page .city-address .address {
    width: 100% !important;
  }
}
.padding-page .single-page-ads {
  display: flex;
  width: 50%;
  margin: auto;
}
.padding-page .single-page-ads img {
  width: 100%;
}
.padding-page .contact-seller-mobile {
  width: 90%;
  margin: auto;
  margin-top: 10px;
}
.padding-page .contact-seller-mobile a {
  display: none;
}
@media only screen and (max-width: 600px) {
  .padding-page .contact-seller-mobile a {
    font: normal 500 16px "BarlowBold";
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    background: #4619ff;
    border-radius: 1px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }
}
.padding-page .contact-seller-mobile span {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
  color: #9b99a6;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 600px) {
  .padding-page .contact-seller-mobile span {
    display: none;
  }
}

/********************************************************* Blog ***********************************************************/
.blog-intro {
  margin-top: 50px;
}
.blog-intro .blog-news h3 {
  font: normal 500 32px "BarlowBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  margin-bottom: 4px !important;
}

.hidden {
  opacity: 0.2;
}

.desktop-hd {
  display: block;
}
@media only screen and (min-width: 600px) {
  .desktop-hd {
    display: none;
  }
}
@media only screen and (min-width: 1400px) {
  .desktop-hd {
    display: block;
  }
}

.desktop-others {
  display: none;
}
@media only screen and (min-width: 600px) {
  .desktop-others {
    display: block;
  }
}
@media only screen and (min-width: 1400px) {
  .desktop-others {
    display: none;
  }
}

.listed-blogs {
  column-count: 1;
  margin-top: 70px;
}
@media only screen and (min-width: 992px) {
  .listed-blogs {
    column-count: 2;
  }
}
.listed-blogs .blog-card {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 20px;
}
.listed-blogs .blog-card .blog-img {
  overflow: hidden;
}
.listed-blogs .blog-card .blog-img img {
  width: 170px;
  height: 170px;
  object-fit: cover;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.listed-blogs .blog-card .blog-img img:hover {
  transform: scale(1.5);
}
.listed-blogs .blog-card .blog-info {
  width: 70%;
  padding-left: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.listed-blogs .blog-card .blog-info span {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  position: absolute;
  top: 10px;
}
.listed-blogs .blog-card .blog-info h3 {
  font: normal 500 18px "Raleway";
  letter-spacing: 0.7px;
  color: #070023;
  margin-bottom: 6px !important;
}
@media only screen and (max-width: 600px) {
  .listed-blogs .blog-card .blog-info h3 {
    font-size: 16px;
  }
}
.listed-blogs .blog-card .blog-info p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  margin-bottom: 6px !important;
}
@media only screen and (max-width: 600px) {
  .listed-blogs .blog-card .blog-info p {
    font-size: 13px;
    line-height: 15px;
  }
}
.listed-blogs .blog-card .blog-info a {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: #4619ff;
  position: absolute;
  bottom: 10px;
}
.listed-blogs .blog-card .blog-info a:hover {
  text-decoration: underline;
}

/****************************************************** Single Blog *******************************************************/
.single_blog {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin: auto;
}
@media only screen and (max-width: 1300px) {
  .single_blog {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .single_blog {
    width: 90%;
  }
}
@media only screen and (max-width: 600px) {
  .single_blog {
    width: 100%;
  }
}
.single_blog img {
  width: 100%;
  height: 420px !important;
  margin: 0 !important;
}
@media only screen and (max-width: 600px) {
  .single_blog .single-blog-padding {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: auto;
  }
}
.single_blog .single-blog-padding p:not(.privacy-policy-title) {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  margin-bottom: 30px !important;
}
.single_blog .single-blog-padding p:not(.privacy-policy-title) a {
  color: #4619ff;
  text-decoration: underline;
}
.single_blog .single-blog-padding .privacy-policy-title {
  color: #070023;
  font-size: 26px;
  font-family: "Raleway";
  font-weight: 600;
  letter-spacing: 1.4px;
  line-height: 26px;
  padding-bottom: 1rem;
}
.single_blog .single-blog-padding ul > li {
  list-style-type: none;
}
.single_blog .single-blog-date {
  font: normal 500 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  margin: 24px 0 !important;
  color: #9b99a6;
}
.single_blog .single-blog-title {
  font: normal 500 48px "RalewayBold";
  letter-spacing: 1.4px;
  line-height: 56px;
  color: #070023;
  margin-bottom: 10px !important;
}
.single_blog .short-intro {
  font: normal normal 26px "Raleway";
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #000;
  margin-bottom: 52px !important;
}
.single_blog .blog-titles {
  font: normal 500 32px "RalewayBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  color: #070023;
  margin-bottom: 4px !important;
}
.single_blog .blog-description {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  margin-bottom: 30px !important;
}
.single_blog img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin: 20px 0;
}
.single_blog hr {
  background: #e8e8e8;
  border-radius: 0px;
  margin: 50px 0 30px;
}

.share {
  margin: auto;
  width: 60%;
}
@media only screen and (max-width: 1300px) {
  .share {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .share {
    width: 90%;
  }
}
@media only screen and (max-width: 600px) {
  .share {
    width: 100%;
  }
}
.share h3 {
  font: normal 500 32px "BarlowSemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #070023;
}
.share .footer_socials {
  margin: 20px 0 50px;
  text-align: center;
}
.share .footer_socials .share-facebook {
  width: 40px;
  height: 40px;
  font-size: 20px;
  padding: 10px;
  margin-right: 16px;
  background-color: #4619ff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.share .footer_socials .share-facebook:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.share .footer_socials .share-linkedin {
  width: 40px;
  height: 40px;
  font-size: 20px;
  padding: 10px;
  margin-right: 16px;
  background-color: #4619ff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.share .footer_socials .share-linkedin:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.share .footer_socials .share-twitter {
  width: 40px;
  height: 40px;
  font-size: 20px;
  padding: 10px;
  background-color: #4619ff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.share .footer_socials .share-twitter:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.similar-law {
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 60%;
}
@media only screen and (max-width: 1300px) {
  .similar-law {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .similar-law {
    width: 90%;
  }
}
@media only screen and (max-width: 600px) {
  .similar-law {
    width: 100%;
  }
}
.similar-law h3 {
  font: normal 500 32px "BarlowBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  color: #070023;
  margin-bottom: 20px !important;
}
.similar-law .similar-law-card {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px !important;
  border-bottom: 2px solid transparent;
}
.similar-law .similar-law-card:hover {
  border-bottom: 2px solid #070023;
  text-decoration: none;
}

.similar_news {
  display: none;
}
.similar_news .blog-card {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  align-items: center;
}
.similar_news .blog-card .blog-img {
  overflow: hidden;
}
.similar_news .blog-card .blog-img img {
  width: 170px;
  height: 170px;
  object-fit: cover;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.similar_news .blog-card .blog-img img:hover {
  transform: scale(1.5);
}
.similar_news .blog-card .blog-info {
  width: 70%;
  padding-left: 20px;
}
.similar_news .blog-card .blog-info span {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
}
.similar_news .blog-card .blog-info h3 {
  font: normal 500 20px "Raleway";
  letter-spacing: 0.7px;
  color: #070023;
  margin-bottom: 6px !important;
}
.similar_news .blog-card .blog-info p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  margin-bottom: 6px !important;
}
.similar_news .blog-card .blog-info a {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: #4619ff;
}
.similar_news .blog-card .blog-info a:hover {
  text-decoration: underline;
}

/******************************************************** Dobos **********************************************************/
.dobos {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 50px;
}
@media only screen and (min-width: 1200px) {
  .dobos {
    flex-direction: row;
  }
}
@media only screen and (min-width: 1200px) {
  .dobos .dobos-left {
    width: 50%;
  }
}
.dobos .dobos-left .dobos-description {
  margin-bottom: 20px !important;
}
@media only screen and (min-width: 1200px) {
  .dobos .dobos-left .dobos-description {
    padding-right: 80px;
  }
}
.dobos .dobos-right {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 992px) {
  .dobos .dobos-right {
    column-count: 2;
  }
}
@media only screen and (min-width: 1200px) {
  .dobos .dobos-right {
    width: 50%;
    height: fit-content;
  }
}
.dobos .dobos-right .dobos-info {
  margin-bottom: 10px;
  flex: 100%;
}
@media only screen and (min-width: 992px) {
  .dobos .dobos-right .dobos-info {
    flex: 40%;
  }
  .dobos .dobos-right .dobos-info:nth-child(2) {
    margin-left: 30px;
  }
  .dobos .dobos-right .dobos-info:nth-child(4) {
    margin-left: 30px;
  }
  .dobos .dobos-right .dobos-info:nth-child(6) {
    margin-left: 30px;
  }
}
.dobos .dobos-right .dobos-info hr {
  border-radius: 0px;
  width: 24px;
  background-color: #4619ff;
  margin-bottom: 4px;
}
.dobos .dobos-right .dobos-info h3 {
  font: normal 500 26px "BarlowBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-transform: uppercase;
}
.dobos .dobos-right .dobos-info p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.4px;
  line-height: 24px;
  color: #9b99a6;
}

/******************************************************* Contact *********************************************************/
.contact {
  margin-top: 50px;
}
.contact .contact-left form {
  width: 80%;
}
@media only screen and (max-width: 991px) {
  .contact .contact-left form {
    width: 100%;
  }
}
.contact .contact-left .contact-bold {
  font: normal normal 16px "RalewaySemiBold";
  color: #070023;
}
.contact .contact-left input {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #070023;
  border: none;
  border-bottom: 1px solid #9b99a6;
  border-radius: 0;
  padding-left: 0;
}
.contact .contact-left span {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
}
.contact .contact-left .contact-btn:disabled {
  font: normal 500 16px "BarlowSemiBold";
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #e8e8e8;
  border-radius: 1px;
  height: 40px;
  width: 178px;
  border: none;
  color: #fff;
}
.contact .contact-left .contact-btn {
  font: normal 500 16px "BarlowSemiBold";
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: #4619ff;
  border-radius: 1px;
  height: 40px;
  width: 178px;
  border: none;
  color: #fff;
}
.contact .contact-left .modal {
  top: 20%;
}
.contact .contact-left .modal .modal-body {
  padding: 40px;
  text-align: center;
}
.contact .contact-left .modal .modal-body h3 {
  font: normal 500 48px "BarlowBold";
  letter-spacing: 1.4px;
  line-height: 56px;
  text-align: center;
  text-transform: uppercase;
  color: #070023;
}
.contact .contact-left .modal .modal-body p {
  font: normal normal 26px "Raleway";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-align: center;
  color: #000;
  padding-right: 0;
}
.contact .contact-left .donate-now {
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
}
.contact .contact-left .donate-now li {
  float: left;
  height: 40px;
  width: 95px;
  position: relative;
  margin-bottom: 10px;
}
.contact .contact-left .donate-now label,
.contact .contact-left .donate-now input {
  display: block;
  position: absolute;
}
.contact .contact-left .donate-now input[type=radio] {
  opacity: 0.01;
  z-index: 100;
}
.contact .contact-left .donate-now input[type=radio]:checked + label,
.contact .contact-left .Checked + label {
  background: #070023;
  color: #fff;
}
.contact .contact-left .donate-now label {
  font: normal 500 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  padding: 8px 9px;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  cursor: pointer;
  z-index: 90;
}
.contact .contact-left .donate-now label:hover {
  background: #ddd;
}
.contact .contact-left hr {
  border-radius: 0px;
  width: 52px;
  margin: 0;
  margin-bottom: 8px;
  background-color: #4619ff;
}
.contact .contact-left span {
  font: normal normal 12px "Raleway";
  letter-spacing: 0.3px;
  line-height: 16px;
  color: #9b99a6;
}
.contact .contact-left h3 {
  font: normal 500 32px "RalewayBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  margin: 8px 0 4px !important;
}
.contact .contact-left u {
  font-family: "RalewayBold";
}
.contact .contact-left p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  padding-right: 60px;
}
.contact .contact-left p a {
  font-family: "RalewaySemiBold";
  font-weight: 500;
  text-decoration: underline;
  color: #070023;
}
.contact .contact-left p a:hover {
  color: #4619ff;
}
.contact .contact-left h5 {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  margin-top: 20px;
}
.contact .contact-right {
  margin-top: 40px;
}
.contact .contact-right img {
  width: 100%;
}

/****************************************************** Test Baner *******************************************************/
.main-test {
  position: relative;
  background-color: #070023;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  .main-test {
    z-index: -1;
  }
}
.main-test .testing-btn {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
}
.main-test .testing-btn:hover {
  transform: translateX(8px);
}
@media only screen and (max-width: 1200px) {
  .main-test .testing {
    z-index: 999;
  }
}
.main-test .testing h2 {
  padding-right: 55%;
}
@media only screen and (max-width: 1200px) {
  .main-test .testing h2 {
    padding-right: 40%;
  }
}
@media only screen and (max-width: 992px) {
  .main-test .testing h2 {
    padding-right: 0;
  }
}
.main-test .testing p {
  padding-right: 55%;
}
@media only screen and (max-width: 1200px) {
  .main-test .testing p {
    padding-right: 40%;
  }
}
@media only screen and (max-width: 992px) {
  .main-test .testing p {
    padding-right: 0;
  }
}
.main-test .image-test {
  position: absolute;
  top: 0;
  right: 5%;
}
@media only screen and (max-width: 1200px) {
  .main-test .image-test {
    z-index: -1;
  }
}
@media only screen and (max-width: 768px) {
  .main-test .image-test {
    top: 25%;
    width: 390px;
    height: 500px;
    object-fit: cover;
    right: 0;
  }
}
.main-test .image-test img {
  width: 100%;
}
.main-test .patterns {
  position: absolute;
  top: 65%;
  right: 40%;
  animation: patterns 6s linear infinite;
}
@keyframes patterns {
  0% {
    transform: rotate(0deg) translate(-50px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translate(-50px) rotate(-360deg);
  }
}
@media only screen and (max-width: 1200px) {
  .main-test .patterns {
    display: none;
  }
}
.main-test .patterns img {
  width: 100%;
}

/****************************************************** Test Navigation **************************************************/
.navigation-section {
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
@media only screen and (max-width: 600px) {
  .navigation-section {
    display: none;
  }
}
.navigation-section .test-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 30px;
}
.navigation-section .test-navigation .test-navigation-logo {
  width: 20%;
}
.navigation-section .test-navigation .test-navigation-menu {
  width: 100%;
  padding-left: 20px;
}
.navigation-section .test-navigation .test-navigation-menu ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.navigation-section .test-navigation .test-navigation-menu ul li a {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: #070023;
}
.navigation-section .test-navigation .test-navigation-menu ul li a:hover {
  text-decoration: none;
}
.navigation-section .test-navigation .test-navigation-menu ul li a .navigation-register-bnt {
  font: normal 500 16px "BarlowBold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4619ff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 1px;
}
.navigation-section .test-navigation .test-navigation-menu ul li a .navigation-register-bnt:hover {
  color: #fff;
}
.navigation-section .test-navigation .test-navigation-search {
  display: flex;
  flex-direction: row;
  width: 20%;
  justify-content: end;
}
.navigation-section .test-navigation .test-navigation-search .languages {
  display: flex;
  margin-right: 20px;
}
.navigation-section .test-navigation .test-navigation-search .languages button {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #9b99a6;
  background: transparent;
  border: none;
}
.navigation-section .test-navigation .test-navigation-search .languages button:hover {
  text-decoration: underline;
  color: #070023;
}
.navigation-section .test-navigation .test-navigation-search .languages .active {
  text-decoration: underline;
  color: #070023;
}

.mobile-languages {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #9b99a6;
  background: transparent;
  border: none;
}

.navigation-section-mobile {
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 30px 0;
}
@media only screen and (min-width: 600px) {
  .navigation-section-mobile {
    display: none;
  }
}
.navigation-section-mobile .mobile-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.navigation-section-mobile .mobile-menu .navigation-mobile-logo {
  width: 40%;
}
.navigation-section-mobile .mobile-menu .navigation-mobile-logo img {
  width: 80%;
}
.navigation-section-mobile .mobile-menu .navigation-mobile-menu {
  width: 60%;
  text-align: end;
}
.navigation-section-mobile .mobile-menu .navigation-mobile-menu a {
  margin-right: 30px;
  text-decoration: none;
}
.navigation-section-mobile .mobile-menu .navigation-mobile-menu a:nth-child(3) {
  margin-right: 0;
}
.navigation-section-mobile .mobile-menu .navigation-mobile-menu .btn {
  padding: 0;
}

.desktop_nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 30px;
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
@media only screen and (max-width: 1100px) {
  .desktop_nav {
    display: none;
  }
}
.desktop_nav .desktop-nav-left-side {
  width: 20%;
}
.desktop_nav .desktop-nav-right-side {
  width: auto;
  text-align: right;
}
.desktop_nav .desktop-nav-right-side .search {
  margin-right: 10px;
}
.desktop_nav .desktop-nav-right-side ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
}
.desktop_nav .desktop-nav-right-side ul .search-form {
  display: none;
  position: absolute;
  top: 65%;
  right: 3%;
  width: 25%;
  height: 40px;
  transition: 1s ease;
  animation-name: slide-down;
  animation-duration: 0.3s;
  z-index: 120;
}
@keyframes slide-down {
  from {
    top: 35%;
  }
  to {
    top: 65%;
  }
}
.desktop_nav .desktop-nav-right-side ul .search-form .main-button {
  font-size: 14px;
}
.desktop_nav .desktop-nav-right-side ul .search-form .main-button:hover {
  transform: scale(1);
}
.desktop_nav .desktop-nav-right-side ul .search-form.show {
  display: block;
  top: 65%;
  opacity: 1;
  visibility: visible;
}
.desktop_nav .desktop-nav-right-side ul .search-form button {
  background-color: #4619ff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  color: #ffffff;
  height: inherit;
}
.desktop_nav .desktop-nav-right-side ul .search-form input {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff !important;
  background: #000;
  border-radius: 2px;
  border: 1px solid #f7f7f7;
  -webkit-box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 8px;
}
.desktop_nav .desktop-nav-right-side ul .active a {
  color: #070023;
  text-decoration: underline;
}
.desktop_nav .desktop-nav-right-side ul li {
  margin-right: 20px;
}
.desktop_nav .desktop-nav-right-side ul li .btn {
  vertical-align: baseline;
  padding: 0;
  margin-right: 10px;
}
.desktop_nav .desktop-nav-right-side ul li a {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: #9b99a6;
}
.desktop_nav .desktop-nav-right-side ul li a:hover {
  color: #070023;
}
.desktop_nav .desktop-nav-right-side ul li .nav-dobos {
  color: #4619ff !important;
  cursor: pointer;
}
.desktop_nav .desktop-nav-right-side ul li .dropdown-my-dobos {
  background: #4619ff;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  width: 200px;
  top: 15px !important;
}
.desktop_nav .desktop-nav-right-side ul li .dropdown-my-dobos .desktop-links {
  display: flex;
  flex-direction: column;
}
.desktop_nav .desktop-nav-right-side ul li .dropdown-my-dobos .desktop-links a {
  font: normal 500 16px "RalewaySemiBold";
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  padding: 5px 15px;
  text-transform: inherit;
  margin-bottom: 10px !important;
}
.desktop_nav .desktop-nav-right-side ul li .navigation-logouot {
  font: normal 500 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  padding: 5px 15px;
}
.desktop_nav .desktop-nav-right-side ul li .navigation-logouot:hover {
  text-decoration: underline;
}
.desktop_nav .desktop-nav-right-side ul li .navigation-register-bnt {
  font: normal 500 16px "BarlowSemiBold";
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4619ff;
  color: #fff;
  padding: 10px 20px;
  border-radius: 1px;
  border: 1px solid transparent;
}
.desktop_nav .desktop-nav-right-side ul li .navigation-register-bnt:hover {
  text-decoration: none;
  color: #fff;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav {
  margin-right: 10px;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav .drop-pages {
  text-decoration: none;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav button {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
  color: #9b99a6;
  background: transparent;
  border: none;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav button:hover {
  color: #070023;
  text-decoration: underline;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav button:focus {
  box-shadow: none !important;
  background: transparent !important;
  color: #9b99a6;
  border: none !important;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav .show {
  background: #070023;
  border-radius: 1px;
  border: 1px solid #2d2a39;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav .show a {
  font: normal normal 16px "RalewaySemiBold";
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: inherit;
  color: #fff;
  margin-bottom: 20px;
}
.desktop_nav .desktop-nav-right-side ul .dropdown-menu-nav .show a:hover {
  text-decoration: underline;
  background: transparent;
  color: #fff;
}
.desktop_nav .desktop-nav-right-side ul .languages {
  display: flex;
  margin-right: 20px;
}
.desktop_nav .desktop-nav-right-side ul .languages .dot {
  vertical-align: text-bottom;
    color:black;
    margin-top:-3px;
}
.desktop_nav .desktop-nav-right-side ul .languages .dot:hover {
    color:black;
    text-decoration: none!important;
}
.desktop_nav .desktop-nav-right-side ul .languages button {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  color: #9b99a6;
  background: transparent;
  border: none;
}
.desktop_nav .desktop-nav-right-side ul .languages button:hover {
  text-decoration: underline;
}
.desktop_nav .desktop-nav-right-side ul .languages .active {
  text-decoration: underline;
  color: #070023;
}

.mobile_nav {
  padding: 30px 10px;
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.mobile_nav .sidenav {
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  overflow-x: scroll;
  padding-top: 60px;
  padding-bottom: 20px;
  z-index: 999;
}
.mobile_nav .sidenav a {
  font: normal 500 16px "BarlowBold" !important;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  padding: 8px 8px 20px 0px;
  text-decoration: none;
  font-size: 25px;
  display: block;
  transition: 0.3s;
}
.mobile_nav .mobile-buttons-side {
  display: flex;
  align-items: center;
}
.mobile_nav .navigation-register-bnt {
  text-transform: uppercase;
  color: #fff !important;
  background: #4619ff;
  border-radius: 1px;
  margin: 8px 8px 8px 0px;
  padding: 8px !important;
  text-align: center;
}
@media only screen and (max-width: 400px) {
  .mobile_nav .navigation-register-bnt {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 40px;
  }
}
.mobile_nav .second-button {
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(76, 21, 255, 0.06);
  color: #4619ff !important;
  border-radius: 1px;
  margin: 8px 8px 8px 5px;
  padding: 8px !important;
  text-align: center;
}
@media only screen and (max-width: 400px) {
  .mobile_nav .second-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: 40px;
  }
}
.mobile_nav .sidenav .closebtn {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 30px !important;
}
.mobile_nav .header-mobile-top .logo-mobile-nav {
  position: absolute;
  top: 25px;
  width: 30%;
}
@media only screen and (min-width: 767px) {
  .mobile_nav .header-mobile-top .logo-mobile-nav {
    width: 15%;
  }
}
.mobile_nav .mobile-header-line {
  background-color: #f7f7f7;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 25px;
}
@media only screen and (max-width: 600px) {
  .mobile_nav .mobile-header-line {
    width: 95%;
  }
}
.mobile_nav .mobile-header-line-last {
  background-color: #f7f7f7;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
  .mobile_nav .mobile-header-line-last {
    width: 95%;
  }
}
.mobile_nav .mobile-menu-list summary {
  font: normal 500 16px "BarlowSemiBold" !important;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  padding: 8px 0px;
  text-decoration: none;
  font-size: 25px;
  display: flex;
  color: #4619ff;
}
.mobile_nav .mobile-menu-list summary img {
  margin-left: 9px;
}
.mobile_nav .mobile-menu-list summary::marker {
  display: none !important;
}
.mobile_nav .mobile-menu-list ul {
  list-style-type: none;
  height: 0;
}
.mobile_nav .mobile-menu-list ul .moble-vertical {
  border: 0;
  margin: 0;
  border-left: 1px solid #e8e8e8;
  height: 160px;
  float: left;
  padding-right: 12px;
}
.mobile_nav .mobile-menu-list ul li a {
  font: normal 500 16px "RalewaySemiBold" !important;
  text-transform: inherit;
  color: #4619ff;
}
.mobile_nav .mobile-menu-list ul li .navigation-logouot {
  font-family: "RalewaySemiBold" !important;
  font-weight: 600;
  text-transform: inherit;
  border: none;
  background: transparent;
  color: #4619ff;
}
.mobile_nav .mobile-menu-list-services summary {
  font: normal 500 16px "BarlowBold" !important;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  padding: 8px 8px 20px 0px;
  text-decoration: none;
  font-size: 25px;
  display: flex;
  color: #070023;
}
.mobile_nav .mobile-menu-list-services summary img {
  margin-left: 9px;
}
.mobile_nav .mobile-menu-list-services summary::marker {
  display: none !important;
}
.mobile_nav .mobile-menu-list-services ul {
  list-style-type: none;
  margin: 0;
}
.mobile_nav .mobile-menu-list-services ul .moble-vertical {
  border: 0;
  margin: 0;
  border-left: 1px solid #e8e8e8;
  height: 160px;
  float: left;
  padding-right: 12px;
}
.mobile_nav .mobile-menu-list-services ul li a {
  font: normal 500 16px "RalewaySemiBold" !important;
  text-transform: inherit;
  color: #070023;
}
.mobile_nav .mobile-menu-list-info summary {
  font: normal 500 16px "BarlowBold" !important;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  padding: 8px 8px 20px 0px;
  text-decoration: none;
  font-size: 25px;
  display: flex;
  color: #070023;
}
.mobile_nav .mobile-menu-list-info summary img {
  margin-left: 9px;
}
.mobile_nav .mobile-menu-list-info summary::marker {
  display: none !important;
}
.mobile_nav .mobile-menu-list-info ul {
  list-style-type: none;
  margin: 0;
}
.mobile_nav .mobile-menu-list-info ul .moble-vertical {
  border: 0;
  margin: 0;
  border-left: 1px solid #e8e8e8;
  height: 170px;
  float: left;
  padding-right: 12px;
}
.mobile_nav .mobile-menu-list-info ul li a {
  font: normal 500 16px "RalewaySemiBold" !important;
  text-transform: inherit;
  color: #070023;
}
.mobile_nav .mobile-menu-list-about summary {
  font: normal 500 16px "BarlowBold" !important;
  letter-spacing: 1px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
  padding: 8px 8px 20px 0px;
  text-decoration: none;
  font-size: 25px;
  display: flex;
  color: #070023;
}
.mobile_nav .mobile-menu-list-about summary img {
  margin-left: 9px;
}
.mobile_nav .mobile-menu-list-about summary::marker {
  display: none !important;
}
.mobile_nav .mobile-menu-list-about ul {
  list-style-type: none;
  margin: 0;
}
.mobile_nav .mobile-menu-list-about ul .moble-vertical {
  border: 0;
  margin: 0;
  border-left: 1px solid #e8e8e8;
  height: 120px;
  float: left;
  padding-right: 12px;
}
.mobile_nav .mobile-menu-list-about ul li a {
  font: normal 500 16px "RalewaySemiBold" !important;
  text-transform: inherit;
  color: #070023;
}
@media only screen and (min-width: 1100px) {
  .mobile_nav {
    display: none;
  }
}
.mobile_nav .mobile-right .search {
  cursor: pointer;
  margin-right: 1rem;
}
.mobile_nav .mobile-right a {
  color: #000;
  margin-right: 15px;
}
.mobile_nav .mobile-right a:last-child {
  margin-right: 0;
}
.mobile_nav .mobile-right .search-form {
  display: none;
  position: absolute;
  right: 3%;
  padding: 0 1rem;
  width: 100%;
  height: 40px;
  transition: 1s ease;
  animation-name: slide-down;
  animation-duration: 0.3s;
  z-index: 120;
}
@keyframes slide-down {
  from {
    top: 35%;
  }
  to {
    top: 65%;
  }
}
.mobile_nav .mobile-right .search-form .main-button {
  font-size: 14px;
}
.mobile_nav .mobile-right .search-form .main-button:hover {
  transform: scale(1);
}
.mobile_nav .mobile-right .search-form.show {
  display: flex;
  position: absolute;
  right: 3%;
  justify-content: space-between;
  gap: 10px;
  width: auto;
  top: 65%;
  opacity: 1;
  visibility: visible;
}
.mobile_nav .mobile-right .search-form button {
  background-color: #4619ff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  color: #ffffff;
}
.mobile_nav .mobile-right .search-form input {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #fff !important;
  background: #000;
  border-radius: 2px;
  border: 1px solid #f7f7f7;
  -webkit-box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 8px;
  flex-grow: 1;
}
.mobile_nav .mobile-right .active a {
  color: #070023;
  text-decoration: underline;
}

@media only screen and (max-width: 600px) {
  .single-sale-ad-mobile {
    width: 100%;
    margin: auto !important;
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .single-sale-ad-mobile {
    width: 90%;
    margin: auto !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

.mobile-logo-left img {
  width: 80%;
}

.ratings {
  z-index: 999 !important;
  height: 100vh;
  width: 430px;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background: white;
  border-radius: 0px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  overflow-x: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-top: 60px;
}
.ratings .rating-inside {
  padding: 0px 40px;
}
.ratings .rating-inside h3 {
  font: normal 500 32px "BarlowSemiBold";
  letter-spacing: 0.9px;
  line-height: 40px;
  text-transform: uppercase;
  color: #070023;
}
.ratings .rating-inside h5 {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #9b99a6;
  margin-bottom: 10px !important;
}
.ratings .rating-inside p {
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  margin: 10px 0 20px !important;
}
.ratings .rating-inside .submit-rate-btn {
  font: normal 500 16px "BarlowSemiBold";
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  background-color: #4619ff;
  color: white;
  width: 100%;
  height: 40px;
  border: none;
}
.ratings .rating-inside .star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  /* width: 250px; remove this */
  height: 50px;
  overflow: hidden;
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}
.ratings .rating-inside .star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  /* width: 20%; remove this */
  z-index: 1;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=");
  background-size: contain;
}
.ratings .rating-inside .star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  /* width: 20%; remove this */
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.ratings .rating-inside .star-rating input:hover + i,
.ratings .rating-inside .star-rating input:checked + i {
  opacity: 1;
}
.ratings .rating-inside .star-rating i ~ i {
  width: 40%;
}
.ratings .rating-inside .star-rating i ~ i ~ i {
  width: 60%;
}
.ratings .rating-inside .star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.ratings .rating-inside .star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.ratings .rating-inside ::after,
.ratings .rating-inside ::before {
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}
.ratings .rating-inside .star-rating.star-5 {
  width: 250px;
}
.ratings .rating-inside .star-rating.star-5 input,
.ratings .rating-inside .star-rating.star-5 i {
  width: 20%;
}
.ratings .rating-inside .star-rating.star-5 i ~ i {
  width: 40%;
}
.ratings .rating-inside .star-rating.star-5 i ~ i ~ i {
  width: 60%;
}
.ratings .rating-inside .star-rating.star-5 i ~ i ~ i ~ i {
  width: 80%;
}
.ratings .rating-inside .star-rating.star-5 i ~ i ~ i ~ i ~ i {
  width: 100%;
}
.ratings .rating-inside .star-rating.star-3 {
  width: 150px;
}
.ratings .rating-inside .star-rating.star-3 input,
.ratings .rating-inside .star-rating.star-3 i {
  width: 33.33%;
}
.ratings .rating-inside .star-rating.star-3 i ~ i {
  width: 66.66%;
}
.ratings .rating-inside .star-rating.star-3 i ~ i ~ i {
  width: 100%;
}

.sharing-title {
  text-align: center;
  padding-bottom: 0.5rem;
}

.sharing-container {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  width: 15%;
  margin: 0.5rem auto 1.5rem auto;
}
.sharing-container .social-media {
  transition: 0.3s ease-in-out;
}
.sharing-container .social-media:hover {
  transform: scale(1.2);
}

@media only screen and (max-width: 768px) {
  .sharing-title {
    margin: 2.5rem auto 0.5px auto;
  }
}
@media only screen and (max-width: 1400px) {
  .sharing-container {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .sharing-container {
    width: 50%;
  }
}
@media only screen and (max-width: 400px) {
  .sharing-container {
    width: 65%;
  }
}
.empty {
  text-align: center;
  margin: 140px 0;
}

@media only screen and (max-width: 768px) {
  .empty {
    margin: 0 0 60px;
  }
}
.empty img {
  margin-bottom: 30px;
}

.empty h1 {
  font: normal 500 48px "BarlowSemiBold";
  letter-spacing: 1.4px;
  line-height: 56px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px !important;
  color: #070023;
}

@media only screen and (max-width: 600px) {
  .empty h1 {
    font-size: 40px;
  }
}
.empty p {
  font: normal normal 26px "Raleway";
  letter-spacing: 0.7px;
  line-height: 34px;
  text-align: center;
  color: #070023;
  width: 55%;
  margin: auto;
}

@media only screen and (max-width: 600px) {
  .empty p {
    font-size: 20px;
    line-height: 24px;
    width: 100%;
  }
}
.padding-search-list {
  padding: 3rem 1rem 0 3rem;
  word-wrap: break-word;
}
@media only screen and (max-width: 1200px) {
  .padding-search-list {
    margin: 0 auto;
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .padding-search-list {
    width: 100%;
  }
}
.padding-search-list a {
  font: normal 500 26px "BarlowBold";
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 34px;
  color: #9b99a6;
  margin-right: 20px;
  text-decoration: none;
}
.padding-search-list a:hover {
  color: #070023;
  text-decoration: underline;
}
.padding-search-list .active {
  text-decoration: underline;
  color: #070023;
}

.search-field-styled {
  background-color: #e0f5ff;
}

.search-result-listed {
  width: 50%;
  padding: 3rem;
}
@media only screen and (max-width: 1200px) {
  .search-result-listed {
    margin: 0 auto;
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .search-result-listed {
    width: 100%;
  }
}
.search-result-listed .offers-link:hover {
  text-decoration: none;
}
.search-result-listed .auction {
  display: flex;
  flex-direction: row;
  width: 95%;
  border-radius: 1px;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  position: relative;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .search-result-listed .auction {
    margin-bottom: 20px;
    width: 100%;
  }
}
.search-result-listed .auction:focus {
  text-decoration: none;
}
.search-result-listed .auction:hover {
  text-decoration: none;
}
.search-result-listed .auction .auction_image {
  width: 170px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .search-result-listed .auction .auction_image {
    width: auto;
  }
}
.search-result-listed .auction .auction_image img {
  width: 170px;
  height: 170px;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.search-result-listed .auction .auction_image img:hover {
  transform: scale(1.5);
}
@media only screen and (max-width: 600px) {
  .search-result-listed .auction .auction_image img {
    width: 100px;
    height: 100px;
  }
}
.search-result-listed .auction .time-auction {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.search-result-listed .auction .time-auction h5 {
  font: normal 500 16px "RalewayBold";
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #4619ff;
}
.search-result-listed .auction .auction_info {
  width: 70%;
  padding: 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .search-result-listed .auction .auction_info {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .search-result-listed .auction .auction_info {
    padding: 0;
    padding-left: 20px;
    padding-top: 5px;
  }
}
.search-result-listed .auction .auction_info span {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #9b99a6;
}
@media only screen and (max-width: 600px) {
  .search-result-listed .auction .auction_info span {
    font-size: 12px;
  }
}
.search-result-listed .auction .auction_info .auction_price {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.search-result-listed .auction .auction_info .auction_price p {
  font-family: "RalewayBold";
  margin: 6px 0;
}
.search-result-listed .auction .auction_info .auction_price p:nth-child(1) {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: line-through;
  color: #fd615c;
  display: none;
}
.search-result-listed .auction .auction_info .auction_price p:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #1ad8a1;
}
@media only screen and (max-width: 600px) {
  .search-result-listed .auction .auction_info .auction_price p:nth-child(2) {
    font-size: 12px;
    margin: 3px 0 !important;
  }
}
.search-result-listed .auction .auction_info h3 {
  font: normal 500 24px "RalewayBold";
  letter-spacing: 0.7px;
  line-height: 25px;
  color: #070023;
  margin-top: 10px;
}
@media only screen and (max-width: 1200px) {
  .search-result-listed .auction .auction_info h3 {
    font: normal 500 20px "RalewayBold";
    letter-spacing: 0.5px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .search-result-listed .auction .auction_info h3 {
    font: normal 500 26px "RalewayBold";
    letter-spacing: 0.5px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .search-result-listed .auction .auction_info h3 {
    font: normal 500 15px "RalewayBold";
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-top: 0;
  }
}
.search-result-listed .auction .auction_info a {
  font: normal 500 16px "BarlowSemiBold";
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 24px;
  color: #4619ff;
  position: absolute;
  bottom: 10px;
}
.search-result-listed .auction .marker {
  position: absolute;
  right: -22px;
  top: 25px;
  background-color: #1ad8a1;
  transform: rotate(45deg);
    width:116px;
}
.search-result-listed .auction .marker h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}
.search-result-listed .auction .marker-auction {
  position: absolute;
  right: -25px;
  top: 25px;
  background-color: #fd615c;
  transform: rotate(45deg);
    width:116px;
}
.search-result-listed .auction .marker-auction h5 {
  font: normal 500 16px "BarlowBold";
  letter-spacing: 0.45px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 5px 5px 9px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 2px 30px;
}

/******************************************************** Copy ************************************************************/
.clipboard {
  background-color: transparent;
  border: none;
}

.copy {
  font: normal 500 20px "BarlowSemiBold";
  text-align: center;
  color: #1ad8a1;
  margin-bottom: 25px !important;
}

.sample_results,
.machineChosenList,
.estateChosenList,
.otherChosenList,
.vehicleChosenList,
.vehicleManufacturerChosenList {
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  width: auto;
  flex-wrap: wrap;
}
.sample_results details[open] > summary,
.machineChosenList details[open] > summary,
.estateChosenList details[open] > summary,
.otherChosenList details[open] > summary,
.vehicleChosenList details[open] > summary,
.vehicleManufacturerChosenList details[open] > summary {
  border-bottom: none !important;
}
.sample_results details > summary::after,
.machineChosenList details > summary::after,
.estateChosenList details > summary::after,
.otherChosenList details > summary::after,
.vehicleChosenList details > summary::after,
.vehicleManufacturerChosenList details > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f107";
  right: 20px;
}
.sample_results details[open] > summary::after,
.machineChosenList details[open] > summary::after,
.estateChosenList details[open] > summary::after,
.otherChosenList details[open] > summary::after,
.vehicleChosenList details[open] > summary::after,
.vehicleManufacturerChosenList details[open] > summary::after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f106";
  right: 20px;
}
.sample_results details > summary::-webkit-details-marker,
.machineChosenList details > summary::-webkit-details-marker,
.estateChosenList details > summary::-webkit-details-marker,
.otherChosenList details > summary::-webkit-details-marker,
.vehicleChosenList details > summary::-webkit-details-marker,
.vehicleManufacturerChosenList details > summary::-webkit-details-marker {
  display: none;
}
.sample_results .cityWrapper,
.machineChosenList .cityWrapper,
.estateChosenList .cityWrapper,
.otherChosenList .cityWrapper,
.vehicleChosenList .cityWrapper,
.vehicleManufacturerChosenList .cityWrapper {
  position: relative;
  width: auto;
  list-style-type: none;
  padding: 5px 10px;
  width: auto;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  background-color: #fff;
}
.sample_results .cityWrapper .cancel,
.machineChosenList .cityWrapper .cancel,
.estateChosenList .cityWrapper .cancel,
.otherChosenList .cityWrapper .cancel,
.vehicleChosenList .cityWrapper .cancel,
.vehicleManufacturerChosenList .cityWrapper .cancel {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 10px;
  height: 10px;
  border: 1px solid #f7f7f7;
}

.inputTown {
  font: normal 500 26px "RalewaySemiBold";
  letter-spacing: 0.7px;
  line-height: 34px;
  width: 100%;
  color: #000;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.places {
  width: 100%;
  position: relative;
  height: auto;
  color: #000;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  padding: 12px 16px;
  height: 200px;
  overflow-x: scroll;
}
.places .listedCities {
  position: relative;
}
.places .listedCities li {
  list-style-type: none;
}
.places .listedCities li > label {
  display: block;
  font: normal normal 16px "Raleway";
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #070023;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.select2 {
  margin-top: 10px;
}

.filter-multiselect + .select2-container--default.select2-container--focus .select2-selection--multiple,
.filter-multiselect + .select2-container--default.select2-container .select2-selection--multiple {
  overflow-y: auto;
  white-space: nowrap;
  background: white;
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
  font-family: "Raleway";
  padding: 5px 5px 9px;
}
.filter-multiselect + .select2-container--default.select2-container--focus .select2-selection--multiple span,
.filter-multiselect + .select2-container--default.select2-container .select2-selection--multiple span {
  color: #070023;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
}

.select2-container--default .select2-results__option--selected {
  background-color: #e8e8e8;
  font-family: "Raleway";
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #070023;
  color: white;
  font-family: "Raleway";
}

.select2-container--open .select2-dropdown--below {
  border-radius: 1px;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 1px 16px 0px rgba(7, 0, 35, 0.06);
}

.select2-container .select2-selection--single {
  height: auto;
}

.select2-container--default .select2-selection--single {
  white-space: nowrap;
  background: #ffffff;
  border: 1px solid #ffffff;
  font-family: "Raleway";
  padding: 5px;
}
.select2-container--default .select2-selection--single span {
  color: #070023;
}

.select2-container--open .select2-dropdown--below {
  margin-top: -6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 20%;
}

/*# sourceMappingURL=style.css.map */