@font-face {
  font-family: OpenSans;
  src: url(../font/OpenSans-Regular.ttf);
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
  font-family: OpenSans !important;
  -webkit-touch-callout: none;
  /*-webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
}

.container {
  width: 100%;
  max-width: 1200px !important;
  margin: 0 auto; /* centers it horizontally */
  padding: 0 15px; /* adds side spacing like Bootstrap */
}

.story {
  content-visibility: auto;
  contain-intrinsic-size: 100px 1000px;
}

a.orange-btn {
  background-color: #ff4500;
  color: #fff;
  font-size: 1rem;
}

a.orange-btn:hover {
  background-color: #ff6d38;
  color: #fff !important;
}

a.yellow-btn {
  background-color: #ffe500;
  color: #000;
  font-size: 1rem;
}

a.yellow-btn:hover {
  background-color: #ffeb32;
  color: #000 !important;
}

.blue-btn-border {
  background-color: transparent;
  color: #0009a4;
  font-size: 1rem;
  border-radius: 4px;
  border: solid 1px #0009a4;
  padding: 7px 10px;
}

.blue-btn-border:hover {
  color: #0009a4;
}

.hello-btn-menu {
  background-color: transparent;
  color: #0009a4;
  font-size: 1rem;
  border-radius: 4px;
  border: solid 1px #0009a4;
  padding: 7px 10px;
}

.hello-btn-menu:hover {
  color: #0009a4;
}

.dark-blue-btn {
  background-color: #000452;
  color: #fff;
  font-size: 1rem;
}

.dark-blue-btn:hover {
  background-color: #0009b8;
  color: #fff;
}

.dark-blue-btnform {
  background-color: #000452;
  color: #fff;
  font-size: 1rem;
  border-radius: 4px;
}

.dark-blue-btnform:hover {
  background-color: #0009b8;
  color: #fff;
}

.btn-lightform {
  background-color: transparent;
  font-size: 1rem;
  color: #2e2e2e;
}

.btn-lightform:hover {
  background-color: transparent;
  font-size: 1rem;
}

.f-size-12 {
  font-size: 0.75rem;
}

.f-size-13 {
  font-size: 0.8125rem;
}

.f-size-14 {
  font-size: 0.875rem;
}

.f-size-15 {
  font-size: 0.9375rem;
}

.f-size-16 {
  font-size: 1rem;
}

.f-size-17 {
  font-size: 1.0625rem;
}

.f-size-18 {
  font-size: 1.125rem !important;
}

.f-size-20 {
  font-size: 1.25rem !important;
}

.f-size-21 {
  font-size: 1.313rem !important;
}

.f-size-22 {
  font-size: 1.375rem !important;
}

.f-size-36 {
  font-size: 2.25rem;
}

.footer-bg {
  background-color: #1C4701 !important;
  color: #fff;
}

.my-listing-bg {
  background-color: #000452;
  border-radius: 4px;
}

.header-bg {
  height: 292px;
  -webkit-animation-name: pulseColorGreenMkt;
  -webkit-animation-duration: 12s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulseColorGreenMkt {
  0% {
    background: url(../images/home-banner-1.jpg) rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
  }
  50% {
    background: url(../images/home-banner-2.jpg) rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
  }
  100% {
    background: url(../images/home-banner-3.jpg) rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
  }
}
.listing-bg {
  background-image: url(../images/head-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
}

.header-text {
  color: #fefefe;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  text-shadow: 2px 2px 5px black;
  line-height: normal;
}

.header-text-sm {
  color: #fefefe;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.header-text-25 {
  color: #fefefe;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.header-text-30 {
  color: #fefefe !important;
  font-size: 1.875rem !important;
  font-style: normal;
  font-weight: 200 !important;
  line-height: normal;
  text-transform: capitalize;
  text-shadow: 2px 2px 5px black;
}

.btn-outline {
  border-radius: 4px;
  border: 1px solid #fefefe;
  color: #fff;
  padding: 8px 12px;
  font-size: 1.25rem;
}

.btn-outline:hover {
  background-color: #ff4500 !important;
  color: #fff;
  border: 1px solid #ff4500;
}

.btn-outline-active:checked {
  border-radius: 4px;
  border: 1px solid #ff4500;
  color: #fff;
  padding: 8px 12px;
  font-size: 1.25rem;
  background-color: #ff4500 !important;
}

.white-text {
  color: #fff;
}

.black-text {
  color: #000 !important;
}

.orange-text {
  color: #ff4500;
}

.dark-bg {
  background-color: #2E2E2E;
  color: #FFE500;
  padding: 10px 10px;
  border-radius: 0px;
  margin-top: 15px;
}

.yellow-text {
  color: #ffe500;
}

.gray-1E1E {
  color: #1e1e1e;
}

.white-link {
  color: #fff;
  font-size: 16px !important;
}

.white-link:hover {
  color: #FFE500 !important;
}

a.white-link-sml {
  font-size: 11px !important;
  line-height: 0.8 !important;
  color: #fff !important;
  text-decoration: none !important;
}

.call-us {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.call-us a {
  font-size: 20px;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 600;
}

.call-us a:hover {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.client-name {
  font-size: 22px;
  color: #FFE500;
  font-weight: 600;
}

.gray-777 {
  color: #777;
}

.gray-b5b {
  color: #b5b5b5;
}

.bg-777 {
  background-color: #777777;
}

.bg-0000000d {
  background-color: rgba(0, 0, 0, 0.0509803922);
}

.bg-feffea {
  background-color: #feffea;
}

.bg-white {
  background-color: #fff;
}

.border-5 {
  border: solid 1px #777777;
}

.text-decoration-hover {
  text-decoration: none;
}

.text-decoration-hover:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.rounded-pill-nav {
  border: solid 1px #1e1e1e;
  font-size: 12px;
  color: #1e1e1e;
}

.rounded-pill-nav a {
  font-size: 12px;
  color: #1e1e1e;
  text-decoration: none;
  font-weight: 600;
  line-height: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.rounded-pill-nav a:hover {
  background-color: #000452;
  color: #fff;
}

.rounded-pill-end {
  border-right: solid 1px #1e1e1e;
}

a.equip-link {
  color: #1e1e1e;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  text-decoration: none;
}

a.equip-link::before {
  color: #1e1e1e;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #1e1e1e;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.equip-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.pagination .page-link {
  border: 0px;
  color: #1e1e1e;
}

.pagination .page-link.active {
  border: 0px;
  color: #000;
  background-color: #CDDA5C;
  border-radius: 4px;
}

.listing-box-in {
  border-radius: 4px;
  border: 1px solid #FC9600;
  background-color: #F0F0F0;
  box-shadow: 1px 1px 10px 0px rgba(149, 157, 165, 0.2);
  position: relative;
  margin-top: 20px;
}

.listing-box {
  border-radius: 4px;
  border: 1px solid #FC9600;
  background-color: #F0F0F0;
  box-shadow: 1px 1px 10px 0px rgba(149, 157, 165, 0.2);
  position: relative;
  margin-top: 40px;
}

.listing-box-wanted {
  border-radius: 4px;
  border: 1px solid #0d6efd;
  background-color: #feffea !important;
  box-shadow: 1px 1px 10px 0px rgba(149, 157, 165, 0.2);
}

.listing-price {
  font-weight: 500;
  font-size: 1.25rem;
}

.listing-thumb img {
  border-radius: 6px;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  aspect-ratio: 2/1;
  height: 140px;
}

.article-thumb img {
  border-radius: 6px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  height: 229px;
  width: 100%;
}

.team-thumb img {
  border-radius: 6px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  height: 220px;
  margin-bottom: 10px;
}

a.team-thumb {
  text-decoration: none !important;
}

a.team-thumb::before {
  color: transparent;
  text-decoration: none !important;
  height: 0 !important;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
}

a.team-thumb:hover::before {
  text-decoration: none !important;
}

.image-height {
  min-height: 187px;
}

.listing-thumb .for-sale,
.listing-thumb .wanted,
.listing-thumb .auction,
.listing-thumb .sold {
  position: absolute !important;
}

.auction-thumb .for-sale,
.auction-thumb .wanted,
.auction-thumb .auction,
.auction-thumb .sold {
  position: absolute !important;
}

.auction-thumb img {
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 180px;
}

.auction-date {
  font-size: 1rem;
  color: #1e1e1e;
}

.auction-number {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
}

.auction-days-togo {
  font-size: 0.8rem;
  color: #348a00;
}

.auction-completed {
  font-size: 0.8rem;
  color: #ff0400;
  font-weight: bold;
}

.auction-lots {
  color: #000452;
  font-size: 0.8rem;
}

.auctions-title {
  font-size: 1.1rem;
}

.for-sale {
  background-color: #348a00;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 0.875rem;
  bottom: 0;
  right: 10px;
}

.wanted {
  background-color: #ffe500;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 0.875rem;
  bottom: 0;
  color: #000;
  right: 10px;
}

.auction {
  background-color: #ff4500;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 0.875rem;
  bottom: 0;
  right: 10px;
}

.sold {
  background-color: #ff0400;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 0.875rem;
  bottom: 0;
  right: 10px;
}

.for-sale-title {
  color: #348a00;
  font-size: 1rem;
  font-weight: bold;
}

.wanted-title {
  color: #ffe500;
  font-size: 1rem;
  font-weight: bold;
}

.sold-title {
  color: #ff0400;
  font-size: 1rem;
  font-weight: bold;
}

.auction-title {
  color: #ff4500;
  font-size: 1rem;
  font-weight: bold;
}

/* filter menu css start ex All, For Sale, Wanted, Sold, Auctions  */
.capsule-box {
  border: solid 1px #777 !important;
  font-size: 12px;
  display: block;
  min-height: 37px;
  overflow: hidden;
}

.capsule-box a.link {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  line-height: 37px;
  border-right: solid 1px #777;
  border-collapse: collapse;
  color: #1e1e1e;
}

.capsule-box a.blue-menu {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  line-height: 37px;
  border-right: solid 1px #777;
  border-collapse: collapse;
  color: #1e1e1e;
  background-color: #fff;
}

.capsule-box a.blue-menu:hover {
  color: #000;
  background-color: #CDDA5C;
}

.capsule-box a.blue-menu-active {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  background-color: #CDDA5C;
  color: #000;
}

.capsule-box a.green-menu {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  line-height: 37px;
  border-right: solid 1px #777;
  border-collapse: collapse;
  color: #1e1e1e;
  background-color: #fff;
}

.capsule-box a.green-menu:hover {
  color: #fefefe;
  background-color: #348a00;
}

.capsule-box a.green-menu-active {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  background-color: #348a00;
  color: #fefefe;
}

.capsule-box a.yellow-menu {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  line-height: 37px;
  border-right: solid 1px #777;
  border-collapse: collapse;
  color: #1e1e1e;
  background-color: #fff;
}

.capsule-box a.yellow-menu:hover {
  color: #1e1e1e;
  background-color: #ffe500;
}

.capsule-box a.yellow-menu-active {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  background-color: #ffe500;
  color: #000;
}

.capsule-box a.red-menu {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  line-height: 37px;
  border-right: solid 1px #777;
  border-collapse: collapse;
  color: #1e1e1e;
  background-color: #fff;
}

.capsule-box a.red-menu:hover {
  color: #fefefe;
  background-color: #ff0400;
}

.capsule-box a.red-menu-active {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  background-color: #ff0400;
  color: #fefefe;
}

.capsule-box a.orange-menu {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  line-height: 37px;
  border-right: solid 1px #777;
  border-collapse: collapse;
  color: #1e1e1e;
  background-color: #fff;
}

.capsule-box a.orange-menu:hover {
  color: #fefefe;
  background-color: #ff4500;
}

.capsule-box a.orange-menu-active {
  font-size: 1rem;
  text-decoration: none;
  padding: 10px 17px;
  background-color: #ff4500;
  color: #fefefe;
}

.capsule-box a:nth-last-child(1) {
  border-right: solid 0px #fff;
}

/* filter menu css start ex All, For Sale, Wanted, Sold, Auctions  */
.onimage-content {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-weight: 900;
  font-size: 36px;
  padding: 0 0 3rem 2rem;
}

.onimage-content a {
  padding: 5px 25px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  border: solid 1px #fff;
}

a.box-title {
  color: #1e1e1e;
  font-weight: 800;
  font-size: 1rem;
  text-decoration: none;
}

a.box-title:hover {
  color: #1e1e1e;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

a.box-number {
  color: #1e1e1e;
  font-size: 1rem;
  font-weight: 800;
  text-decoration: none;
}

a.box-number:hover {
  color: #1e1e1e;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.text-decoartion-hover {
  text-decoration: none;
}

.text-decoartion-hover:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

a.footer-link {
  font-size: 0.9rem;
  color: #fff;
  text-decoration: none;
  line-height: 1.9rem;
  position: relative;
}

a.footer-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.footer-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.footer-link-title {
  font-size: 1.5rem;
}

.footer-content {
  font-size: 0.9rem;
}

.footer-address {
  font-size: 0.9rem;
}

.copyright-content {
  font-size: 1.125rem;
}

.green-btn {
  background-color: #348A00 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 5px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

a.know-more {
  color: #ffaa2d;
  font-size: 1rem;
  position: relative;
  text-decoration: none;
}

a.know-more::before {
  color: #ffaa2d;
  font-size: 1rem;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #ffaa2d;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.know-more:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a.terms-link-box {
  font-size: 1rem;
  color: #000;
  position: relative;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

a.terms-link-box:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a.terms-link-box:hover {
  font-size: 1rem;
  color: #000;
  position: relative;
  text-decoration: none !important;
  text-underline-offset: 3px;
}

a.terms-link-box::before {
  color: #000;
  font-size: 0.75rem;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #000;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.terms-link {
  font-size: 1rem;
  color: #fff;
  position: relative;
  text-decoration: none;
  text-underline-offset: 3px;
}

a.terms-link::before {
  color: #000;
  font-size: 0.75rem;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #000;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.terms-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

#enquiryForm a.terms-link {
  font-size: 1rem;
  color: #000 !important;
  text-decoration: none;
}

#enquiryForm a.terms-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

#enquiryForm .submitbutton {
  font-size: 1rem !important;
  padding: 10px 12px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  background-color: #348A00 !important;
  color: #fff !important;
  border: none !important;
}

.page-title {
  font-size: 1.375rem;
  font-weight: 900 !important;
}

.detail-page-title {
  font-size: 1.375rem;
  font-weight: 900 !important;
  color: #000;
}

.title {
  font-size: 1.25rem;
  font-weight: 600 !important;
}

.bookmark {
  background-image: url(../images/bookmark.svg);
  background-repeat: no-repeat;
  background-size: 20px 18px;
  background-position: 2px 3px;
  width: 20px;
  height: 24px;
  cursor: pointer;
}

.bookmark:hover {
  background-image: url(../images/bookmark-hover.svg);
  background-repeat: no-repeat;
  background-size: 20px 18px;
  width: 20px;
  height: 24px;
}

.bookmark-active {
  background-image: url(../images/bookmark-active.svg);
  background-repeat: no-repeat;
  background-size: 20px 18px;
  background-position: 2px 3px;
  width: 20px;
  height: 24px;
  cursor: pointer;
}

.bookmark-sml {
  background-image: url(../images/bookmark.svg);
  background-repeat: no-repeat;
  background-size: 14px 20px;
  display: block;
  width: 14px;
  height: 20px;
  cursor: pointer;
  line-height: 20px;
}

.bookmark-sml:hover {
  background-image: url(../images/bookmark-hover.svg);
  background-repeat: no-repeat;
}

.bookmark-sml-active {
  background-image: url(../images/bookmark-active.svg);
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 14px;
  height: 20px;
  cursor: pointer;
}

.tons {
  color: #1E1E1E;
  font-size: 18px;
}

.price-tag {
  background-image: url(../images/price-tag.png);
  background-repeat: no-repeat;
  background-size: 121px 106px;
  position: absolute;
  top: -30px;
  right: 0;
  width: 126px !important;
  height: 121px;
  padding-top: 33px;
  color: #fff;
  text-align: start;
}

.tons-available {
  text-align: center;
  width: 70% !important;
  padding-bottom: 30px !important;
}

.tons-available-bottom {
  text-align: end;
  width: 100% !important;
  padding-top: 76px !important;
  padding-bottom: 18px !important;
}

.gst {
  color: #777;
  font-size: 0.875rem;
}

a.equipment-link {
  color: #0000ff !important;
  font-size: 0.875rem;
  position: relative;
  text-decoration: none;
}

a.equipment-link::before {
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.equipment-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.gray-text {
  font-size: 1rem;
  color: #b5b5b5;
}

a.blue-link {
  color: #0000ff;
  position: relative;
  text-decoration: none;
}

a.blue-link::before {
  color: #0000ff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.blue-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a.mark-as-sold {
  color: #0000ff;
  position: relative;
  text-decoration: none;
  font-size: 0.8rem;
}

a.mark-as-sold::before {
  color: #0000ff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.mark-as-sold:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a.red-link {
  color: #ff0000 !important;
  position: relative;
  text-decoration: none;
}

a.red-link::before {
  color: #ff0000;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #ff0000 !important;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.red-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a.finance-link {
  color: #0000ff;
  font-size: 0.875rem;
  position: relative;
  text-decoration: none;
}

a.finance-link::before {
  color: #0000ff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.finance-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.address {
  color: #2e2e2e;
  font-size: 0.875rem;
}

.address span {
  color: #2e2e2e;
  font-size: 0.75rem;
}

.address a {
  color: #0000ff;
  font-size: 0.75rem;
  text-decoration: none;
}

.address a:hover {
  color: #0000ff;
  font-size: 0.75rem;
  text-decoration: underline;
}

.description {
  font-size: 0.875rem;
  color: #1e1e1e;
}

.date-fromto {
  font-size: 0.875rem;
  color: #1e1e1e;
  border-radius: 4px;
  border: solid 1px #ff0400;
  padding: 8px 20px;
}

.listed {
  color: #1e1e1e;
  font-size: 0.875rem;
}

a.add-to-call {
  color: #1e1e1e;
  font-size: 0.875rem;
  text-decoration: none;
}

a.add-to-call:hover {
  color: #1e1e1e;
  font-size: 0.875rem;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.view-detail-btn {
  background-color: #348A00;
  border-radius: 4px;
  padding: 10px 11px;
  color: #fff;
  font-size: 0.8rem !important;
  text-decoration: none;
}

.view-detail-btn:hover {
  background-color: #45af03;
  color: #fff;
  text-decoration: none;
}

a.view-details {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  padding-top: 14px !important;
  display: block;
}

a.view-details:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.green-badge {
  color: #fff;
  background-color: #348A00;
  border-radius: 4px;
  padding: 5px 15px;
}

.purple-badge {
  color: #fff;
  background-color: #800080;
  border-radius: 4px;
  padding: 5px 15px;
}

.lightgreen-badge {
  color: #000;
  background-color: #CDDA5C;
  border-radius: 4px;
  padding: 5px 15px;
}

.orange-badge {
  color: #fff;
  background-color: #FF4500;
  border-radius: 4px;
  padding: 5px 15px;
}

.gray-border {
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 4px 15px;
  color: #000;
  font-size: 0.8rem;
  text-decoration: none;
}

.green-btn {
  background-color: #0ccb02;
  border-radius: 4px;
  padding: 4px 15px;
  color: #fff;
  font-size: 0.8rem;
  text-decoration: none;
}

.green-btn:hover {
  background-color: #0ccb02;
  color: #fff;
  text-decoration: none;
}

.cancel-btn {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 10px 15px !important;
  color: #000;
  font-size: 1rem;
  text-decoration: none;
}

.cancel-btn:hover {
  background-color: #ffffff;
  color: #000;
  text-decoration: none;
}

/* ribbon class */
#ribbon-container {
  position: absolute;
  top: 15px;
  left: -45px;
  overflow: visible;
  /* so we can see the pseudo-elements we're going to add to the anchor */
  font-size: 1rem;
  /* font-size and line-height must be equal so we can account for the height of the banner */
  line-height: 0px;
  z-index: 1;
}

#ribbon-container:before {
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 1px;
  right: -31px;
  /*border-top: 58px solid rgba(0, 0, 0, .3);*/
  /* These 4 border properties create the first part of our drop-shadow */
  border-bottom: 29px solid transparent;
  border-right: 29px solid transparent;
  border-left: 29px solid transparent;
}

#ribbon-container:after {
  /* This adds the second part of our dropshadow */
  content: "";
  height: 0px;
  background: #d9d9d9;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 32px;
  right: -2px;
}

#ribbon-container span {
  display: block;
  padding: 17px 10px;
  position: relative;
  /* allows us to position our pseudo-elements properly */
  background: #d9d9d9;
  overflow: visible;
  height: 30px;
  margin-left: 29px;
  border-radius: 0 5px 5px 0;
  color: #000;
  text-decoration: none;
}

#ribbon-container span:before {
  /* this creates the "folded" part of our ribbon */
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -14px;
  left: 0;
  border-top: 15px solid #b5b5b5;
  border-left: 16px solid transparent;
}

#ribbon-container span:after {
  /* this creates the "slanted" part of our ribbon */
  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  top: 0;
  right: -29px;
}

.login-dropdown-box {
  width: 100%;
  border-radius: 4px;
  color: #0009a4;
  border: solid 1px #0009a4;
}

.dropdown-menu > li > a {
  border-bottom: solid 1px #eaeaea;
  font-size: 1rem;
  padding: 6px 15px;
}

.dropdown-menu > li > a img {
  text-align: center;
}

.dropdown-menu > li > a:hover {
  background-image: none;
  background-color: #fff0cb;
  color: #000;
}

.btn-orange {
  background-color: #FF2E16 !important;
  border: solid 1px #FF2E16;
  color: #fff;
}

.btn-orange:hover {
  background-color: rgb(255, 140, 0);
  color: #000;
}

.btn-yellow {
  background-color: #ffe500 !important;
  border: solid 1px #ffe500;
  color: #000;
}

.btn-yellow:hover {
  background-color: #ffe500;
  color: #000;
}

.btn-oragne {
  background-color: #ff4500 !important;
  color: #fff;
}

.btn-oragne:hover {
  background-color: #ff4500;
  color: #fff;
}

.search-category {
  font-size: 0.875rem !important;
  background-color: #fff;
  color: #1e1e1e;
}

.dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 4px !important;
}

.dropdown-menu > li:first-child {
  margin-top: 0px;
}

.dropdown-menu > li:last-child a {
  margin-top: 0px;
  border: 0px;
}

.dropdown-menu > li:last-child a:hover {
  margin-top: 0px;
  border-radius: 4px !important;
}

.list-footer {
  position: absolute;
  left: 10px;
  bottom: 0;
  right: 10px;
}

.list-footer-auction {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 10px;
}

/* mmenu light start */
.header a {
  width: 28px;
  margin: 5px;
}

.header a:before,
.header a:after {
  content: "";
  display: block;
  background: #000;
  height: 2px;
}

.header a span {
  background: #000;
  display: block;
  height: 2px;
  margin: 6px 0;
}

.breadcrum-text {
  color: #2e2e2e;
  text-decoration: none;
  font-size: 0.875rem;
}

a.breadcrum-link {
  color: #0000ff;
  text-decoration: none;
  font-size: 0.875rem;
}

a.breadcrum-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.property-type-box {
  border-radius: 4px;
  border: 1px solid var(--Light-Grey, #d9d9d9);
  background: var(--White, #fff);
  box-shadow: 1px 1px 20px 0px rgba(149, 157, 165, 0.25);
  font-size: 0.813rem;
  color: #1e1e1e;
  padding: 1.25rem;
}

.property-type-box input[type=checkbox] {
  outline: 2px solid #1e1e1e;
}

.orange-btn {
  background-color: #ffaa2d;
  color: #fff;
  padding: 8px 30px;
}

.orange-btn:hover {
  background-color: #fdb242;
  color: #fff;
}

.orange-btn-detail {
  background-color: #ffaa2d;
  color: #fff;
  padding: 13px 30px;
  font-size: 1rem;
}

.orange-btn-detail:hover {
  background-color: #fdb242;
  color: #fff;
}

.blue-btn-detail {
  background-color: #06f;
  color: #fff;
  padding: 13px 30px;
  font-size: 1rem;
}

.blue-btn-detail:hover {
  background-color: rgb(42, 127, 255);
  color: #fff;
}

.blue-btn {
  background-color: #0009a4;
  color: #fff;
  padding: 12px 30px;
}

.blue-btn:hover {
  background-color: #020ccb;
  color: #fff;
}

.blue-btn > .active {
  background-color: #020ccb;
  color: #fff;
}

/* mmenu light end */
.bid-now-btn {
  background-color: #0ccb02;
  color: #fff;
  padding: 12px 30px;
}

.bid-now-btn:hover {
  background-color: #0ccb02;
  color: #fff;
}

.bid-now-btn > .active {
  background-color: #0ccb02;
  color: #fff;
}

.required::after {
  content: " *";
  color: #ff0000;
}

.login-border {
  border: solid 1px #d9d9d9;
  box-shadow: 1px 1px 20px 0px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
}

.login-border input {
  border: solid 1px #b5b5b5;
  padding: 0.7rem;
}

.login-border ::-moz-placeholder {
  color: #b5b5b5;
}

.login-border ::placeholder {
  color: #b5b5b5;
}

.login-header-bg {
  background-color: #000452;
  border-radius: 4px 4px 0 0;
  color: #fefefe;
  padding: 1rem;
  font-size: 1.2rem;
}

.form-border {
  border: solid 1px #d9d9d9;
  padding: 2rem;
}

.form-border input {
  border: solid 1px #b5b5b5;
  padding: 0.7rem;
}

.form-border ::-moz-placeholder {
  color: #b5b5b5;
}

.form-border ::placeholder {
  color: #b5b5b5;
}

.form-border input[type=checkbox] {
  border: solid 1px #b5b5b5;
  padding: 0.2rem !important;
}

.listing-details {
  font-weight: 800;
  font-size: 1rem;
}

.listing-details-right {
  font-weight: 800;
  font-size: 0.875rem;
  text-align: start;
  padding-right: 0.9rem;
  line-height: 22px;
  width: 15%;
}

.city-name {
  font-weight: 800;
  font-size: 0.875rem;
}

.under-offer {
  color: #ff0400;
}

.available {
  color: #348a00;
}

/* image gallery on detail page css */
.product-slider {
  position: relative;
  display: block;
  margin: 0 auto;
  height: 500px;
  margin-bottom: 12px;
  overflow: hidden;
  align-items: center;
  text-align: center;
}

.product-slider .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  cursor: pointer;
  border-radius: 4px;
  height: 500px;
  width: 100% !important;
}

.product-thumbs {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
  height: 111px;
}

.product-thumbs .swiper-slide img {
  border: 2px solid transparent;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  border-color: #fff;
  width: 180px;
  height: 111px;
}

.product-thumbs .swiper-slide-active img {
  border-color: #000452;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
  width: 180px;
  height: 109px;
  transition: 0.5s;
}

.product-slider .swiper-button-next:after,
.product-slider .swiper-button-prev:after {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  width: 32px;
  height: 30px;
  line-height: 30px;
  align-items: center;
}

.swiper-button-next:hover:after {
  color: #000;
  transition: 0.5s;
}

.swiper-button-prev:hover:after {
  color: #000;
  transition: 0.5s;
}

/* image gallery on detail page css end */
.social-icons .modal-dialog {
  max-width: 375px;
}

.blue-tab-btn .active {
  background-color: #ffaa2d !important;
  border: solid 1px #ffaa2d !important;
  color: #fff;
  padding: 12px 30px !important;
}

.blue-tab-btn .active img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(85%) saturate(7500%) hue-rotate(291deg) brightness(85%) contrast(89%);
}

.form-control-big {
  height: 50px;
}

a.my-cart {
  font-size: 1rem;
  color: #000;
  position: relative;
  text-decoration: none;
}

a.my-cart::before {
  color: #000;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #000;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.my-cart:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a.cart-remove {
  font-size: 0.875rem;
  color: #00f;
  position: relative;
  text-decoration: none;
}

a.cart-remove::before {
  color: #00f;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-radius: 4px;
  background-color: #00f;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.cart-remove:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.my-cart-img {
  width: 35px;
}

.mycart-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #1e1e1e;
}

.member-id {
  font-size: 1rem;
  font-weight: 400;
  color: #777;
  text-align: end;
}

.member-id span {
  font-size: 1rem;
  font-weight: 600;
  color: #1e1e1e;
}

.favourites-img img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.favourites-number {
  color: #ff0400;
  font-weight: bold;
}

.cart-img img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  width: 135px;
  height: 135px;
  border-radius: 4px;
}

.favourites-product-title {
  font-size: 1.125rem;
  font-weight: 600;
}

.favourites-number {
  color: #ff0400;
  font-size: 0.9375rem;
}

.nearest-place {
  font-size: 0.8125rem;
  font-weight: 400;
}

.nearest-place span {
  font-size: 0.75rem;
  font-weight: 400;
}

.cart-product-title {
  font-size: 1.125rem;
  font-weight: 600;
}

.cart-list-no {
  font-size: 1rem;
  color: #1e1e1e;
  font-weight: 400;
}

.place-name {
  font-size: 0.875rem;
  color: #1e1e1e;
  font-weight: 400;
  line-height: 1.8em;
}

.cart-price {
  font-size: 1.125rem;
  color: #1e1e1e;
  font-weight: 400;
}

.cart-gst {
  font-size: 0.875rem;
  color: #777777;
  font-weight: 400;
}

.subtotal {
  font-size: 1.125rem;
  color: #1e1e1e;
  font-size: 400;
}

.verification-text {
  font-size: 0.875rem;
  color: #b5b5b5;
}

.resend-text {
  font-size: 0.75rem;
  color: #b5b5b5;
}

.order-summery-box {
  box-shadow: 1px 1px 20px 0px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  background: #fefefe;
  border: 1px solid #d9d9d9;
  max-width: 390px;
}

.profile div.active-link {
  background-color: #fff0cb !important;
  border-color: #dee2e6;
  color: #1e1e1e;
}

.profile div.row {
  color: #1e1e1e;
  border-bottom: solid 1px #d9d9d9;
  text-decoration: none;
}

.profile div.row:nth-last-child(1) {
  border-bottom: solid 0px #d9d9d9;
  border-radius: 0 4px 4px 0;
}

.profile div.row:hover {
  color: #1e1e1e;
  border-bottom: solid 1px #d9d9d9;
  text-decoration: none;
  background-color: #fff0cb !important;
}

.profile div a {
  color: #1e1e1e;
  text-decoration: none;
}

.profile .list-group-item {
  border: 0;
}

.profile-box {
  box-shadow: 1px 1px 20px 0px rgba(149, 157, 165, 0.2);
  border-radius: 4px;
  background: #fefefe;
  max-width: 390px;
}

.profile-title {
  font-size: 1.125rem;
  font-weight: 600;
}

a.profile-email {
  font-size: 0.875rem;
  color: #00f;
  position: relative;
  text-decoration: none;
}

a.profile-email::before {
  color: #00f;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  border-radius: 4px;
  background-color: #00f;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.profile-email:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.profile-id {
  font-size: 0.875rem;
  color: #777;
}

.profile-id span {
  font-size: 0.875rem;
  color: #1e1e1e;
  font-weight: 600;
}

.order-title {
  font-size: 1.5rem;
  font-weight: 600;
}

.logout {
  color: #ff0400;
}

.image-rounded {
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px;
}

a.edit {
  color: #fff !important;
  font-size: 0.75rem;
  position: relative;
  background-color: #2e2e2e;
  width: 100%;
}

a.edit:hover {
  text-decoration: underline;
}

.edit-right a {
  font-size: 0.875rem;
  color: #1e1e1e;
  position: relative;
  float: end;
  text-decoration: none;
}

.edit-right a::before {
  color: #1e1e1e;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  border-radius: 4px;
  background-color: #1e1e1e;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.edit-right:hover a::before {
  transform-origin: left;
  transform: scaleX(1);
}

/* form input select checkbox and textarea start */
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}

.custom-select {
  font-size: 1rem !important;
  height: 45px;
  line-height: 1.5;
  padding: 0 8px;
  border-radius: 4px;
  border: solid 1px #dee2e6;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 15px bottom 16px;
}

.custom-select-search {
  font-size: 0.9rem !important;
  height: 30px;
  line-height: 1.5;
  padding: 0 22px 0 8px;
  border-radius: 4px;
  border: solid 0px #dee2e6;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 2px bottom 10px;
  background-color: transparent !important;
  color: #fff !important;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(270deg) brightness(108%) contrast(102%);
  width: 100%;
}

.custom-select-search option {
  color: #000;
}

.form-control:focus,
.custom-select:focus,
.invoice-sml-input:focus {
  border: solid 1px #0066ff !important;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15) !important;
}

.form-font-size {
  font-size: 1rem !important;
  height: 45px;
}

::-moz-placeholder {
  color: #b5b5b5 !important;
}

::placeholder {
  color: #b5b5b5 !important;
}

/* form input select checkbox and textarea end */
.form-title {
  font-size: 0.9rem;
  color: #1e1e1e;
  font-weight: 600;
  padding-bottom: 10px;
}

.form-detail {
  font-size: 0.9rem;
  color: #1e1e1e;
}

.table-font thead.table-orange {
  background-color: #fff0cb !important;
  border: 1px solid #fff;
}

.table-font thead.table-orange th {
  background-color: transparent;
  font-size: 1rem;
  color: #1e1e1e;
  padding: 12px 15px;
}

.table-font tbody td {
  background-color: transparent;
  font-size: 1rem;
  color: #1e1e1e;
  padding: 12px 15px;
}

.table-font .amount {
  font-weight: 600;
  text-align: end;
}

.table-font .pending {
  color: #ff0400;
  font-weight: 600;
}

.table-font .paid {
  color: #348a00;
  font-weight: 600;
}

.table-font .partially-paid {
  color: #fc9600;
  font-weight: 600;
}

/* preloader start */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: rgba(0, 0, 0, 0.4);
  display: table;
  text-align: center;
  z-index: 9;
}

.preloader.fill {
  background: rgb(255, 255, 255);
}

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.loader-icon {
  width: 48px;
  height: 48px;
  border: 6px solid #0052ec;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 0 auto;
  margin-left: calc(50% - 48px);
  margin-bottom: 48px;
}

/* preloader end */
/* tooltip popup start */
.wrapper {
  text-transform: uppercase;
  color: #fff !important;
  position: relative;
  text-align: left;
  width: 100%;
  /* webkit flicker fix */
  -webkit-font-smoothing: antialiased;
  /* webkit text rendering fix */
}

.wrapper .tooltip {
  background: #000;
  bottom: 100%;
  color: #fff !important;
  display: block;
  left: -20px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  width: 400px;
  border-radius: 4px;
  transform: translateY(10px);
  transition: all 0.25s ease-out;
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
}

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #000 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 10%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}

.wrapper table td {
  padding: 2px;
  margin: 2px;
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}

.lte8 .wrapper:hover .tooltip {
  display: block;
}

.table-font .white-text {
  color: #fefefe !important;
}

.table-font .white-text span {
  color: #fefefe !important;
  font-size: 0.75rem;
}

/* tooltip popup end */
.custom-select {
  color: #999;
  padding: 0 10px;
}

.select-text {
  color: #000;
  width: 100%;
  padding-left: 10px;
}

select.select-text {
  border-color: #b5b5b5 !important;
  box-shadow: none;
  height: 45px;
  font-size: 14px;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 15px bottom 16px;
}

.form-control,
.custom-select,
.select-text,
.invoice-sml-input {
  border-color: #b5b5b5 !important;
  box-shadow: none;
  height: 45px;
  font-size: 14px;
  border-radius: 0.25rem;
}

.invoice-sml-input {
  height: 30px !important;
}

.blue-signin {
  background-color: #000452 !important;
  color: #fff;
  padding: 8px 0;
}

.blue-signin:hover {
  background-color: #010779 !important;
  color: #fff;
  padding: 8px 0;
}

.blue-bg {
  background-color: #000452 !important;
  color: #fff;
  padding: 8px 0;
}

.blue-bg-box {
  background-color: #000452 !important;
  color: #fff;
  padding: 8px 0;
  text-align: center;
}

.yellow-bg-box {
  background-color: #ffe500 !important;
  color: #000;
  padding: 8px 0;
  text-align: center;
}

.search-width {
  width: 10% !important;
}

.gallery-btn-delete {
  font-family: AktivGrotesk, sans-serif;
  font-weight: normal;
  border: none;
  color: #0b5ed7;
  font-size: 0.9rem;
  background: transparent;
  padding-left: 0;
}

.gallery-btn-delete:hover {
  text-decoration: underline;
}

textarea.form-control {
  height: inherit;
}

.page-wrapper .content {
  padding: 30px;
}

.form-control-search {
  height: 51px !important;
  border: solid 8px #fff !important;
  border-right: solid 3px #CDDA5C !important;
  font-size: 1rem !important;
}

/* select 2 css start */
.select2-results__option {
  padding: 6px 15px;
}

.select2-container .select2-selection--single {
  box-shadow: none;
  height: 45px;
  line-height: 45px;
  font-size: 14px !important;
  border-radius: 0.25rem;
  border: solid 0px #777 !important;
  width: 100%;
}

.select2-container:focus,
.select2-selection--single:focus {
  border: solid 1px #0066ff !important;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15) !important;
}

.select2-selection__placeholder {
  line-height: 43px;
  color: #b5b5b5;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 30px;
  padding-left: 15px;
  line-height: 2.9em;
}

.select2-dropdown {
  z-index: 1055;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  right: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #dcdcdc transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0;
  height: 0;
  margin-left: -10px;
  margin-top: -5px;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #272b41;
  font-size: 28px;
  font-weight: normal;
  line-height: 75px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #dcdcdc;
  border-width: 0 6px 6px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ff9b44;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #dcdcdc;
  min-height: 46px;
}

.select2-dropdown {
  border-color: #dcdcdc;
}

.select2-container-home .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 1rem !important;
  border-left: solid 3px #ffe500;
  border-top: solid 3px #ffe500;
  border-bottom: solid 3px #ffe500;
  line-height: 46px !important;
  border-radius: 4px 0 0 4px;
}

.green-border {
  border: solid 8px #CDDA5C !important;
}

.black-bg {
  background-color: #000 !important;
}

.head-bg {
  background-color: #1C4701 !important;
}

a.yellow-btn {
  background-color: #FFE500;
  color: #000;
  font-size: 16px;
  padding: 9px 30px;
}

a.yellow-btn:hover {
  background-color: #FFE500;
  color: #fff;
}

.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #676767;
  font-size: 14px;
  font-weight: normal;
  line-height: 38px;
}

.form-focus .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 30px;
  padding-left: 12px;
  padding-top: 10px;
}

.select2-container {
  display: block;
}

.select2-container-home .select2-container--default .select2-selection--single {
  box-shadow: none;
  height: 50px !important;
  line-height: 40px !important;
  font-size: 14px !important;
  border-radius: 0.25rem;
  border: solid 0px #b5b5b5 !important;
  width: 100%;
}

.select2-container--default .select2-selection--single {
  box-shadow: none;
  height: 45px !important;
  line-height: 45px !important;
  font-size: 14px !important;
  border-radius: 0.25rem;
  border: solid 1px #b5b5b5 !important;
  width: 100%;
}

span.select2-selection .select2-selection__rendered {
  font-size: 14px !important;
  line-height: 45px !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
  display: none;
}

/* select 2 css end */
.w-200 {
  width: 500px !important;
}

.bootstrap-tagsinput input {
  height: 35px;
  font-size: 14px;
  width: 100%;
}

.bootstrap-tagsinput input::-moz-placeholder {
  color: #b5b5b5;
}

.bootstrap-tagsinput input::placeholder {
  color: #b5b5b5;
}

.bg-info,
.badge-info {
  background-color: #009efb !important;
  margin-right: 7px !important;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.head-shadow {
  z-index: 1020;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.dropdown-menu-center {
  right: auto !important;
  left: -50% !important;
  transform: translate(-50%, 0);
}

.dropdown-bg {
  background-color: #000452 !important;
  color: #fff;
}

.blue-bg::before {
  opacity: 0 !important;
}

input:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
     -moz-appearance: menulist-button;
          appearance: menulist-button;
  background-image: none !important;
  background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
  color: fieldtext !important;
}

.autocomplete-suggestions {
  background-color: #fff0cb;
  color: #000;
  padding: 5px 0px;
}

.autocomplete-suggestions div {
  background-color: #fff0cb;
  color: #000;
  padding: 5px 10px;
  cursor: pointer;
}

.autocomplete-suggestions div:hover {
  background-color: #777;
  color: #fff;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -moz-context-properties: fill, fill-opacity;
}

.btn-outline-primary-new {
  --bs-btn-color: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ffe500;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
  margin-right: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 11px 25px;
}

.btn-outline-primary-new:hover {
  background-color: #ffe500 !important;
  border: 1px solid #fff !important;
  color: #000 !important;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: #000;
  background-color: #ffe500;
  border: 1px solid #ffe500;
}

.btn-outline-orange {
  border: 1px solid #ff4500;
  color: #fff;
  padding: 11px 25px;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-right: 12px;
  background-color: #ff4500;
}

.btn-outline-orange:hover {
  border: 1px solid #ff4500 !important;
  color: #fff !important;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-right: 12px;
  background-color: transparent !important;
}

.btn-outline-blue {
  border: 1px solid #007bff;
  color: #fff;
  padding: 11px 25px;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-right: 12px;
  background-color: #007bff;
}

.btn-outline-blue:hover {
  border: 1px solid #007bff !important;
  color: #fff !important;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-right: 12px;
  background-color: transparent !important;
}

.btn-outline-yellow {
  border: 1px solid #fff;
  color: #fff;
  padding: 11px 25px;
  display: inline-block;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-right: 14px !important;
}

.btn-outline-yellow:hover {
  border: 1px solid #fff;
  color: #000;
  background-color: #ffe500;
}

@-moz-document url-prefix() {
  .custom-select {
    border-color: #b5b5b5 !important;
    box-shadow: none;
    height: 45px;
    font-size: 14px;
    border-radius: 0.25rem;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: right 15px bottom 16px;
  }
  .custom-select option [selected] {
    background-color: #fff !important;
  }
}
a.white-link {
  font-size: 0.875rem;
  color: #fff;
  position: relative;
  text-decoration: none;
}

a.white-link::before {
  color: #fff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  border-radius: 4px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a.white-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

.d-visible {
  display: visible;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* article css start */
.article-box a.box-title {
  font-size: 1rem;
  line-height: 1.5em;
}

.article-box p {
  font-size: 1rem;
  line-height: 1.5em;
}

.article-box h2,
h3,
h3,
h5,
h6 {
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 700;
}

#article {
  color: #1e1e1e;
  font-size: 0.9rem;
  line-height: 1.6em;
}

#article img {
  border-radius: 4px;
}

#article p {
  font-size: 0.9rem;
  padding-bottom: 0.2rem;
}

#article ol,
#article ul {
  padding-left: 1.5rem !important;
  padding-bottom: 0.2rem !important;
}

#article h1 {
  font-size: 1.7rem;
  font-weight: 700;
  padding: 0.4rem 0 1rem 0;
}

#article h2 {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0.4rem 0 1rem 0;
}

#article h3 {
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0.4rem 0 1rem 0;
}

#article h4 {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.4rem 0 1rem 0;
}

#article h5 {
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.4rem 0 1rem 0;
}

#article h6 {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.4rem 0 1rem 0;
}

#article a {
  font-size: 0.875rem;
  color: #0000ff;
  position: relative;
  text-decoration: none;
}

#article a::before {
  color: #0000ff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

#article a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

#article table {
  margin: 0 0 30px 0;
  border: solid 0px #fff;
}

#article table tr td {
  padding: 10px 5px;
}

#article table th {
  font-weight: bold;
}

#article table tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}

#article .detail-img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  max-height: 415px !important;
  border-radius: 4px;
  width: 100%;
}

/* article css end */
/* pages css start */
#pages {
  color: #1e1e1e;
  font-size: 0.9rem;
  line-height: 1.6em;
}

#pages img {
  border-radius: 4px;
}

#pages p {
  font-size: 0.9rem;
}

#pages p.sml-text {
  font-size: 0.7rem;
  line-height: 1rem !important;
}

#pages h1 {
  font-size: 1.7rem;
  font-weight: 700;
}

#pages h2 {
  font-size: 1.5rem;
  font-weight: 700;
  padding: 10px 0 5px 0;
}

#pages h3 {
  font-size: 1.3rem;
  font-weight: 700;
  padding: 10px 0 5px 0;
}

#pages h4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  padding: 10px 0 5px 0;
}

#pages h5 {
  font-size: 0.9rem;
  font-weight: 700;
  padding: 10px 0 5px 0;
  line-height: 1.5em;
}

#pages a.text-decoration-none {
  font-size: 0.875rem;
  color: #0000ff;
  position: relative;
  text-decoration: none;
}

#pages a.text-decoration-none::before {
  color: #0000ff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 0px !important;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

#pages a {
  font-size: 0.875rem;
  color: #0000ff;
  position: relative;
  text-decoration: none;
}

#pages a::before {
  color: #0000ff;
  text-decoration: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  border-radius: 4px;
  background-color: #0000ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

#pages a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

#pages .subtitle {
  font-size: 0.7rem;
  color: #1e1e1e;
  line-height: 0.1em !important;
}

#pages table.border {
  margin: 0 0 30px 0;
  border: solid 1px #b5b5b5;
  border-collapse: collapse;
  width: 100%;
}

#pages table.border tr td {
  padding: 10px 5px;
  border: solid 1px #b5b5b5;
  border-collapse: collapse;
}

#pages table.border th {
  padding: 10px 5px;
  font-weight: bold;
  background-color: #fff0cb;
  border: solid 1px #b5b5b5;
  border-collapse: collapse;
}

/* pages css end */
#accordionExample .accordion-button {
  font-weight: 900;
}

#accordionExample .accordion-item {
  border-bottom: solid 1px #000;
  box-shadow: 0 !important;
}

#accordionExample .accordion-header {
  box-shadow: 0 !important;
}

#accordionExample .accordion {
  --bs-accordion-border-color: 0 !important;
  --bs-accordion-border-width: 0 !important;
  box-shadow: 0 !important;
}

#accordionExample .accordion-button:not(.collapsed) {
  background-color: #fff !important;
  border-bottom: solid 0px #fff !important;
}

#accordionExample .accordion-button:focus {
  box-shadow: 0 !important;
  border: solid 0px;
}

.form-check-inputsize {
  width: 1.2em;
  height: 1.2em;
  border-color: #b5b5b5 !important;
}

.bluedark-btn-marketing {
  background-color: #000452;
  color: #fff;
  font-size: 1rem;
  padding: 1.2rem 1rem;
}

.bluedark-btn-marketing:hover {
  background-color: #0009b8;
  color: #fff;
  font-size: 1rem;
}

/* logo scroll start */
.ticker {
  display: block;
  overflow: hidden;
  height: 500px;
}

.ticker-dealer-network {
  display: block;
  overflow: hidden;
  height: 250px !important;
}

.ticker-dealer-network-detail {
  display: block;
  overflow: hidden;
  height: 250px !important;
}

.ticker-auctionbox {
  display: block;
  overflow: hidden !important;
  height: 200px !important;
}

.ticker__list_upcoming {
  display: block;
  margin-top: 10px;
  animation: ticker 5s infinite linear;
  text-align: center;
}

.ticker__list {
  display: block;
  margin-top: 20px;
  animation: ticker 85s infinite linear;
  text-align: center;
}

.ticker:hover .ticker__list {
  animation-play-state: paused;
}

.ticker__item {
  margin-bottom: 20px;
  text-align: center;
}
@keyframes ticker {
  100% {
    transform: translateY(-100%);
  }
}
.invoice-details {
  float: right;
}

.invoice-due {
  background-color: #0009a4 !important;
  color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 1.2rem;
}

/* logo scroll end */
.main-timeline {
  position: relative;
}

.main-timeline:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #c6c6c6;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.main-timeline .timeline {
  margin-bottom: 40px;
  position: relative;
}

.main-timeline .timeline:after {
  content: "";
  display: block;
  clear: both;
}

.main-timeline .icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.main-timeline .icon:before,
.main-timeline .icon:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.33s ease-out 0s;
}

.main-timeline .icon:before {
  background: #fff;
  border: 2px solid #232323;
  left: -3px;
}

.main-timeline .icon:after {
  border: 2px solid #c6c6c6;
  left: 3px;
}

.main-timeline .timeline:hover .icon:before {
  left: 3px;
}

.main-timeline .timeline:hover .icon:after {
  left: -3px;
}

.main-timeline .date-content {
  width: 50%;
  float: left;
  margin-top: 22px;
  position: relative;
}

.main-timeline .date-content:before {
  content: "";
  width: 36.5%;
  height: 2px;
  background: #c6c6c6;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
}

.main-timeline .date-outer {
  width: 125px;
  height: 125px;
  font-size: 16px;
  text-align: center;
  margin: auto;
  z-index: 1;
}

.main-timeline .date-outer:before,
.main-timeline .date-outer:after {
  content: "";
  width: 125px;
  height: 125px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.33s ease-out 0s;
}

.main-timeline .date-outer:before {
  background: #fff;
  border: 2px solid #232323;
  left: -6px;
}

.main-timeline .date-outer:after {
  border: 2px solid #c6c6c6;
  left: 6px;
}

.main-timeline .timeline:hover .date-outer:before {
  left: 6px;
}

.main-timeline .timeline:hover .date-outer:after {
  left: -6px;
}

.main-timeline .date {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 27%;
  left: 0;
}

.main-timeline .month {
  font-size: 18px;
  font-weight: 700;
}

.main-timeline .year {
  display: block;
  font-size: 30px;
  font-weight: 700;
  color: #232323;
  line-height: 36px;
}

.main-timeline .timeline-content {
  width: 50%;
  padding: 20px 0 20px 50px;
  float: right;
}

.main-timeline .title {
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 15px 0;
}

.main-timeline .description {
  margin-bottom: 0;
}

.main-timeline .timeline:nth-child(2n) .date-content {
  float: right;
}

.main-timeline .timeline:nth-child(2n) .date-content:before {
  left: 10px;
}

.main-timeline .timeline:nth-child(2n) .timeline-content {
  padding: 20px 50px 20px 0;
  text-align: right;
}

#coustomer-review button.carousel-control-prev {
  position: relative !important;
  display: inline-block;
  width: 20px;
}

#coustomer-review button.carousel-control-next {
  position: relative !important;
  display: inline-block;
  width: 20px;
  margin-left: 30px;
}

#coustomer-review .carousel-control-prev-icon:after {
  content: "<";
  font-size: 40px;
  color: #000;
}

#coustomer-review .carousel-control-next-icon:after {
  content: ">";
  font-size: 40px;
  color: #000;
}

#coustomer-review .carousel-item {
  min-height: 185px;
}

.page-wrapper .content {
  padding: 30px;
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ccc;
}

.gallery-top {
  height: 450px;
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  overflow: hidden;
  line-height: 450px;
}

.gallery-top img {
  padding: 0;
  border-radius: 4px;
  margin: 0 auto;
  max-width: 100%;
}

.pswp__zoom-wrap .pswp__img {
  height: auto !important;
  -o-object-fit: none !important;
     object-fit: none !important;
  max-width: none !important;
  margin-top: 100px;
  margin-bottom: 100px;
}

.pswp-with-perma-preloader .pswp__icn {
  opacity: 0.85 !important;
}

.swiper-slide-visible {
  opacity: 0.6 !important;
}

.swiper-slide-thumb-active {
  opacity: inherit !important;
}

.gallery-thumbs {
  height: 100px !important;
  width: 100%;
  border-radius: 4px;
  padding: 0 10px;
  overflow: hidden;
}

.gallery-thumbs img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  cursor: pointer;
}

.pswp__img--placeholder--blank {
  display: none !important;
}

.social-icon a img {
  opacity: 0.7;
}

.social-icon a img:hover {
  opacity: 9;
}

.f-size-menu {
  font-size: 1rem;
}

.fadeinout {
  animation: fadeinout 4s infinite;
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.capsulebox-logotitle {
  border: solid 1px #777 !important;
  font-size: 1rem;
  min-height: 37px;
}

.sendoffer-title {
  line-height: 2.8em;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu-left {
  left: -60px;
}

.f-size-11 {
  font-size: 0.688rem;
}

.f-size-10 {
  font-size: 0.625rem;
}

.border-blue {
  border: solid 1px #0009a4;
}

.feature-thumb img {
  border-radius: 6px;
  -o-object-fit: cover;
  object-fit: cover;
  height: 90px !important;
}

.feature-thumb .for-sale,
.feature-thumb .wanted,
.feature-thumb .auction,
.feature-thumb .sold {
  position: absolute !important;
}

.create-listing {
  font-size: 1rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.circle {
  background-color: #fff;
  border: 1px solid #0009a4;
  height: 42px;
  line-height: 42px !important;
  text-align: center;
  font-weight: bold;
  border-radius: 100% !important;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 42px;
  padding: 0;
}

/*tooltip css start */
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: 0.9em; /* opinion 3 */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip); /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before,
[tooltip][flow^=up]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^=down]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

/* UNRELATED to tooltips */
main {
  flex: 1 1 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

aside {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #49b293;
  color: #fff;
  padding: 1em;
}

main div {
  text-align: center;
  color: #353539;
}

main span {
  padding: 0.5em 1em;
  margin: 0.5em;
  display: inline-block;
  background: #dedede;
}

aside a {
  color: inherit;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  padding: 0.4em 1em;
}

/*tooltop css end */
.text-fadeinout {
  min-height: 250px;
}

@media only screen and (max-width: 600px) and (min-width: 350px) {
  .listing-details-right {
    font-weight: 800;
    font-size: 0.7rem;
    text-align: end;
    padding-right: 0.9rem;
    width: 30% !important;
  }
  .offer-input {
    width: 182px !important;
  }
  .call-us a {
    font-size: 16px !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 600;
  }
  .call-us {
    font-size: 16px !important;
    color: #fff;
    font-weight: 600;
  }
  .client-name {
    font-size: 18px;
    color: #FFE500;
    font-weight: 600;
  }
  .price-tag {
    background-image: url(../images/price-tag.png);
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    position: absolute;
    top: -27px !important;
    right: 0;
    width: 90px !important;
    height: 96px;
    padding-top: 33px;
    color: #fff;
    text-align: start;
  }
  .tons-available {
    text-align: center;
    width: 72% !important;
    padding-bottom: 30px !important;
  }
  .tons-available-bottom {
    font-size: 12px !important;
    text-align: start !important;
    width: 100% !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
  }
  a.view-details {
    color: #000;
    font-weight: bold;
    padding-top: 13px !important;
    font-size: 14px !important;
    text-decoration: none;
  }
  .list-footer-auction {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 10px;
  }
  .list-footer {
    position: absolute;
    left: 0;
    bottom: -10px;
    right: 10px;
  }
  .text-fadeinout {
    min-height: 150px;
  }
  .ticker {
    display: block;
    overflow: hidden;
    height: 500px;
  }
  a.white-link {
    font-size: 0.8rem;
    color: #fff;
    position: relative;
    text-decoration: none;
  }
  .f-size-menu {
    font-size: 0.8rem;
  }
  .pswp__zoom-wrap .pswp__img {
    height: auto !important;
    -o-object-fit: none !important;
    object-fit: none !important;
    max-width: none !important;
    margin-top: 20px !important;
    margin-bottom: 50px;
  }
  .gallery-thumbs {
    height: 100px !important;
    width: 100%;
    border-radius: 4px;
    padding: 0 10px;
  }
  .gallery-thumbs img {
    height: 70px !important;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
  }
  .select2-container-home .select2 {
    width: 150px !important;
    font-size: 0.8rem;
  }
  .listing-bg {
    background-image: url(../images/head-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 315px;
  }
  .btn-outline-yellow {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px;
    margin-right: 12px;
    font-size: 0.8rem;
  }
  .btn-outline-yellow:hover {
    border: 1px solid #fff;
    color: #000;
    background-color: #ffe500;
  }
  .article-thumb img {
    border-radius: 6px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    height: 130px !important;
    min-width: inherit;
    margin-top: 5px;
  }
  .btn-outline-primary-new {
    padding: 5px 15px;
    font-size: 0.8rem;
  }
  .btn-outline-blue {
    padding: 5px 15px;
    font-size: 0.8rem !important;
  }
  .btn-outline-orange {
    padding: 5px 15px;
    font-size: 0.8rem !important;
  }
  .hello-btn-menu {
    background-color: transparent;
    color: #0009a4;
    font-size: 0.7rem !important;
    border-radius: 4px;
    border: solid 1px #0009a4;
    padding: 7px 6px;
  }
  .hello-btn-menu:hover {
    color: #0009a4;
  }
  .mm-spn li:after {
    margin-left: 0 !important;
  }
  .table-font thead.table-orange th {
    background-color: transparent;
    font-size: 0.8125rem;
    color: #1e1e1e;
    padding: 12px 8px;
  }
  .table-font tbody td {
    background-color: transparent;
    font-size: 0.8125rem;
    color: #1e1e1e;
    padding: 12px 8px;
  }
  .table-font {
    width: 42rem !important;
  }
  .favourites-product-title {
    font-size: 0.875rem;
    font-weight: 600;
  }
  .favourites-number {
    color: #ff0400;
    font-size: 0.75rem;
  }
  .favourites-description {
    font-size: 0.75rem;
  }
  .nearest-place {
    font-size: 0.625rem;
    font-weight: 400;
  }
  .nearest-place span {
    font-size: 0.625rem;
    font-weight: 400;
  }
  .cart-price {
    font-size: 0.875rem;
  }
  a.cart-remove {
    font-size: 0.875rem;
  }
  .cart-img img {
    position: relative;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1/1;
    width: 84px;
    height: 84px;
    border-radius: 4px;
  }
  .cart-product-title {
    font-size: 0.875rem;
    font-weight: 600;
  }
  .cart-list-no {
    font-size: 0.75rem;
    color: #1e1e1e;
    font-weight: 400;
    padding-bottom: 5px;
  }
  .place-name {
    font-size: 0.75rem;
    color: #1e1e1e;
    font-weight: 400;
    line-height: 1.8em;
  }
  .cart-price {
    font-size: 0.875rem;
    color: #1e1e1e;
    font-weight: 400;
  }
  .cart-gst {
    font-size: 0.75rem;
    color: #777777;
    font-weight: 400;
  }
  .subtotal {
    font-size: 0.875rem;
    color: #1e1e1e;
    font-size: 400;
  }
  /* image gallery height start */
  .product-slider {
    position: relative;
    display: block;
    margin: 0 auto;
    height: 350px;
    margin-bottom: 12px;
    overflow: hidden;
    align-items: center;
    text-align: center;
  }
  .product-slider .swiper-slide img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1/1;
    cursor: pointer;
    border-radius: 4px;
    height: 350px;
    width: 100% !important;
  }
  .product-thumbs {
    position: relative;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1/1;
    width: 100%;
    height: 50px;
  }
  .product-thumbs .swiper-slide img {
    border: 2px solid transparent;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    cursor: pointer;
    border-radius: 4px;
    border-color: #fff;
    width: 210px;
    height: 50px;
  }
  .product-thumbs .swiper-slide-active img {
    border-color: #000452;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    cursor: pointer;
    border-radius: 4px;
    width: 208px;
    height: 50px;
    transition: 0.5s;
  }
  /* image gallery height end */
  .mycart-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #1e1e1e;
  }
  .footer-link-title {
    font-size: 1rem;
  }
  a.box-title {
    color: #1e1e1e;
    font-weight: 700;
    font-size: 0.75rem;
    text-decoration: none;
    line-height: 1.5em !important;
  }
  a.box-title:hover {
    color: #1e1e1e;
    font-size: 0.75rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
  }
  a.box-number {
    color: #1e1e1e;
    font-size: 0.75rem;
    text-decoration: none;
  }
  a.box-number:hover {
    color: #1e1e1e;
    font-size: 0.75rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
  }
  .listing-price {
    font-weight: bold;
    font-size: 0.7rem;
  }
  .bookmark {
    background-image: url(../images/bookmark.svg);
    background-repeat: no-repeat;
    background-size: 14px 17px !important;
    width: 17px;
    height: 26px;
    cursor: pointer;
  }
  .bookmark:hover {
    background-image: url(../images/bookmark-hover.svg);
    background-repeat: no-repeat;
    background-size: 14px 17px !important;
    width: 17px;
    height: 26px;
    cursor: pointer;
  }
  .bookmark-active {
    background-image: url(../images/bookmark-active.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 26px;
    cursor: pointer;
  }
  .header-bg {
    background-image: url(../images/head-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
  }
  a.orange-btn {
    background-color: #ff4500;
    color: #fff;
    font-size: 12px;
    padding: 9px 30px;
  }
  a.orange-btn:hover {
    background-color: #ff6229;
    color: #fff;
  }
  .dark-blue-btn {
    background-color: #000452;
    color: #fff;
    font-size: 0.875rem;
  }
  .header-text {
    color: #fefefe;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .header-text-sm {
    color: #fefefe;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .header-text-18 {
    color: #fefefe;
    font-size: 18px;
    font-style: normal;
    line-height: normal;
  }
  .header-text-30 {
    color: #fefefe !important;
    font-size: 1.3rem !important;
    font-style: normal;
    font-weight: 200 !important;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 1rem;
  }
  .f-size-10-m {
    font-size: 0.625rem;
  }
  .f-size-11-m {
    font-size: 0.688rem;
  }
  .f-size-12-m {
    font-size: 0.75rem;
  }
  .f-size-13-m {
    font-size: 0.8125rem;
  }
  .f-size-14-m {
    font-size: 0.875rem;
  }
  .f-size-15-m {
    font-size: 0.9375rem;
  }
  .f-size-16-m {
    font-size: 1rem;
  }
  .f-size-17-m {
    font-size: 1.0625rem;
  }
  .f-size-18-m {
    font-size: 1.125rem;
  }
  .f-size-20-m {
    font-size: 1.25rem;
  }
  .onimage-content {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    padding: 0 0 2rem 2rem;
  }
  .onimage-content a {
    padding: 2px 15px;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    border: solid 1px #fff;
  }
  a.footer-link {
    font-size: 0.75rem;
  }
  .footer-contnet {
    font-size: 0.75rem;
  }
  .know-more {
    color: #ffaa2d;
    font-size: 0.75rem;
    text-decoration: none;
  }
  .copyright-content {
    font-size: 0.75rem;
  }
  .terms-link {
    font-size: 0.75rem;
    color: #fff;
    text-decoration: none;
  }
  .terms-link:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
  }
  .capsule-box a.link {
    font-size: 0.6rem;
    text-decoration: none;
    padding: 12px 17px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
  }
  .capsule-box a:hover {
    font-size: 0.6rem;
    text-decoration: none;
    padding: 12px 17px;
    line-height: 37px;
    border-right: solid 1px #777;
    background-color: #000452;
    border-collapse: collapse;
    color: #fff;
  }
  .capsule-box a.active {
    font-size: 12px;
    text-decoration: none;
    padding: 10px 17px;
    background-color: #348A00;
    color: #fff;
  }
  .capsule-box a:nth-last-child(1) {
    border-right: solid 0px #fff;
  }
  .page-title {
    font-size: 1.25rem;
  }
  .listing-thumb .for-sale,
  .listing-thumb .wanted,
  .listing-thumb .auction,
  .listing-thumb .sold {
    position: absolute !important;
  }
  .for-sale {
    background-color: #348a00;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 10px;
    bottom: 0;
    right: 0;
  }
  .wanted {
    background-color: #ffe500;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 10px;
    bottom: 0;
    color: #000;
    right: 0;
  }
  .auction {
    background-color: #ff4500;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 10px;
    bottom: 0;
    right: 0;
  }
  .sold {
    background-color: #ff0400;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 10px;
    bottom: 0;
    right: 0;
  }
  .gst {
    color: #777;
    font-size: 0.625rem;
  }
  .description {
    font-size: 0.75rem;
    color: #1e1e1e;
    padding-bottom: 25px;
  }
  .listed {
    color: #1e1e1e;
    font-size: 0.75rem;
  }
  .finance-link {
    color: #0000ff;
    font-size: 0.6rem !important;
    text-decoration: none;
    text-wrap: nowrap;
  }
  .equipment-link {
    color: #0000ff;
    font-size: 0.75rem !important;
    text-decoration: none;
  }
  .address {
    color: #2e2e2e;
    font-size: 0.75rem;
  }
  .address span {
    color: #2e2e2e;
    font-size: 0.75rem;
  }
  .view-detail-btn {
    background-color: #348A00;
    border-radius: 4px;
    padding: 10px 12px;
    color: #fff;
    text-decoration: none;
    font-size: 0.8rem !important;
  }
  .view-detail-btn:hover {
    background-color: #45af03;
    color: #fff;
    text-decoration: none;
  }
  .btn-outline {
    border-radius: 4px;
    border: 1px solid #fefefe;
    color: #fff;
    padding: 8px 12px;
    font-size: 0.75rem;
  }
  .btn-outline:hover {
    background-color: #ff4500;
    color: #fff;
  }
  .btn-outline-active {
    border-radius: 4px;
    border: 1px solid #ff4500;
    color: #fff;
    padding: 8px 12px;
    font-size: 0.75rem;
    background-color: #ff4500 !important;
  }
  .date-fromto {
    font-size: 0.75rem;
    color: #1e1e1e;
    border-radius: 4px;
    border: solid 1px #ff0400;
    padding: 5px 10px;
    margin: 10px 0;
  }
  #ribbon-container {
    position: absolute;
    top: 15px;
    left: -45px;
    overflow: visible;
    /* so we can see the pseudo-elements we're going to add to the anchor */
    font-size: 0.75rem;
    /* font-size and line-height must be equal so we can account for the height of the banner */
    line-height: 0px;
    z-index: 1;
  }
  .listing-thumb img {
    border-radius: 6px;
    aspect-ratio: 1/1;
    -o-object-fit: cover !important;
    object-fit: cover;
    height: 140px !important;
  }
  .image-height {
    min-height: 120px;
  }
  .search-category {
    font-size: 0.875rem;
    background-color: #fff;
    color: #1e1e1e;
  }
  a.add-to-call {
    color: #1e1e1e;
    font-size: 0.75rem;
    text-decoration: none;
  }
  a.add-to-call:hover {
    color: #1e1e1e;
    font-size: 0.75rem;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
  }
  .select2-container-home .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 41px !important;
    font-size: 0.6rem !important;
  }
  .select2-container-home .select2-container--default .select2-selection--single {
    height: 45px !important;
    line-height: 36px !important;
    font-size: 0.6rem !important;
  }
  .form-control-search {
    font-size: 0.6rem !important;
    height: 52px !important;
    margin-bottom: 0px;
  }
  .input-group .btn {
    padding: 0 10px;
    line-height: 36px;
    height: 52px !important;
    border-radius: 0px !important;
    font-size: 0.6rem;
  }
}
@media only screen and (max-width: 340px) {
  .f-size-10-m {
    font-size: 0.625rem;
  }
  .f-size-11-m {
    font-size: 0.688rem;
  }
  .f-size-12-m {
    font-size: 0.75rem;
  }
  .f-size-13-m {
    font-size: 0.8125rem;
  }
  .f-size-14-m {
    font-size: 0.875rem;
  }
  .f-size-15-m {
    font-size: 0.9375rem;
  }
  .f-size-16-m {
    font-size: 1rem;
  }
  .f-size-17-m {
    font-size: 1.0625rem;
  }
  .f-size-18-m {
    font-size: 1.125rem;
  }
  .f-size-20-m {
    font-size: 1.25rem;
  }
  .auction-number {
    font-size: 0.6rem;
  }
  .add-to-cal {
    font-size: 0.6rem;
  }
  .text-fadeinout {
    min-height: 100px;
  }
  .ticker-dealer-network-detail {
    display: block;
    overflow: hidden;
    height: 150px !important;
  }
  .bookmark {
    background-image: url(../images/bookmark.svg);
    background-repeat: no-repeat;
    background-size: 14px 17px !important;
    width: 17px;
    height: 26px;
    cursor: pointer;
  }
  .bookmark:hover {
    background-image: url(../images/bookmark-hover.svg);
    background-repeat: no-repeat;
    cursor: pointer;
  }
  .bookmark-active {
    background-image: url(../images/bookmark-active.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 26px;
    cursor: pointer;
  }
  .ticker {
    display: block;
    overflow: hidden;
    height: 300px !important;
  }
  .form-control-search {
    font-size: 0.6rem !important;
    height: 45px !important;
    width: 50% !important;
    margin-bottom: 5px;
  }
  .input-group .btn {
    border-radius: 4px !important;
    font-size: 0.6rem;
  }
  .white-text-sm {
    font-size: 0.6rem !important;
    color: #fff;
    position: relative;
    text-decoration: none;
  }
  a.white-link {
    font-size: 0.6rem;
    color: #fff;
    position: relative;
    text-decoration: none;
  }
  .f-size-menu {
    font-size: 0.6rem;
  }
  .f-size-12-m {
    font-size: 0.6rem;
  }
  .f-size-13-m {
    font-size: 0.8125rem;
  }
  .f-size-14-m {
    font-size: 0.875rem;
  }
  .f-size-15-m {
    font-size: 0.9375rem;
  }
  .f-size-16-m {
    font-size: 1rem;
  }
  .f-size-17-m {
    font-size: 1.0625rem;
  }
  .f-size-18-m {
    font-size: 1.125rem;
  }
  .f-size-20-m {
    font-size: 1.25rem;
  }
  .article-thumb img {
    border-radius: 6px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100px !important;
    min-width: inherit;
    margin-top: 5px;
  }
  .gallery-thumbs {
    height: 50px !important;
    width: 100%;
    border-radius: 4px;
    padding: 0 10px;
  }
  .pswp__zoom-wrap .pswp__img {
    height: auto !important;
    -o-object-fit: none !important;
    object-fit: none !important;
    max-width: none !important;
    margin-top: 10px !important;
    margin-bottom: 50px;
  }
  .blue-tab-btn .active {
    background-color: #ffaa2d !important;
    border: solid 1px #ffaa2d !important;
    color: #fff;
    padding: 10px 15px !important;
    font-size: 0.7rem;
    height: 100%;
  }
  .blue-btn {
    background-color: #0009a4;
    color: #fff;
    padding: 10px 15px !important;
    font-size: 0.7rem;
    height: 100%;
  }
  a.breadcrum-link {
    color: #0000ff;
    text-decoration: none;
    font-size: 0.6rem;
  }
  .breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color);
    font-size: 0.7rem;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    line-height: 24px;
  }
  .for-sale {
    background-color: #348a00;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 0.6rem;
    bottom: 0;
    right: 2px;
  }
  .auction {
    background-color: #ff4500;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 0.6rem;
    bottom: 0;
    right: 2px;
  }
  .wanted {
    background-color: #ffe500;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 0.6rem;
    bottom: 0;
    color: #000;
    right: 2px;
  }
  a.box-title {
    color: #1e1e1e;
    font-weight: 800;
    font-size: 0.7rem;
    text-decoration: none;
  }
  a.box-number {
    color: #1e1e1e;
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
  }
  a.equipment-link {
    color: #0000ff;
    font-size: 0.7rem;
    position: relative;
    text-decoration: none;
  }
  .address {
    color: #2e2e2e;
    font-size: 0.7rem;
  }
  .view-detail-btn {
    background-color: #0009a4;
    border-radius: 4px;
    padding: 5px 4px;
    color: #fff;
    font-size: 0.4rem;
    text-decoration: none;
  }
  .description {
    font-size: 0.7rem;
    color: #1e1e1e;
  }
  .listed {
    color: #1e1e1e;
    font-size: 0.6rem;
  }
  a.orange-btn {
    background-color: #ff4500;
    color: #fff;
    font-size: 0.6rem;
    padding: 5px 10px !important;
  }
  .dark-blue-btn {
    background-color: #000452;
    color: #fff;
    font-size: 0.6rem;
    padding: 5px 5px;
  }
  .capsule-box a:nth-last-child(1) {
    border-right: solid 0px #fff !important;
  }
  .capsule-box a.green-menu {
    font-size: 1rem;
    text-decoration: none;
    padding: 10px 5px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
    color: #1e1e1e;
    background-color: #fff;
  }
  .header-text {
    color: #fefefe;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .header-text-sm {
    color: #fefefe;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .header-text-18 {
    color: #fefefe;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }
  .header-text-30 {
    color: #fefefe !important;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 200 !important;
    line-height: normal;
    text-transform: capitalize;
    padding-bottom: 1rem;
  }
  .btn-outline-primary-new {
    --bs-btn-color: #fff;
    font-size: 0.8rem;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ffe500;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none;
    margin-right: 6px;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 6px 11px;
  }
  .btn-outline-primary-new:hover {
    background-color: #ffe500 !important;
    border: 1px solid #ffe500 !important;
    color: #000;
  }
  .btn-outline-yellow {
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 11px;
    font-size: 0.8rem;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px;
    margin-right: 12px;
  }
  .btn-outline-orange {
    border: 1px solid #ff4500;
    color: #fff;
    padding: 6px 11px !important;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 4px;
    margin-right: 12px;
    background-color: #ff4500;
    font-size: 0.8rem;
  }
  .select2-container-home .select2 {
    width: 150px !important;
    font-size: 0.8rem;
  }
  .select2-container-home .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 0.6rem !important;
    line-height: 40px !important;
  }
  .capsule-box a.blue-menu {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 13px 3px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
    color: #1e1e1e;
    background-color: #fff;
  }
  .capsule-box a.blue-menu-active {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 13px 3px;
    background-color: #000452;
    color: #fefefe;
  }
  .capsule-box a.green-menu {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 8px 5px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
    color: #1e1e1e;
    background-color: #fff;
  }
  .capsule-box a.green-menu-active {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 13px 5px;
    background-color: #348a00;
    color: #fefefe;
  }
  .capsule-box a.yellow-menu {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 13px 5px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
    color: #1e1e1e;
    background-color: #fff;
  }
  .capsule-box a.yellow-menu-active {
    font-size: 0.8rem !important;
    text-decoration: none;
    padding: 13px 5px;
    background-color: #ffe500;
    color: #000;
  }
  .capsule-box a.red-menu {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 13px 5px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
    color: #1e1e1e;
    background-color: #fff;
  }
  .capsule-box a.red-menu-active {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 13px 5px;
    background-color: #ff0400;
    color: #fefefe;
  }
  .capsule-box a.orange-menu {
    font-size: 0.5rem !important;
    text-decoration: none;
    padding: 10px 5px;
    line-height: 37px;
    border-right: solid 1px #777;
    border-collapse: collapse;
    color: #1e1e1e;
    background-color: #fff;
  }
  .listing-price {
    font-weight: 500;
    font-size: 0.6rem;
  }
  .gst {
    color: #777;
    font-size: 0.6rem;
  }
  a.know-more {
    color: #ffaa2d;
    font-size: 0.7rem;
    position: relative;
    text-decoration: none;
  }
  .footer-content {
    font-size: 0.7rem;
  }
  .footer-link-title {
    font-size: 0.7rem;
  }
  a.footer-link {
    font-size: 0.7rem;
    color: #fff;
    text-decoration: none;
    line-height: 2.5rem;
    position: relative;
  }
  .detail-page-title {
    font-size: 1.1rem;
    font-weight: 900 !important;
    color: #000;
    margin-top: 1.5rem;
  }
  h4 {
    font-size: 1rem;
  }
  .article-box a.box-title {
    font-size: 0.8rem;
  }
  .article-box p {
    font-size: 0.8rem;
    line-height: 1.5em;
  }
  .page-title {
    font-size: 1.2rem;
    font-weight: 900 !important;
  }
  .listing-bg {
    background-image: url(../images/head-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
  }
  .bluedark-btn-marketing {
    background-color: #000452;
    color: #fff;
    font-size: 0.7rem;
    padding: 1.2rem 1rem;
    height: 100%;
  }
  .select2-container-home .select2-container--default .select2-selection--single {
    box-shadow: none;
    height: 45px !important;
    line-height: 36px !important;
    font-size: 0.8rem !important;
    border-radius: 0.25rem;
    border: solid 0px #b5b5b5 !important;
    width: 100%;
  }
  a.terms-link {
    font-size: 0.5rem !important;
    color: #fff;
    position: relative;
    text-decoration: none;
    text-underline-offset: 3px;
  }
  .gray-text-sm {
    font-size: 0.6rem !important;
  }
  .copyright-content p {
    font-size: 0.6rem !important;
  }
  .page-link {
    padding: 3px 4px;
  }
  a.finance-link {
    color: #0000ff;
    font-size: 0.7rem;
    position: relative;
    text-decoration: none;
  }
}
.quotes {
  display: none;
}

.auction-title-bg {
  background-color: #ECEDF0;
  margin-bottom: 1rem;
}

.blue-btn-auction {
  background-color: #0511E5;
  border: solid 2px #FF7A00;
  border-radius: 6px;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  padding: 9px 20px;
}

.blue-btn-auction:hover {
  background-color: #525bfd;
  border-radius: 6px;
  text-decoration: none;
  padding: 9px 20px;
}

.pit-logo-boxbg {
  background-color: #FFF9C8 !important;
  font-size: 1rem;
  color: #000;
}

.enquiry-form-container {
  background-color: #EAEAEA !important;
  padding: 20px !important;
  border-radius: 10px !important;
}

.offer-input {
  width: 212px;
}

.ah-sales-links {
  font-size: 0.8rem;
  color: #000;
  text-decoration: none;
}
.ah-sales-links:hover {
  color: #000;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}/*# sourceMappingURL=style.css.map */