@charset "UTF-8";

h1 {
  font-size: 36px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  font-weight: unset;
  font-family: "latobold";
  margin-bottom: 0;
}

p {
  font-size: 16px;
  margin-bottom: 0;
  font-family: "latoregular";
}

::ng-deep p {
  font-family: "latoregular";
}

a {
  font-size: 16px;
}

.heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}

.heading h2 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.tab-content {
  padding-top: 24px;
}

.btn {
  height: auto;
}

.btn .icon {
  width: 14px;
  height: 14px;
}

.view-all,
.read-more,
.know-more,
.link {
  text-decoration: none;
  color: #255BA1;
  font-family: "latobold";
  text-transform: uppercase;
  cursor: pointer;
}

.view-all i,
.read-more i,
.know-more i,
.link i {
  width: 14px;
  height: 14px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.card {
  background: transparent;
}

.card.box-shadow {
  box-shadow: 0px 8px 30px rgba(38, 46, 56, 0.15);
  border-radius: 10px;
}

.card.card-with-bg {
  box-shadow: 0 4px 20px rgba(38, 50, 56, 0.1);
  padding: 24px;
  border-radius: 8px;
}

.card.card-with-heading {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(38, 50, 56, 0.1);
}

.card.card-with-heading .heading {
  padding: 16px;
  background: #F9FCFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card-style .status,
.list-view .status {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  font-size: 14px;
  padding: 2px 8px;
  color: #ffffff;
  border-bottom-right-radius: 12px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "latobold";
  background: #626B76;
}

.card-style .status::before,
.list-view .status::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #ffffff;
  border-radius: 50%;
}

.card-style .status.draft,
.card-style .status.DRAFT,
.card-style .status.NA,
.card-style .status.FAVOURITE,
.card-style .status.Favourite,
.list-view .status.draft,
.list-view .status.DRAFT,
.list-view .status.NA,
.list-view .status.FAVOURITE,
.list-view .status.Favourite {
  background: #626B76;
}

.card-style .status.promo,
.list-view .status.promo {
  background: #59BE79;
}

.card-style .status.PARTICIPATING,
.card-style .status.Participating,
.list-view .status.PARTICIPATING,
.list-view .status.Participating {
  background: #59BE79;
}

.list-view .list-repeat {
  position: relative;
}

.list-view .status {
  padding: 0 8px;
  top: 0;
  left: 12px;
}

.card-style {
  border: none;
  margin-bottom: 24px;
  cursor: pointer;
}

.card-style .favourite {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
}

.card-style .favourite .icon::before {
  background: #626B76;
}

.card-style .favourite.added .icon::before {
  background: #C02926;
}

.card-style .img-wrap {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  height: 250px;
}

.card-style .img-wrap .cat {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.card-style .img-wrap .cat li {
  font-size: 14px;
  color: #626B76;
  font-family: "latolight";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card-style .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-style .img-wrap .share {
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  flex-direction: column;
}

.card-style .img-wrap .share .icon {
  margin: 12px 0;
  width: 20px;
  width: 20px;
  cursor: pointer;
}

.card-style .img-wrap .share .icon::before {
  background: #ffffff;
}

.card-style .card-body {
  background: #ffffff;
  box-shadow: 0px 8px 30px rgba(38, 46, 56, 0.15);
  border-radius: 10px;
  position: relative;
  width: calc(100% - 40px);
  margin: -60px auto 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-style .card-body .head-sec h5 {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-right: 32px;
}

.card-style .card-body .head-sec p {
  margin-bottom: 0;
  font-family: "latobold";
  color: #626B76;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 14px;
}

.card-style .card-body .schedule {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #D5D8DD;
  display: flex;
  align-items: center;
  gap: 16px;
}

.card-style .card-body .schedule .date {
  display: flex;
}

.card-style .card-body .schedule .time {
  display: flex;
  align-items: center;
  margin-left: auto;
  color: #2E3947;
}

.card-style .card-body .pills-wrap {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: wrap;
}

.card-style .card-body .pills-wrap .pills {
  margin-top: 14px;
}

.card-style .card-body.card-lg {
  margin-top: -220px;
}

.card-style.big-card {
  cursor: default;
}

.card-style.big-card .img-wrap {
  height: 300px;
}

.card-style.big-card .card-body .main-category h2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}

.card-style.big-card-postion .card-body.card-lg {
  margin-top: -80px;
}

.card-style.card-without-img .card-body {
  margin: 0;
  width: 100%;
}

.card-style.card-case-study .img-wrap {
  position: relative;
}

.card-style.card-case-study .img-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(35, 35, 35, 0.5) 0%, rgba(35, 35, 35, 0) 100%);
}

.card-style.card-case-study .img-wrap .icon {
  position: absolute;
  left: 0;
  top: 30%;
  right: 0;
  bottom: 0;
  width: 54px;
  height: 54px;
  margin: 0 auto;
}

.card-style.card-case-study .img-wrap .icon::before {
  background: #ffffff;
}

.card-style.card-case-study .card-body .head-sec h4 {
  -webkit-line-clamp: 1;
  text-transform: none;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.card-style.card-case-study .card-body .head-sec p {
  margin-top: 8px;
  -webkit-line-clamp: 2;
  text-transform: none;
  font-family: "latolight";
  line-height: 24px;
  font-size: 16px;
}

.card-style.card-case-study .card-body .post-by {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.card-style.card-case-study .card-body .post-by .pills-wrap .pills {
  margin-top: 0;
}

.small-card .card-style .img-wrap {
  height: 212px;
}

.small-card .card-style .img-wrap .cat {
  height: calc(100% - 40px);
}

.small-card .card-style .img-wrap .cat li {
  font-size: 20px;
}

.small-card .card-style .card-body h5 {
  font-size: 18px;
}

.small-card .card-style .card-body .head-sec p {
  font-size: 16px;
}

.small-card .card-style .card-body .schedule p {
  font-size: 14px;
}

.small-card .card-style .card-body .schedule h6 {
  color: #17191C;
}

.big-card .img-wrap .auction-status {
  position: absolute;
  left: 24px;
  top: 24px;
}

.big-card .img-wrap img {
  max-width: none;
  max-height: none;
}

.big-card .top-sec {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.big-card .top-sec .left-sec {
  padding-right: 40px;
}

.big-card .top-sec .left-sec h2 {
  margin-bottom: 0px;
}

.big-card .top-sec .left-sec .descriptions {
  margin-top: 32px;
}

.big-card .top-sec .left-sec .descriptions p {
  font-size: 20px;
  color: #626B76;
  font-family: "latolight";
}

.big-card .top-sec .left-sec .schedule {
  border: none;
  margin: 0px 0 16px;
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.big-card .top-sec .left-sec .schedule h4 {
  font-family: "latolight";
  color: #626B76;
  display: flex;
  align-items: center;
}

.big-card .top-sec .left-sec .schedule h4 span {
  font-family: "latobold";
  color: #DE702C;
  vertical-align: middle;
}

.big-card .top-sec .left-sec .schedule h4 .version {
  color: #17191C;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  cursor: pointer;
}

.big-card .top-sec .left-sec .schedule h4 .version span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #17191C;
  border: 1px solid #17191C;
  font-size: 10px;
}

.big-card .top-sec .left-sec .quantity {
  display: flex;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.big-card .top-sec .left-sec .quantity h4 {
  font-family: "latolight";
  color: #626B76;
  display: flex;
  align-items: center;
}

.big-card .top-sec .left-sec .quantity h4 span {
  font-family: "latobold";
  color: #17191C;
  vertical-align: middle;
}

.big-card .top-sec .right-sec {
  flex-shrink: 0;
  width: 30%;
}

.big-card .top-sec .right-sec .links {
  justify-content: flex-end;
}

.big-card .top-sec .right-sec .org-card {
  display: flex;
  flex-direction: row;
  background: #E2F0FE;
  padding: 10px 16px;
  border: none;
  margin-top: 48px;
  border-radius: 10px;
}

.big-card .top-sec .right-sec .org-card .img-wrap {
  width: 78px;
  height: 78px;
  overflow: hidden;
  border-radius: 50%;
  background: #ffffff;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #4EACE9;
  flex-shrink: 0;
  margin-right: 24px;
  cursor: default;
}

.big-card .top-sec .right-sec .org-card .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.big-card .top-sec .right-sec .org-card .details h4 .icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: -5px;
}

.big-card .top-sec .right-sec .org-card .details .rating {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-top: 6px;
}

.big-card .top-sec .right-sec .org-card .details .rating .icon {
  width: 12px;
  height: 12px;
  margin: 0 2px;
}

.big-card .top-sec .right-sec .org-card .details .rating .rating-count {
  margin-left: 5px;
  color: #255BA1;
}

.big-card .top-sec .right-sec .org-card .details .verifiy {
  display: flex;
  align-items: center;
}

.big-card .top-sec .right-sec .org-card .details .verifiy .icon {
  width: 18px;
  height: 18px;
}

.big-card .bottom-sec {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #C7CBD1;
  padding: 16px 0 0px;
}

.big-card .bottom-sec .auction-type {
  display: flex;
  align-items: center;
}

.big-card .bottom-sec .auction-type h4 {
  font-family: "latolight";
  color: #626B76;
  display: flex;
  align-items: center;
}

.big-card .bottom-sec .auction-type span,
.big-card .bottom-sec .auction-type .auction-type-list .list-inline-item {
  font-family: "latobold";
  color: #255BA1;
  vertical-align: middle;
  text-transform: uppercase;
}

.big-card .bottom-sec .auction-type .auction-type-list li {
  padding: 0 16px;
  border-right: 1px solid #C7CBD1;
  line-height: 16px;
  margin: 0;
}

.big-card .bottom-sec .auction-type .auction-type-list li:last-child {
  border-right: 0;
  padding-right: 0;
}

.big-card .bottom-sec .auction-watch {
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.big-card .bottom-sec .auction-watch span {
  display: flex;
  align-items: center;
  color: #DE702C;
}

.big-card .bottom-sec .auction-watch span.seprator {
  color: #C7CBD1;
}

.big-card .bottom-sec .auction-watch i {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.big-card .bottom-sec .auction-watch i::before {
  background: #DE702C;
}

.big-card .bottom-sec .grouped {
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
  flex-shrink: 0;
}

.big-card .bottom-sec .auction-conducted {
  margin-bottom: 16px;
}

.big-card .bottom-sec .auction-conducted h4 strong {
  color: #DE702C;
  padding-left: 4px;
}

.big-card .bottom-sec .locations {
  display: flex;
}

.big-card .bottom-sec .locations ul {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  padding-left: 16px;
  flex-wrap: wrap;
}

.big-card .bottom-sec .locations ul li {
  font-size: 16px;
  color: #255BA1;
  text-transform: uppercase;
  font-family: "latobold";
  position: relative;
}

.big-card .bottom-sec .locations ul li:first-child::before {
  content: none;
}

.big-card .bottom-sec .locations ul li::before {
  content: "";
  width: 1px;
  height: 70%;
  background: #C7CBD1;
  display: inline-block;
  position: absolute;
  left: -16px;
  top: 4px;
}

.big-card .bottom-sec .sellers-details h4 {
  color: #626B76;
}

.card-type {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  padding: 16px;
  width: 100%;
}

.card-type .img-wrap {
  height: 100%;
  width: 150px;
  max-height: 150px;
}

.card-type .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-type .card-body {
  margin: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 0 0 16px;
}

.card-type .card-body .schedule {
  justify-content: space-between;
}

.card-type .card-body .head-sec h5 {
  -webkit-line-clamp: 1;
}

.card-type .card-body .head-sec p {
  -webkit-line-clamp: 1;
}

.card-type .card-body .head-sec p .version {
  display: inline-flex;
  align-items: center;
}

.card-type-list {
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.card-type-list .pills-wrap {
  display: flex;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.card-type-list .auction-status {
  display: inline-block;
}

.card-type-list h5 {
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.card-type-list h5 .icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: 2px;
}

.card-type-list p {
  margin-bottom: 16px;
  font-family: "latobold";
  color: #626B76;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 14px;
}

.card-type-list p .version {
  display: inline-flex;
  align-items: center;
}

.list-view {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  border-radius: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.list-view .list-repeat .card-type-list {
  padding: 24px 24px 16px;
  border-bottom: 1px solid #D5D8DD;
  border-radius: 0;
}

.list-view .list-repeat:last-child {
  border: none;
  margin-bottom: 0;
}

.list-view .schedule .time {
  margin-bottom: 16px;
}

.list-view .auction-status {
  margin-left: 0;
  width: -moz-max-content;
  width: max-content;
}

.auction-status {
  padding: 2px 10px;
  border-radius: 20px;
  margin-left: 16px;
  flex-shrink: 0;
  text-transform: capitalize;
}

.auction-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 6px;
}

.auction-status.live {
  background: #DE702C;
  color: #ffffff;
}

.auction-status.live::before {
  background: #ffffff;
}

.auction-status.closed {
  background: #A2A6AC;
  color: #ffffff;
}

.auction-status.closed::before {
  background: #ffffff;
}

.auction-status.live-soon {
  background: #FBEBD7;
  color: #DE702C;
}

.auction-status.live-soon::before {
  background: #DE702C;
}

.auction-status.refund-pending {
  background: rgba(255, 148, 141, 0.4);
  color: #C02926;
}

.auction-status.refund-pending::before {
  background: #ffffff;
}

.auction-status.refund-complete {
  background: rgba(89, 190, 121, 0.2);
  color: #59BE79;
}

.auction-status.refund-complete::before {
  background: #ffffff;
}

.auction-status.on-emd-refund {
  background: rgb(251, 235, 215);
  color: #DE702C;
}

.auction-status.on-emd-refund::before {
  background: #ffffff;
}

.value-added-service .card {
  padding: 40px;
  box-shadow: 0px 20px 60px rgba(38, 46, 56, 0.25);
  border-radius: 10px;
  border: none;
  background: #ffffff;
}

.value-added-service .service {
  display: flex;
}

.value-added-service .service .details {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.value-added-service .service .details p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.value-added-service .service .details h3 {
  font-family: "latoregular";
  margin-bottom: 16px;
}

.value-added-service .service .details .know-more {
  margin-top: 40px;
  font-size: 18px;
}

.value-added-service .service .details .know-more .icon {
  width: 12px;
  height: 12px;
}

.value-added-service .service .img-wrap {
  width: 50%;
  max-height: 220px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: 0 10px;
  align-items: baseline;
}

.pills {
  font-size: 12px;
  color: #255BA1;
  font-family: "latobold";
  border-radius: 8px;
  background: #E2F0FE;
  padding: 4px 8px;
  text-transform: uppercase;
}

.sort-by {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #D5D8DD;
  align-items: center;
}

.sort-by p {
  font-size: 20px;
  color: #626B76;
}

.sort-by p strong {
  font-family: "latobold";
}

.sorting .btn::after,
.custom-dropdown .btn::after {
  content: none;
}

.sorting .dropdown-menu,
.custom-dropdown .dropdown-menu {
  padding: 0;
  border-color: #F7F8F8;
}

.sorting .dropdown-menu .btn,
.sorting .dropdown-menu a,
.custom-dropdown .dropdown-menu .btn,
.custom-dropdown .dropdown-menu a {
  display: block;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 16px;
  color: #626B76;
  text-transform: capitalize;
  font-family: "latoregular";
  border-radius: 0;
}

.sorting .dropdown-menu .btn:hover,
.sorting .dropdown-menu .btn.active,
.sorting .dropdown-menu a:hover,
.sorting .dropdown-menu a.active,
.custom-dropdown .dropdown-menu .btn:hover,
.custom-dropdown .dropdown-menu .btn.active,
.custom-dropdown .dropdown-menu a:hover,
.custom-dropdown .dropdown-menu a.active {
  color: #DE702C;
  background: #F7F8F8;
}

.custom-dropdown .dropdown-menu a {
  text-decoration: none;
  min-width: -moz-max-content;
  min-width: max-content;
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  align-items: center;
  border: 1px solid #F5FAFE;
  font-family: "latobold";
}

.custom-dropdown .dropdown-menu a .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F5FAFE;
  padding: 10px;
}

.custom-dropdown .dropdown-menu a .icon::before {
  background: #626B76;
}

:host ::ng-deep .table-wrapper .table>tbody {
  vertical-align: middle;
}

.table .form-check .form-check-input {
  margin-left: 0;
}

.inside-panel {
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
  position: relative;
  padding: 24px;
}

.inside-panel .img-wrap {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}

.inside-panel .img-wrap .count {
  background: rgba(23, 25, 28, 0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 30px;
  font-size: 14px;
  color: #ffffff;
  font-family: "latobold";
  padding: 8px 16px;
  position: absolute;
  right: 16px;
  bottom: 16px;
}

.inside-panel .img-wrap img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.inside-panel .watchers {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
}

.inside-panel .watchers span {
  display: flex;
}

.inside-panel .watchers .watch {
  align-self: flex-end;
}

.inside-panel .watchers .watch span {
  color: #CB4F23;
  font-size: 14px;
}

.inside-panel .watchers .watch span strong {
  margin-left: 5px;
  font-family: "latobold";
}

.inside-panel .watchers .watch span i {
  width: 16px;
  height: 16px;
  align-self: center;
  cursor: pointer;
}

.inside-panel .watchers .watch span i::before {
  background: #CB4F23;
}

.inside-panel .details {
  flex: 1;
}

.inside-panel .details h6,
.inside-panel .details p {
  display: block;
  text-wrap: wrap;
}

.inside-panel .details h6 {
  color: #626B76;
  font-size: 14px;
}

.inside-panel .details p {
  font-size: 16px;
  color: #626B76;
  margin-bottom: 14px;
  font-family: "latoregular";
}

.pagination-sorting {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.links {
  display: flex;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.links a,
.links span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #F7F8F8;
  cursor: pointer;
}

.links a i::before,
.links span i::before {
  background: #626B76;
}

.links a.disabled,
.links span.disabled {
  cursor: auto;
  opacity: 0.8;
}

.breadcrumb li {
  font-size: 20px;
  color: #626B76;
  display: flex;
  align-items: center;
  font-family: "latobold";
}

.breadcrumb li.anchor {
  cursor: pointer;
}

.breadcrumb li.active {
  color: #17191C;
}

.breadcrumb li.active::before {
  content: "";
  mask-image: url(../images/icons/arrow.svg);
  -webkit-mask-image: url(../images/icons/arrow.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 24px;
  height: 20px;
  background: #626B76;
}

.form-group {
  margin-bottom: 30px;
}

.form-group label {
  margin-bottom: 10px;
  color: #626B76;
  font-size: 16px;
}

.input-group {
  overflow: hidden;
}

.steppers-form form h3 {
  color: #DE702C;
  margin-bottom: 20px;
}

.steppers-form .buttons-group {
  display: flex;
  justify-content: flex-end;
}

.switcher {
  display: inline-block;
  padding: 5px;
  background: #E2F0FE;
  min-width: 100px;
  border-radius: 2px;
  border-radius: 8px;
  border: solid 1px #E2F0FE;
  position: relative;
  height: 48px;
}

.switcher input {
  display: none;
}

.switcher .switcher__label {
  float: left;
  width: 50%;
  height: 38px;
  text-align: center;
  cursor: pointer;
  position: inherit;
  z-index: 2;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  display: flex;
  align-items: center;
  justify-content: center;
}

.switcher .switcher__label .icon.icon-gridnew::before {
  mask-image: url(../../assets/images/icons/gridnew.svg);
  -webkit-mask-image: url(../../assets/images/icons/gridnew.svg);
}

.switcher .switcher__label .icon.icon-listnew::before {
  mask-image: url(../../assets/images/icons/listnew.svg);
  -webkit-mask-image: url(../../assets/images/icons/listnew.svg);
}

.switcher .switcher__label .icon::before {
  background: #626B76;
}

.switcher .switcher__toggle {
  background: #4EACE9;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.16);
  position: absolute;
  float: left;
  height: 38px;
  width: 46%;
  cursor: pointer;
  border-radius: 8px;
  left: 5px;
  top: 4px;
  transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.switcher input:checked+.switcher__label .icon::before {
  background: #ffffff;
}

.switcher .switcher__input--grid:checked~.switcher__toggle {
  left: 50%;
  background: #4EACE9;
  border-radius: 8px;
}

.ui-switcher {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.pt-48 {
  padding-top: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.pt-64 {
  padding-top: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.video-card-wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  overflow: hidden;
  border-radius: 10px;
}

.video-card-wrapper .video-frame {
  width: 57.5%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
}

.video-card-wrapper .video-frame::before {
  content: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(89.3deg, rgba(35, 35, 35, 0.5) 46.25%, rgba(0, 0, 0, 0) 99.43%);
}

.video-card-wrapper .video-frame video,
.video-card-wrapper .video-frame img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-card-wrapper.fw-video {
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
}

.video-card-wrapper.fw-video .video-frame {
  width: 100%;
  max-height: 100%;
  border-radius: 8px 8px 0px 0px;
}

.video-card-wrapper.fw-video .card-body {
  background: #ffffff;
  text-align: left;
}

.video-card-wrapper .text-frame {
  flex: 1;
  padding: 76px 24px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
}

.video-card-wrapper .text-frame h3 {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-card-wrapper .text-frame p {
  color: #626B76;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 991px) {
  .video-card-wrapper {
    flex-direction: column;
    overflow: visible;
  }

  .video-card-wrapper .video-frame {
    width: 100%;
    height: 166px;
  }

  .video-card-wrapper .text-frame {
    padding: 16px;
    width: calc(100% - 32px);
  }

  .video-card-wrapper .text-frame h3,
  .video-card-wrapper .text-frame p {
    font-size: 16px;
  }

  .video-card-wrapper.fw-video {
    box-shadow: none;
    align-items: center;
  }

  .video-card-wrapper.fw-video .video-frame {
    height: 166px;
    border-radius: 10px;
  }

  .video-card-wrapper.fw-video .card-body {
    padding: 16px;
    width: calc(100% - 32px);
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  }

  .video-card-wrapper.fw-video .card-title {
    font-size: 16px;
  }
}

.play-btn-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(23, 25, 28, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-btn-overlay .icon {
  width: 64px;
  height: 64px;
}

.play-btn-overlay .icon::before {
  background-color: #ffffff;
}

.list-style-disc {
  padding-left: 1.5rem;
  list-style: disc;
}

.list-style-disc li {
  list-style: disc;
}

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

.plans .select-plan .form-group input {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.plans .select-plan .form-group input:checked+label {
  border: 2px solid #255BA1;
}

.plans .select-plan .form-group label {
  border: 2px solid transparent;
  border-radius: 12px;
  cursor: pointer;
}

.plan {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  border-radius: 12px;
  position: relative;
}

.plan.yearly-plan .top-section {
  background: url(../images/yearly-plan.svg) no-repeat center;
  background-size: cover;
}

.plan.yearly-plan .top-section .seprator {
  background: #F2AD3D;
}

.plan.life-time-plan .top-section {
  background: url(../images/life-time-plan.svg) no-repeat center;
  background-size: cover;
}

.plan.life-time-plan .top-section .seprator {
  background: #4EACE9;
}

.plan.coming-soon-plan .top-section {
  background: url(../images/coming-soon-plan.svg) no-repeat center;
  background-size: cover;
}

.plan.coming-soon-plan .coming-soon {
  position: absolute;
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(23, 25, 28, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 99;
  border-radius: 12px;
  color: #ffffff;
  text-align: center;
  font-family: "latobold";
}

.plan .most-popular {
  text-transform: uppercase;
  font-family: "latobold";
  background: #FBEBD7;
  border-radius: 0px 0px 12px 12px;
  padding: 6px 16px;
  position: absolute;
  left: 20px;
  top: -5px;
}

.plan .most-popular::before,
.plan .most-popular::after {
  content: "";
  position: absolute;
  top: 0;
  width: 5px;
  height: 5px;
  background: #DE702C;
  display: inline-block;
}

.plan .most-popular::before {
  left: -5px;
  background: linear-gradient(300deg, #DE702C 50%, #ffffff 50%);
}

.plan .most-popular::after {
  right: -5px;
  background: linear-gradient(240deg, #ffffff 50%, #DE702C 50%);
}

.plan .top-section {
  padding: 50px 0;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  min-height: 300px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.plan .top-section h2 {
  font-size: 48px;
}

.plan .top-section .icon {
  width: 46px;
  height: 46px;
}

.plan .top-section .icon::before {
  background: #ffffff;
}

.plan .top-section .seprator {
  display: inline-block;
  margin: 32px 0;
  width: 70px;
  height: 1px;
}

.plan .bottom-section {
  padding: 10px 32px 32px;
}

.plan-includes li {
  color: #626B76;
  font-size: 16px;
  margin-top: 24px;
  padding-left: 30px;
  position: relative;
  display: flex;
  align-items: center;
}

.plan-includes li::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/icons/circle-tic.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
}

.summary-wrap.yearly .summary .seprator {
  background: #F2AD3D;
}

.summary-wrap .summary {
  padding: 26px;
  background: #DE702C;
  border-radius: 12px;
  width: calc(100% - 48px);
  margin: 0 auto;
  position: relative;
  z-index: 1;
  color: #ffffff;
  text-align: center;
}

.summary-wrap .summary .seprator {
  margin: 16px 0;
  display: inline-block;
  width: 60px;
  height: 1px;
}

.summary-wrap .summary h3 {
  color: #ffffff;
  margin-bottom: 0;
}

.summary-wrap .summary h2 {
  margin-bottom: 16px;
}

.summary-wrap .summary p {
  font-size: 14px;
  color: #FBEBD7;
}

.summary-wrap .summary p .icon {
  cursor: pointer;
}

.summary-wrap .summary p .icon::before {
  background: #FBEBD7;
}

.summary-wrap .details {
  background: #F5FAFE;
  padding: 120px 24px 32px;
  border-radius: 12px;
  margin-top: -80px;
}

.summary-wrap .details .table {
  table-layout: fixed;
}

.summary-wrap .details .table tr td {
  padding-bottom: 20px;
}

.summary-wrap .details .table tr td:last-child {
  text-align: right;
}

.summary-wrap .details .table tr td div {
  font-size: 16px;
  padding: 0;
}

.summary-wrap .details .table tr td span {
  font-size: 14px;
  color: #626B76;
  padding: 0;
}

.summary-wrap .details .table tr td .icon {
  cursor: pointer;
}

.summary-wrap .details .table tr.total td {
  padding-top: 16px;
  color: #255BA1;
  font-size: 20px;
}

.hr-divider-text {
  position: relative;
  line-height: 26px;
  text-align: center;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 18px;
  color: #2E3947;
}

.hr-divider-text::before,
.hr-divider-text::after {
  content: "";
  width: 50%;
  height: 2px;
  top: 24px;
  background-color: #D5D8DD;
  display: block;
  flex: 1;
}

.hr-divider-text .center-text {
  padding: 0 16px;
}

@media only screen and (max-width: 991px) {
  .hr-divider-text {
    font-size: 12px;
  }
}

.article {
  padding: 16px;
  border-radius: 10px;
  background: linear-gradient(90deg, #FBEBD7 0%, #F9E3D6 100%);
  margin-top: 20px;
}

.article .card {
  display: flex;
  flex-direction: row;
}

.article .card .img-wrap {
  height: 150px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 16px;
}

.article .card .details .status {
  color: #E2F0FE;
  display: inline-flex;
  background: #59BE79;
  font-size: 16px;
  padding: 2px 8px;
  border-radius: 20px;
  margin-bottom: 16px;
  position: relative;
  align-items: center;
}

.article .card .details .status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #E2F0FE;
  display: inline-block;
  margin-right: 4px;
}

.article .card .details h5 {
  margin-bottom: 8px;
}

.article .card .details h6 {
  margin-bottom: 16px;
  color: #626B76;
}

.star-note {
  font-size: 16px;
  color: #626B76;
  font-family: "latoregular";
}

.star-note sup {
  top: 0;
  font-size: 24px;
  color: #17191C;
  font-family: "latoBold";
}

.mobile-filter .dropdown-menu {
  width: 260px;
  padding: 16px;
  right: 0 !important;
  left: auto !important;
  z-index: 1;
}

::ng-deep .popover {
  border-radius: 4px;
}

::ng-deep .popover .popover-body {
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  border-radius: 4px;
  background: #F5FAFE;
  padding: 10px;
}

::ng-deep .form-group.auto-search .ng-select .ng-arrow-wrapper .ng-arrow {
  mask-image: url(../images/icons/search.svg);
  -webkit-mask-image: url(../images/icons/search.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  background: #255BA1;
  transform: rotate(0deg);
}

::ng-deep .form-group.auto-search .ng-select.ng-select-opened>.ng-select-container .ng-arrow {
  transform: rotate(0deg);
}

::ng-deep .form-group.auto-search .ng-select.ng-select-single .ng-select-container {
  height: 50px;
}

::ng-deep .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  width: 22px;
}

::ng-deep .owl-carousel.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
}

.faqs .heading .link {
  text-transform: capitalize;
}

.faqs ::ng-deep .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 20px;
  font-family: "latoBold";
}

.faqs ::ng-deep .accordion .accordion-item .accordion-body {
  padding: 0px 0 24px;
  color: #626B76;
}

@media only screen and (max-width: 991px) {

  .faqs .heading p,
  .faqs .heading .link {
    font-size: 12px;
  }

  .faqs .heading .link {
    display: inline-block;
  }

  .faqs ::ng-deep .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
}

.auction-accordion .heading .link {
  text-transform: capitalize;
}

.auction-accordion ::ng-deep .accordion .accordion-item {
  box-shadow: 0px 6px 26px 0px rgba(40, 40, 40, 0.08);
  background: #ffffff;
}

.auction-accordion ::ng-deep .accordion .accordion-item .accordion-header .accordion-button {
  background: #E2F0FE;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 20px;
  color: #626B76;
  padding: 16px;
}

.auction-accordion ::ng-deep .accordion .accordion-item .accordion-body {
  padding: 16px;
  color: #626B76;
}

.auction-accordion .table-wrapper ::ng-deep .accordion .accordion-item {
  border-bottom: 0px;
}

@media only screen and (max-width: 991px) {

  .auction-accordion .heading p,
  .auction-accordion .heading .link {
    font-size: 12px;
  }

  .auction-accordion .heading .link {
    display: inline-block;
  }

  .auction-accordion ::ng-deep .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
}

.custom-tabs .nav-tabs {
  display: flex;
  margin-bottom: 36px;
}

.custom-tabs .nav-tabs .nav-link {
  cursor: pointer;
}

.custom-tabs .nav-tabs .nav-link.active {
  color: #255BA1;
  background-color: transparent;
  font-family: "latobold";
}

::ng-deep .modal-dialog.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

::ng-deep .modal-dialog .modal-content {
  padding: 0;
}

::ng-deep .modal-dialog .modal-header {
  padding: 20px;
}

::ng-deep .modal-dialog .modal-body {
  padding: 20px;
}

.page-size {
  display: flex;
  align-items: center;
}

.page-size .form-select {
  border-color: #255BA1;
}

.page-size strong {
  font-family: "latobold";
  margin-right: 12px;
  display: inline;
}

.btn {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.vertical-list .list {
  background: #F9FCFF;
  margin-bottom: 16px;
}

.vertical-list .list>h6 {
  background: #F5FAFE;
  border-radius: 10px;
  padding: 18px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.vertical-list .list>h6.active {
  background: #E2F0FE;
}

.vertical-list .list>h6 .icon {
  margin-right: 12px;
}

.vertical-list ul {
  padding: 0 48px;
}

.vertical-list ul li {
  border-bottom: 1px solid #E2F0FE;
}

.vertical-list ul li a {
  font-size: 16px;
  font-family: "latobold";
  color: #A2A6AC;
  padding: 12px 0;
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.vertical-list ul li:last-child {
  border-bottom: 0;
}

.vertical-list ul li.active a {
  color: #255BA1;
}

.card-wrap {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 46, 56, 0.1);
  border-radius: 20px;
  padding: 32px;
}

.card-wrap .list-view-wrap .details h3 {
  color: #DE702C;
}

.attachment-steps h3,
.attachment-steps .step-subheading,
.detachment-steps h3,
.detachment-steps .step-subheading {
  margin-top: 10px;
  color: #DE702C;
  margin-bottom: 16px;
}

.attachment-steps .buttons-group,
.detachment-steps .buttons-group {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.attachment-steps .buttons-group .btn,
.detachment-steps .buttons-group .btn {
  padding: 10px 36px;
}

.emd-value {
  position: absolute;
  right: 0;
  border-radius: 0px 0px 10px 10px;
  background: linear-gradient(90deg, #FBEBD7 0%, #F9E3D6 100%);
  box-shadow: 0px 4px 10px 0px rgba(38, 50, 56, 0.2);
  top: -46px;
  padding: 16px 24px;
  color: #255BA1;
}

.profile-management-container h3 {
  margin-bottom: 24px;
  color: #DE702C;
}

.profile-management-container .steppers-form form {
  margin-top: 0;
}

.profile-management-container .steppers-form form h3 {
  margin-bottom: 20px;
}

.profile-management-container .steppers-form form .text-caption {
  color: #2E3947;
}

.upload-doc-sec .upload {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border: 1px solid #C7CBD1;
  margin-top: 22px;
  min-height: 75px;
}

.upload-doc-sec .upload .label,
.upload-doc-sec .upload .status,
.upload-doc-sec .upload .upload-link {
  display: flex;
  align-items: center;
  flex: 1;
}

.upload-doc-sec .upload .upload-link {
  justify-content: flex-end;
}

.upload-doc-sec .upload .status {
  justify-content: center;
}

.upload-doc-sec .upload .status span {
  display: flex;
  align-items: center;
}

.upload-doc-sec .upload .view-delete {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.upload-doc-sec .upload .view-delete i {
  cursor: pointer;
}

.upload-doc-sec .upload-row {
  padding: 12px 0;
  border-bottom: 1px solid #D5D8DD;
}

.upload-doc-sec .upload-row .label {
  min-width: 350px;
  max-width: 350px;
  color: #2E3947;
  font-size: 16px;
}

.upload-doc-sec .upload-row .status {
  justify-content: flex-start;
}

.upload-doc-sec .upload-row .status .badge {
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
}

.upload-doc-sec .upload-row .status .badge.failed {
  background: #C02926;
}

.upload-doc-sec .upload-row .status .badge.pending {
  background: #CB4F23;
}

.upload-doc-sec .upload-row .status .badge.warning {
  background: #F2AD3D;
}

.upload-doc-sec .upload-row .status .badge.approved {
  background: #59BE79;
}

.upload-doc-sec .upload-row .status .badge [class^=icon]::before {
  background-color: #ffffff;
}

.upload-doc-sec .upload-row .view-delete {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.upload-doc-sec .upload-row .view-delete .icon {
  cursor: pointer;
}

.upload-doc-sec .comment-wrap,
.upload-doc-sec .verification-info-wrap {
  padding: 8px;
  background: linear-gradient(90deg, #FBEFE7 0%, #E8F4FC 100%);
  font-family: "latobold";
  color: #2E3947;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}

.upload-doc-sec .comment-wrap [class^=icon],
.upload-doc-sec .verification-info-wrap [class^=icon] {
  width: 20px;
  height: 20px;
}

.upload-doc-sec .comment-wrap [class^=icon]::before,
.upload-doc-sec .verification-info-wrap [class^=icon]::before {
  background-color: #C02926;
}

.upload-doc-sec .verification-info-wrap {
  padding: 14px 12px;
  background-color: #E2F0FE;
}

.upload-doc-sec .text-with-icon {
  color: #5D6671;
}

.text-with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}

.text-with-icon [class^=icon] {
  margin: 0;
}

.text-transform-none {
  text-transform: none;
}

.chip-container {
  display: flex;
}

.chip-container .chips {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
  column-gap: 10px;
  row-gap: 10px;
}

.chip-container .chips .chip {
  display: inline-flex;
  align-items: center;
  align-items: center;
  padding: 6px 16px;
  background: #FBEBD7;
  border: 1px solid #CB4F23;
  border-radius: 16px;
  color: #DE702C;
  font-size: 14px;
  font-family: "latobold";
  margin-bottom: 16px;
}

.chip-container .chips .chip .icon {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.chip-container .btn {
  margin-bottom: 20px;
}

.custom-table.mat-mdc-table {
  white-space: nowrap;
}

.custom-table.mat-mdc-table.live-bid-table {
  white-space: normal;
}

.custom-table.mat-mdc-table .mdc-data-table__header-cell {
  font-family: "latobold";
  color: #626B76;
  font-size: 14px;
}

.custom-table.mat-mdc-table .mat-mdc-row .mat-mdc-cell,
.custom-table.mat-mdc-table tr td {
  color: #17191C;
  font-size: 14px;
}

.cursor-pointer {
  cursor: pointer;
}

.btn-check+.btn {
  color: #000000;
  background-color: #ffffff;
  border: 2px solid #255BA1;
  border-radius: 6px;
  padding: 14px 56px 14px 32px;
}

.btn-check+.btn:hover {
  color: #000000;
  background-color: #E2F0FE;
  border: 2px solid #255BA1;
}

.btn-check+.btn [class^=icon] {
  width: 18px;
  height: 18px;
  margin-right: 30px;
}

.btn-check:checked+.btn,
.btn-check :not(.btn-check)+.btn:active,
.btn-check .btn:first-child:active,
.btn-check .btn.active,
.btn-check .btn.show {
  color: #000000;
  background-color: #E2F0FE;
  border: 2px solid #255BA1;
}

.page-background {
  background: url(../images/page-background.svg) no-repeat center;
  background-size: cover;
  height: 310px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.page-background.with-logo {
  height: 460px;
  background: url(../images/page-background-with-logo.svg) no-repeat center;
}

.page-background+div {
  position: relative;
  z-index: 2;
  top: 34px;
  margin-bottom: 40px;
}

.page-background.with-logo+div {
  top: 68px;
  margin-bottom: 80px;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.primary-dropdown .ng-select-container {
  background: #4EACE9;
  color: #ffffff;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container {
  background: #ffffff;
  color: #4EACE9;
  border-color: #4EACE9;
  position: relative;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container::before {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
  mask-image: url("../images/icons/check-circle.svg");
  -webkit-mask-image: url("../images/icons/check-circle.svg");
  background: #4EACE9;
  margin-left: -8px;
  margin-right: 6px;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container .ng-placeholder {
  color: #4EACE9;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container .ng-arrow-wrapper {
  transform: rotate(90deg);
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container .ng-arrow-wrapper .ng-arrow {
  background: url(../../assets/images/icons/arrow.svg) no-repeat center/contain;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown .ng-select-container {
  height: 48px;
  font-size: 16px;
  font-family: "latobold";
  text-transform: uppercase;
  min-width: 200px;
  border-radius: 10px;
  padding: 0 16px;
  cursor: pointer;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown .ng-select-container .ng-value-container {
  flex: 1;
  padding: 0;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown .ng-arrow-wrapper {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-left: 10px;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown .ng-arrow-wrapper .ng-arrow {
  border: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/images/icons/down-arrow-white.svg) no-repeat center/contain;
}

::ng-deep .ng-select.ng-select-single.btn-dropdown.ng-select-opened>.ng-select-container .ng-arrow {
  transform: rotate(180deg);
}

::ng-deep .ng-select.ng-select-disabled .ng-arrow-wrapper {
  display: none;
}

::ng-deep .mat-sort-header-arrow {
  opacity: 1 !important;
  transform: none !important;
}

::ng-deep .mat-sort-header-arrow .mat-sort-header-stem {
  display: none;
}

::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator {
  opacity: 1;
  width: 16px;
  height: 16px;
  transform: none !important;
}

::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator .mat-sort-header-pointer-left,
::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator .mat-sort-header-pointer-right,
::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator .mat-sort-header-pointer-middle {
  display: none;
}

[aria-sort=none] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "";
  top: 0;
  position: absolute;
  background: url(../../assets/images/icons/sort-icon.svg) no-repeat center/contain;
  width: 100%;
  height: 100%;
}

[aria-sort=ascending] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "↑";
  top: -4px;
  position: absolute;
  color: #A2A6AC;
}

[aria-sort=descending] ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator::before {
  content: "↓";
  top: -4px;
  position: absolute;
  color: #A2A6AC;
}

::ng-deep .stepper-container.mj-stepper .steps .step::after {
  left: calc(-50% + 20px);
  width: calc(100% - 40px);
}

::ng-deep .stepper-container.mj-stepper .steps .step .step-title {
  font-size: 18px;
}

::ng-deep .stepper-container.mj-stepper .steps .step .step-bullet {
  background: url(../images/icons/wizard-status-disable.svg) no-repeat center !important;
  border: none;
}

::ng-deep .stepper-container.mj-stepper .steps .step .step-bullet::before {
  content: none;
}

::ng-deep .stepper-container.mj-stepper .steps .step.active .step-title {
  color: #ffffff;
}

::ng-deep .stepper-container.mj-stepper .steps .step.active .step-bullet {
  background: url(../images/icons/wizard-status-inprogress.svg) no-repeat center !important;
}

::ng-deep .stepper-container.mj-stepper .steps .step.completed {
  pointer-events: unset !important;
}

::ng-deep .stepper-container.mj-stepper .steps .step.completed .step-title {
  color: #ffffff;
}

::ng-deep .stepper-container.mj-stepper .steps .step.completed .step-bullet {
  background: #59BE79 !important;
}

::ng-deep .stepper-container.mj-stepper .steps .step.completed .step-bullet::before {
  content: "none";
}

::ng-deep .stepper-container.mj-stepper .steps .step.completed+.step::after {
  background-color: #ffffff;
}

.stepper-container .heading {
  padding-bottom: 32px;
}

.stepper-container .heading h3 {
  color: #ffffff;
}

.stepper-container .heading h3 .icon {
  transform: rotate(180deg);
  cursor: pointer;
}

.stepper-container .heading h3 .icon::before {
  background: #ffffff;
}

.stepper-container ::ng-deep .stepper-body {
  box-shadow: 0px 4px 20px rgba(38, 46, 56, 0.1);
  border-radius: 20px;
  background: #ffffff;
  padding: 32px;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}

.stepper-container.mj-stepper .steps {
  width: 100%;
  list-style: none;
  display: inline-flex;
  margin: 0 auto;
  justify-content: center;
}

.stepper-container.mj-stepper .step {
  position: relative;
  width: 20%;
  text-align: center;
}

.stepper-container.mj-stepper .step::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #C7CBD1;
  top: 18px;
  left: -50%;
  z-index: -1;
}

.stepper-container.mj-stepper .step::after {
  left: calc(-50% + 20px);
  width: calc(100% - 40px);
}

.stepper-container.mj-stepper .step:first-child::after {
  content: none;
}

.stepper-container.mj-stepper .step .step-bullet {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 1.3rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 2;
  font-size: 0px !important;
  background: url(../images/icons/wizard-status-disable.svg) no-repeat center !important;
  border: none;
}

.stepper-container.mj-stepper .step .step-bullet::before {
  content: none;
  width: 10px;
  height: 10px;
  background: #C7CBD1;
  border-radius: 10px;
}

.stepper-container.mj-stepper .step .step-title {
  color: #A2A6AC;
  margin-top: 16px;
}

.stepper-container.mj-stepper .step.active .step-bullet {
  background: url(../images/icons/wizard-status-inprogress-blue.svg) no-repeat center !important;
}

.stepper-container.mj-stepper .step.active .step-title {
  color: #17191C;
}

.stepper-container.mj-stepper .step::after {
  background-color: #C7CBD1;
  height: 2px;
}

.stepper-container.mj-stepper .step.completed .step-bullet {
  border-color: #59BE79;
  background: #59BE79 !important;
}

.stepper-container.mj-stepper .step.completed .step-bullet::before {
  content: "";
  mask-image: url(../images/icons/right-tic.svg);
  -webkit-mask-image: url(../images/icons/right-tic.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 16px;
  height: 16px;
  background: #ffffff;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.stepper-container.mj-stepper .step.completed+.step::after {
  background-color: #59BE79;
}

.stepper-container.mj-stepper .step.completed .step-title {
  color: #17191C;
}

.stepper-container.mj-stepper .step.completed::after {
  background-color: #59BE79;
}

.stepper-container.mj-stepper .step.exempted .step-bullet {
  border-color: #C7CBD1;
  background: #C7CBD1 !important;
}

.stepper-container.mj-stepper .step.exempted .step-bullet::before {
  content: "";
  mask-image: url(../images/icons/closed.svg);
  -webkit-mask-image: url(../images/icons/closed.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 16px;
  height: 16px;
  background: #ffffff;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.stepper-container.mj-stepper .step.exempted+.step::after {
  background-color: #59BE79;
}

.stepper-container.mj-stepper .step.exempted .step-title {
  color: #17191C;
}

.stepper-container.mj-stepper .step.exempted::after {
  background-color: #59BE79;
}

.stepper-container.mj-stepper .step.error .step-bullet {
  border-color: #C02926;
  background: #C02926 !important;
}

.stepper-container.mj-stepper .step.error .step-bullet::before {
  content: "";
  mask-image: url(../images/icons/exclamation.svg);
  -webkit-mask-image: url(../images/icons/exclamation.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  width: 16px;
  height: 16px;
  background: #ffffff;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.stepper-container.mj-stepper .step.error+.step::after {
  background-color: #59BE79;
}

.stepper-container.mj-stepper .step.error .step-title {
  color: #17191C;
}

.stepper-container.mj-stepper .step.error::after {
  background-color: #59BE79;
}

.stepper-container.mj-stepper .step:after {
  z-index: 1 !important;
}

.font-regular {
  font-family: "latoregular";
}

.font-bold {
  font-family: "latobold";
}

.font-semibold {
  font-family: "latosemibold";
}

.fs-20 {
  font-size: 20px;
  line-height: 150%;
}

.fs-18 {
  font-size: 18px;
  line-height: 150%;
}

.fs-16 {
  font-size: 16px;
  line-height: 150%;
}

.fs-14 {
  font-size: 14px;
  line-height: 150%;
}

.fs-12 {
  font-size: 12px;
  line-height: 150%;
}

.fs-10 {
  font-size: 10px;
  line-height: 150%;
}

.card-panel {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 46, 56, 0.1);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
}

.card-panel .card-header {
  border: 0;
}

.card-panel.card-warning .card-header {
  background: linear-gradient(90deg, #FBEBD7 0%, #F9E3D6 100%);
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.card-panel+.card-panel:last-child {
  margin-bottom: 0;
}

.notification-wrap {
  position: relative;
}

.notification-wrap::after {
  content: "";
  width: 2px;
  height: calc(100% + 22px);
  display: flex;
  border: 1px dashed #C7CBD1;
  position: absolute;
  left: 210px;
  top: 0;
}

.notification {
  display: flex;
  align-items: center;
  margin-top: 24px;
  position: relative;
}

.notification::before {
  content: "";
  width: 12px;
  height: 12px;
  display: flex;
  background: #C7CBD1;
  border-radius: 50%;
  position: absolute;
  left: 205px;
  z-index: 1;
}

.notification.unread::before {
  background: #4EACE9;
}

.notification .notification-datetime {
  display: flex;
  flex-shrink: 0;
  width: 240px;
  font-family: "latobold";
  text-align: right;
}

.notification .wrap {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  border-radius: 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  position: relative;
  overflow: hidden;
}

.notification .wrap::before {
  content: "";
  width: 6px;
  height: 100%;
  display: flex;
  background: #626B76;
  position: absolute;
  left: 0;
  top: 0;
}

.notification .wrap .group {
  display: flex;
}

.notification .wrap .group .img-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}

.notification .wrap .group .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.notification .wrap .group .detail {
  padding-right: 20px;
}

.notification .wrap .group .detail h5 {
  margin-bottom: 4px;
}

.notification.success .wrap::before {
  background: #59BE79;
}

.notification.due .wrap::before {
  background: #F2AD3D;
}

.notification.lost .wrap::before {
  background: #C02926;
}

.dropdown-menu.notification-dropdown {
  max-width: 450px;
  padding: 24px;
  border: none;
  box-shadow: 0px 4px 30px rgba(38, 50, 56, 0.2);
  border-radius: 10px;
}

.dropdown-menu.notification-dropdown .notification-wrap h5 {
  display: flex;
  align-items: center;
}

.dropdown-menu.notification-dropdown .notification-wrap h5 .badge {
  background: #C02926;
  margin-left: 8px;
  font-size: 12px;
}

.dropdown-menu.notification-dropdown .notification {
  margin-top: 0;
}

.dropdown-menu.notification-dropdown .notification .wrap {
  padding: 16px;
  margin: 10px 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 4px 30px rgba(38, 50, 56, 0.1);
}

.dropdown-menu.notification-dropdown .notification .wrap::before {
  left: 0;
}

.dropdown-menu.notification-dropdown .notification .wrap .group .actions a {
  text-transform: unset;
}

.dropdown-menu.notification-dropdown .heading {
  padding: 8px 24px 0;
  display: flex;
  align-items: center;
}

.dropdown-menu.notification-dropdown .heading .badge {
  border-radius: 20px;
  background: #C02926;
}

.dropdown-menu.notification-dropdown .view-all-btn {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0 0;
}

.dropdown-menu.notification-dropdown .notification::before {
  content: none;
}

.dropdown-menu.notification-dropdown .notification .wrap {
  flex-direction: column;
  align-items: flex-start;
}

.dropdown-menu.notification-dropdown .notification .wrap .group {
  align-items: center;
  width: 100%;
}

.dropdown-menu.notification-dropdown .notification .wrap .group .img-wrap {
  flex-shrink: 0;
}

.dropdown-menu.notification-dropdown .notification .wrap .group .detail {
  padding-right: 0;
  width: 100%;
}

.dropdown-menu.notification-dropdown .notification .wrap .group .detail h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dropdown-menu.notification-dropdown .notification .wrap .actions {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.dropdown-menu.notification-dropdown .notification .wrap .actions .notification-datetime {
  width: auto;
  color: #626B76;
  font-size: 12px;
}

.dropdown-menu.notification-dropdown .notification .wrap .actions a {
  font-size: 14px;
}

.dropdown-menu.notification-dropdown .notification-wrap {
  padding: 0px;
}

.dropdown-menu.notification-dropdown .notification-wrap::after {
  content: none;
}

.blocked {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #255BA1;
  color: #ffffff;
  padding: 16px;
  margin-bottom: 32px;
  border-radius: 6px;
}

.blocked h3 {
  font-family: "latoregular";
}

.blocked h3 span {
  font-size: 16px;
}

.badge {
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
}

.badge.failed {
  background: #C02926;
}

.badge.pending {
  background: #CB4F23;
}

.badge.warning {
  background: #F2AD3D;
}

.badge.approved {
  background: #59BE79;
}

.badge.required {
  background: #255BA1;
}

.badge [class^=icon]::before {
  background-color: #ffffff;
}

.text-primary-shade-1 {
  color: #255BA1;
}

.form-switch .form-check-input[type=checkbox] {
  width: 42px;
  height: 24px;
  margin-top: 0;
  border-radius: 28px;
  background-color: #E8E8E7;
  border-color: #E8E8E7;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input[type=checkbox]:checked {
  background-color: #1B385E;
}

.overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-control {
  border-radius: 10px;
}

.form-control.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
}

.primary-card {
  color: #2E3947;
  border: 1px solid #D6DBE2;
}

.primary-card .card-header {
  background: #255BA1;
  padding: 10px 16px;
  color: #ffffff;
  font-size: 18px;
  font-family: "latobold";
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.primary-card .card-body {
  background-color: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.wallet-card {
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(38, 46, 56, 0.1);
  border-radius: 20px;
}

.wallet-card .card-body {
  padding: 32px;
}

.wallet-card .card-body .form-group {
  margin-bottom: 10px;
}

.upload-file-wrap {
  padding: 16px;
  background: #E2F0FE;
  border-radius: 10px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.upload-file-wrap .icon-pdf {
  width: 38px;
  height: 48px;
}

.upload-file-wrap .icon-pdf.jpeg:before {
  background: url(../../assets/images/icons/jpeg.svg) no-repeat center;
  background-size: contain;
}

.upload-file-wrap .icon-delete {
  cursor: pointer;
}

.upload-file-wrap .file-name {
  font-size: 16px;
  font-family: "latobold";
  color: #2E3947;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.upload-file-wrap .file-size {
  font-size: 14px;
  font-family: "latoregular";
  color: #626B76;
}

.caution {
  font-size: 14px;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  margin-top: 32px;
  padding: 12px 50px 12px 20px;
  background: linear-gradient(90deg, #FBEFE7 0%, #E8F4FC 100%);
}

.upload-file {
  min-height: 260px;
  cursor: pointer;
}

.floating-emd-bar {
  padding: 10px 64px;
  background: #255BA1;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 24px;
  font-family: "latoregular";
  z-index: 9;
}

.floating-emd-bar .emd-payment-wrap {
  display: flex;
  align-items: center;
  gap: 32px;
}

.floating-emd-bar .emd-payment-wrap .emd-amount {
  font-family: "latobold";
}

.floating-emd-bar .emd-payment-wrap .view-selection-link {
  font-size: 16px;
  font-family: "latobold";
  padding-left: 32px;
  text-transform: uppercase;
  border-left: 1px solid #A2A6AC;
}

.vAcc-card {
  border: 1px solid #D6DBE2;
  border-radius: 10px;
  background: #F9FCFF;
}

.vAcc-card .card-header {
  padding: 16px;
  color: #ffffff;
  background: #255BA1;
  font-size: 18px;
  font-family: "latobold";
  text-transform: capitalize;
}

.vAcc-card .acc-details .label-value-row {
  display: flex;
  align-items: center;
  gap: 40px;
  font-size: 16px;
  margin: 8px 0;
}

.vAcc-card .acc-details .label-value-row .label-text {
  width: 200px;
  font-family: "latoregular";
}

.vAcc-card .acc-details .label-value-row .value-text {
  flex: 1;
  font-family: "latobold";
}

.vacc-info p {
  font-size: 18px;
  color: #2E3947;
}

.vacc-info p span {
  font-family: "latobold";
}

.action-btns-wrap {
  display: flex;
  gap: 16px;
}

.badge-pills {
  display: inline-flex;
}

.badge-pills .badge {
  padding: 4px 8px;
  font-size: 12px;
  font-family: "latobold";
  border-radius: 12px;
}

.badge-pills .badge+.badge {
  margin-left: 16px;
}

.badge-pills .badge.cat-type {
  color: #255BA1;
  background-color: #E2F0FE;
}

.badge-status {
  padding: 4px 8px;
  border-radius: 10px;
  font-size: 12px;
  font-family: "latoregular";
}

.badge-status.paid {
  background: rgba(121, 208, 100, 0.2);
}

.badge-status.due {
  background: rgba(200, 146, 59, 0.2);
}

.badge-status.due.today {
  background: rgba(192, 41, 38, 0.2);
}

.badge-status.doc-status {
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 24px;
  color: #17191C;
}

.badge-status.doc-status.issued {
  background: #F3FBEF;
}

.badge-status.doc-status.approved {
  background: rgba(89, 190, 121, 0.2);
}

.badge-status.doc-status.pending {
  background: rgba(255, 199, 164, 0.8);
}

.badge-status.doc-status.pending [class^=icon]::before {
  background-color: #CB4F23;
}

.badge-status.doc-status.required {
  background: rgba(78, 172, 233, 0.2);
}

.badge-status.doc-status.required [class^=icon]::before {
  background-color: #255BA1;
}

.progress-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%), conic-gradient(var(--progress-color) calc(var(--progress-value) * 1%), #ddd 0);
}

.progress-circle progress {
  visibility: hidden;
  width: 0;
  height: 0;
}

.page-heading h3 {
  color: #ffffff;
}

.section-title {
  color: #DE702C;
}

.custom-table th {
  padding: 16px;
  font-size: 16px;
  color: #626B76;
  font-family: "latobold";
  background: #F5FAFE;
}

.custom-table td {
  color: #17191C;
  font-size: 16px;
  padding: 8px 16px;
}

.locked-table {
  position: relative;
  min-height: 400px;
}

.locked-table .lock-table-illu {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
}

.locked-table .lock-table-illu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.77);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}

.table> :not(caption)>*>* {
  padding: 0;
}

.table> :not(caption)>*>*.td-action-btn {
  padding: 10px 16px;
}

.icon-img-thumb.disable::before {
  background: #C6C6C6;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.min-width-250 {
  min-width: 250px;
}

.min-width-150 {
  min-width: 150px;
}

.max-width-250 {
  max-width: 250px;
}

.circle-graph {
  position: relative;
  height: 100%;
}

.circle-graph .progress-circle {
  width: 112px;
  height: 112px;
}

.circle-graph .graph-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  font-family: "latobold";
}

.circle-graph .graph-text label {
  color: #5D6671;
}

.box-shadow-none {
  box-shadow: none !important;
}

::ng-deep .list-cls li {
  margin-bottom: 10px;
}

::ng-deep p {
  font-family: "latobold";
}

::ng-deep .semi-rounded-card {
  display: none;
}

::ng-deep table {
  margin-bottom: 20px;
}

::ng-deep .table-below-card td {
  padding: 6px;
  vertical-align: top;
}

::ng-deep .table-below-card .table-below-card-label,
::ng-deep .table-below-card .table-hdr-cls {
  font-family: "latobold";
}

.thumb-video {
  -o-object-fit: cover;
  object-fit: cover;
}

.congratulations-wrap .img-wrap {
  display: flex;
  justify-content: center;
  align-content: center;
  height: 350px;
}

.congratulations-wrap h1 {
  margin-bottom: 20px;
}

.congratulations-wrap h2 {
  margin-bottom: 36px;
}

.congratulations-wrap .auction-schedule-info {
  width: 70%;
}

.congratulations-wrap .auction-schedule-info .message {
  font-family: "latoregular";
  margin: 10px 0 16px;
}

.congratulations-wrap .auction-schedule-info .message h4 {
  font-family: "latoregular";
}

.congratulations-wrap .auction-schedule-info .schedule {
  display: flex;
  justify-content: space-between;
}

.congratulations-wrap .auction-schedule-info .schedule span {
  font-size: 20px;
  margin-bottom: 12px;
}

.congratulations-wrap .auction-schedule-info .date-time {
  background: #F5FAFE;
  border-radius: 5px;
  border: 1px solid #4EACE9;
  padding: 16px;
  margin-bottom: 24px;
}

.congratulations-wrap .auction-schedule-info .date-time span {
  font-size: 16px;
}

.congratulations-wrap .auction-schedule-info .date-time .lable {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.congratulations-wrap .auction-schedule-info .date-time .lable span {
  color: #626B76;
}

.congratulations-wrap .auction-schedule-info .date-time .detail {
  display: flex;
  justify-content: space-between;
}

.congratulations-wrap .auction-schedule-info .date-time .detail span {
  font-family: "latobold";
}

.cancel-emd-wrap h3 {
  margin-top: 10px;
  color: #DE702C;
  margin-bottom: 16px;
}

.cancel-emd-wrap h5 {
  margin-bottom: 18px;
  color: #626B76;
  font-family: "latoRegular";
}

.cancel-emd-wrap p {
  margin-bottom: 18px;
  font-size: 14px;
  color: #626B76;
}

.cancel-emd-wrap .form-group {
  margin-bottom: 0;
}

.cancel-emd-wrap .form-group label {
  margin-bottom: 0;
}

.cancel-emd-wrap .total-amount {
  margin-bottom: 30px;
}

.cancel-emd-wrap .total-amount .table td {
  padding: 12px;
}

.cancel-emd-wrap .total-amount .table .total td {
  font-family: "latobold";
}

.cancel-emd-wrap .total-amount .table .wallet-balance {
  border-top: 1px solid #D5D8DD;
}

.cancel-emd-wrap .total-amount .table td {
  padding: 12px 12px;
}

.cancel-emd-wrap .total-amount .table .align-right {
  text-align: right;
}

.cancel-emd-wrap .buttons-group {
  margin-top: 24px;
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 16px;
  justify-content: flex-end;
}

.cancel-emd-wrap .credit-us {
  text-align: right;
  margin-top: 16px;
}

::ng-deep .th-right {
  text-align: right;
}

::ng-deep .th-right .mat-sort-header-container {
  justify-content: flex-end;
}

.td-right {
  text-align: right;
}

.promo-carousel-wrapper {
  display: flex;
  gap: 24px;
  height: 100%;
}

.promo-carousel-wrapper img {
  display: block;
  width: 100%;
}

.promo-carousel-wrapper .carousel-inner {
  flex: 1;
}

.promo-carousel-wrapper .carousel-indicators {
  position: static;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 10px;
}

.promo-carousel-wrapper .carousel-indicators li {
  width: 172px;
  height: 92px;
  opacity: 1;
  margin: 0;
  flex: 0;
  border-width: 0;
  position: relative;
  text-indent: unset;
}

.promo-carousel-wrapper .carousel-indicators li .video-thumb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.promo-carousel-wrapper .carousel-indicators li.active::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #DE702C;
}

::ng-deep .custom-table.mat-mdc-table .mdc-data-table__header-cell .mat-sort-header-container {
  padding: 0;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-image: none;
}

::ng-deep .accordion .accordion-item {
  border-bottom: 1px solid #D5D8DD;
}

::ng-deep .accordion .accordion-item .accordion-body p p {
  font-family: "latoregular";
}

::ng-deep .table-wrapper .accordion .accordion-item {
  border-bottom: 0px;
}

::ng-deep .mixed-lot .accordion-item {
  border-bottom: 0px;
}

.highlight a {
  color: #255BA1;
}

.filter-contrainer .form-group {
  margin-bottom: 16px;
}

.announcment-wrap,
.steps-wrap,
.category-slider-wrap,
.value-added-service,
.our-seller,
.testimonial-wrap,
.awards,
.industry,
.seller-case-study-wrap,
.featured-auction,
.steps-wrap {
  margin-top: 48px;
}

.announcment-wrap .heading,
.steps-wrap .heading,
.category-slider-wrap .heading,
.value-added-service .heading,
.our-seller .heading,
.testimonial-wrap .heading,
.awards .heading,
.industry .heading,
.seller-case-study-wrap .heading,
.featured-auction .heading,
.steps-wrap .heading {
  padding-bottom: 24px;
}

.steps-wrap {
  margin-top: 0;
}

::ng-deep .custom-table.mat-mdc-table .mdc-data-table__header-cell .mat-sort-header-container {
  background: unset;
}

.text-uppercase {
  text-transform: uppercase;
}

.no-img-available {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: #626B76;
}

.icon-16 {
  width: 16px !important;
  height: 16px !important;
}

.icon-20 {
  width: 20px !important;
  height: 20px !important;
}

.icon-22 {
  width: 22px !important;
  height: 20px !important;
}

.icon-24 {
  width: 24px !important;
  height: 24px !important;
}



.icon::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background: #255BA1;
}

.logo {
  width: 90px;
}

@media only screen and (max-device-width: 1300px) {
  .icon {
    width: 14px !important;
    height: 14px !important;
  }
}

.icon-search:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjEzMDggMTdMMTMuMTgxIDEzLjA1MDJNMTUuMjQ4NSA4LjA1ODgyQzE1LjI0ODUgNC4xNjAzNCAxMi4wODgyIDEgOC4xODk2OCAxQzQuMjkxMiAxIDEuMTMwODYgNC4xNjAzNCAxLjEzMDg2IDguMDU4ODJDMS4xMzA4NiAxMS45NTczIDQuMjkxMiAxNS4xMTc2IDguMTg5NjggMTUuMTE3NkMxMi4wODgyIDE1LjExNzYgMTUuMjQ4NSAxMS45NTczIDE1LjI0ODUgOC4wNTg4MloiIHN0cm9rZT0iIzY3Njc2NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjEzMDggMTdMMTMuMTgxIDEzLjA1MDJNMTUuMjQ4NSA4LjA1ODgyQzE1LjI0ODUgNC4xNjAzNCAxMi4wODgyIDEgOC4xODk2OCAxQzQuMjkxMiAxIDEuMTMwODYgNC4xNjAzNCAxLjEzMDg2IDguMDU4ODJDMS4xMzA4NiAxMS45NTczIDQuMjkxMiAxNS4xMTc2IDguMTg5NjggMTUuMTE3NkMxMi4wODgyIDE1LjExNzYgMTUuMjQ4NSAxMS45NTczIDE1LjI0ODUgOC4wNTg4MloiIHN0cm9rZT0iIzY3Njc2NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.icon-home:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCwwLDI1NiwyNTYiPgo8ZyBmaWxsPSIjMDBjOWZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSIiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIiBmb250LWZhbWlseT0ibm9uZSIgZm9udC13ZWlnaHQ9Im5vbmUiIGZvbnQtc2l6ZT0ibm9uZSIgdGV4dC1hbmNob3I9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsIj48ZyB0cmFuc2Zvcm09InNjYWxlKDEwLjY2NjY3LDEwLjY2NjY3KSI+PHBhdGggZD0iTTEyLDIuMDk5NjFsLTExLDkuOTAwMzloM3Y5aDd2LTZoMnY2aDd2LTloM3pNMTIsNC43OTEwMmw2LDUuNDAwMzl2MC44MDg1OXY4aC0zdi02aC02djZoLTN2LTguODA4NTl6Ij48L3BhdGg+PC9nPjwvZz4KPC9zdmc+");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCwwLDI1NiwyNTYiPgo8ZyBmaWxsPSIjMDBjOWZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSIiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIiBmb250LWZhbWlseT0ibm9uZSIgZm9udC13ZWlnaHQ9Im5vbmUiIGZvbnQtc2l6ZT0ibm9uZSIgdGV4dC1hbmNob3I9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsIj48ZyB0cmFuc2Zvcm09InNjYWxlKDEwLjY2NjY3LDEwLjY2NjY3KSI+PHBhdGggZD0iTTEyLDIuMDk5NjFsLTExLDkuOTAwMzloM3Y5aDd2LTZoMnY2aDd2LTloM3pNMTIsNC43OTEwMmw2LDUuNDAwMzl2MC44MDg1OXY4aC0zdi02aC02djZoLTN2LTguODA4NTl6Ij48L3BhdGg+PC9nPjwvZz4KPC9zdmc+");
}

.icon-profile:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzE2MyAxOC40Mzg0QzQuOTI0NjIgMTcuMDA1MiA2LjM0NDkyIDE2IDggMTZIMTRDMTUuNjU1MSAxNiAxNy4wNzU0IDE3LjAwNTIgMTcuNjgzNyAxOC40Mzg0TTE1IDguNUMxNSAxMC43MDkxIDEzLjIwOTEgMTIuNSAxMSAxMi41QzguNzkwODYgMTIuNSA3IDEwLjcwOTEgNyA4LjVDNyA2LjI5MDg2IDguNzkwODYgNC41IDExIDQuNUMxMy4yMDkxIDQuNSAxNSA2LjI5MDg2IDE1IDguNVpNMjEgMTFDMjEgMTYuNTIyOCAxNi41MjI4IDIxIDExIDIxQzUuNDc3MTUgMjEgMSAxNi41MjI4IDEgMTFDMSA1LjQ3NzE1IDUuNDc3MTUgMSAxMSAxQzE2LjUyMjggMSAyMSA1LjQ3NzE1IDIxIDExWiIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzE2MyAxOC40Mzg0QzQuOTI0NjIgMTcuMDA1MiA2LjM0NDkyIDE2IDggMTZIMTRDMTUuNjU1MSAxNiAxNy4wNzU0IDE3LjAwNTIgMTcuNjgzNyAxOC40Mzg0TTE1IDguNUMxNSAxMC43MDkxIDEzLjIwOTEgMTIuNSAxMSAxMi41QzguNzkwODYgMTIuNSA3IDEwLjcwOTEgNyA4LjVDNyA2LjI5MDg2IDguNzkwODYgNC41IDExIDQuNUMxMy4yMDkxIDQuNSAxNSA2LjI5MDg2IDE1IDguNVpNMjEgMTFDMjEgMTYuNTIyOCAxNi41MjI4IDIxIDExIDIxQzUuNDc3MTUgMjEgMSAxNi41MjI4IDEgMTFDMSA1LjQ3NzE1IDUuNDc3MTUgMSAxMSAxQzE2LjUyMjggMSAyMSA1LjQ3NzE1IDIxIDExWiIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.icon-heart:before {
  mask-image: url(../images/icons/heart.svg);
  -webkit-mask-image: url(../images/icons/heart.svg);
}

.icon-locator:before {
  mask-image: url(../images/icons/locator.svg);
  -webkit-mask-image: url(../images/icons/locator.svg);
}

.icon-mic:before {
  mask-image: url(../images/icons/mic.svg);
  -webkit-mask-image: url(../images/icons/mic.svg);
}

.icon-facebook:before {
  mask-image: url(../images/icons/facebook.svg);
  -webkit-mask-image: url(../images/icons/facebook.svg);
}

.icon-youtube:before {
  mask-image: url(../images/icons/youtube.svg);
  -webkit-mask-image: url(../images/icons/youtube.svg);
}

.icon-twiter:before {
  mask-image: url(../images/icons/x.svg);
  -webkit-mask-image: url(../images/icons/x.svg);
}

.icon-linkedin:before {
  mask-image: url(../images/icons/linkedin.svg);
  -webkit-mask-image: url(../images/icons/linkedin.svg);
}

.icon-share:before {
  mask-image: url(../images/icons/share.svg);
  -webkit-mask-image: url(../images/icons/share.svg);
}

.icon-message:before {
  mask-image: url(../images/icons/message.svg);
  -webkit-mask-image: url(../images/icons/message.svg);
}

.icon-call:before {
  mask-image: url(../images/icons/call.svg);
  -webkit-mask-image: url(../images/icons/call.svg);
}

.icon-user:before {
  mask-image: url(../images/icons/user.svg);
  -webkit-mask-image: url(../images/icons/user.svg);
}

.icon-user-plus:before {
  mask-image: url(../images/icons/user-plus.svg);
  -webkit-mask-image: url(../images/icons/user-plus.svg);
}

.icon-user-edit:before {
  mask-image: url(../images/icons/user-edit.svg);
  -webkit-mask-image: url(../images/icons/user-edit.svg);
}

.icon-reset:before {
  mask-image: url(../images/icons/reset.svg);
  -webkit-mask-image: url(../images/icons/reset.svg);
}

.icon-sorting:before {
  mask-image: url(../images/icons/sorting.svg);
  -webkit-mask-image: url(../images/icons/sorting.svg);
}

.icon-calendar:before {
  mask-image: url(../images/icons/calendar.svg);
  -webkit-mask-image: url(../images/icons/calendar.svg);
}

.icon-eye:before {
  mask-image: url(../images/icons/eye.svg);
  -webkit-mask-image: url(../images/icons/eye.svg);
}

.icon-close:before {
  mask-image: url(../images/icons/close.svg);
  -webkit-mask-image: url(../images/icons/close.svg);
}

.icon-hamb-close:before {
  mask-image: url(../images/icons/hamb-close.svg);
  -webkit-mask-image: url(../images/icons/hamb-close.svg);
}

.icon-shield:before {
  mask-image: url(../images/icons/shield.svg);
  -webkit-mask-image: url(../images/icons/shield.svg);
}

.icon-bid:before {
  mask-image: url(../images/icons/bid.svg);
  -webkit-mask-image: url(../images/icons/bid.svg);
}

.icon-lock:before {
  mask-image: url(../images/icons/lock.svg);
  -webkit-mask-image: url(../images/icons/lock.svg);
}

.icon-download:before {
  mask-image: url(../images/icons/download.svg);
  -webkit-mask-image: url(../images/icons/download.svg);
}

.icon-verified:before {
  background: url(../images/icons/verified.svg) no-repeat center;
  background-size: contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-save:before {
  mask-image: url(../images/icons/save.svg);
  -webkit-mask-image: url(../images/icons/save.svg);
}

.icon-more:before {
  mask-image: url(../images/icons/kabab-icon.svg);
  -webkit-mask-image: url(../images/icons/kabab-icon.svg);
}

.icon-arrow:before {
  mask-image: url(../images/icons/arrow.svg);
  -webkit-mask-image: url(../images/icons/arrow.svg);
}

.icon-arrow-back {
  transform: rotate(180deg);
}

.icon-arrow-back:before {
  mask-image: url(../images/icons/arrow.svg);
  -webkit-mask-image: url(../images/icons/arrow.svg);
}

.icon-arrow-up {
  transform: rotate(-90deg);
}

.icon-arrow-up:before {
  mask-image: url(../images/icons/arrow.svg);
  -webkit-mask-image: url(../images/icons/arrow.svg);
}

.icon-arrow-down {
  transform: rotate(90deg);
}

.icon-arrow-down:before {
  mask-image: url(../images/icons/arrow.svg);
  -webkit-mask-image: url(../images/icons/arrow.svg);
}

.icon-hamburger:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA2SDE2LjVNMS41IDFIMTYuNU0xLjUgMTFIMTYuNSIgc3Ryb2tlPSIjNUQ2NjcxIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNSA2SDE2LjVNMS41IDFIMTYuNU0xLjUgMTFIMTYuNSIgc3Ryb2tlPSIjNUQ2NjcxIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.icon-timer:before {
  mask-image: url(../images/icons/timer.svg);
  -webkit-mask-image: url(../images/icons/timer.svg);
}

.icon-img-thumb:before {
  mask-image: url(../images/icons/img-thumb.svg);
  -webkit-mask-image: url(../images/icons/img-thumb.svg);
}

.icon-img-thumb-disable:before {
  mask-image: url(../images/icons/icon-img-thumb-disable.svg);
  -webkit-mask-image: url(../images/icons/icon-img-thumb-disable.svg);
}

.icon-filter:before {
  mask-image: url(../images/icons/filter.svg);
  -webkit-mask-image: url(../images/icons/filter.svg);
}

.icon-clock:before {
  mask-image: url(../images/icons/clock.svg);
  -webkit-mask-image: url(../images/icons/clock.svg);
}

.icon-infinite:before {
  mask-image: url(../images/icons/infinite.svg);
  -webkit-mask-image: url(../images/icons/infinite.svg);
}

.icon-exclamation:before {
  mask-image: url(../images/icons/exclamation.svg);
  -webkit-mask-image: url(../images/icons/exclamation.svg);
}

.icon-book:before {
  mask-image: url(../images/icons/book.svg);
  -webkit-mask-image: url(../images/icons/book.svg);
}

.icon-play:before {
  mask-image: url(../images/icons/play.svg);
  -webkit-mask-image: url(../images/icons/play.svg);
}

.icon-info:before {
  mask-image: url(../images/icons/info.svg);
  -webkit-mask-image: url(../images/icons/info.svg);
}

.icon-mail:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNEw5LjE2NDkyIDkuNzE1NDRDOS44MjYwOSAxMC4xNzgzIDEwLjE1NjcgMTAuNDA5NyAxMC41MTYzIDEwLjQ5OTNDMTAuODMzOSAxMC41Nzg1IDExLjE2NjEgMTAuNTc4NSAxMS40ODM3IDEwLjQ5OTNDMTEuODQzMyAxMC40MDk3IDEyLjE3MzkgMTAuMTc4MyAxMi44MzUxIDkuNzE1NDRMMjEgNE01LjggMTdIMTYuMkMxNy44ODAyIDE3IDE4LjcyMDIgMTcgMTkuMzYyIDE2LjY3M0MxOS45MjY1IDE2LjM4NTQgMjAuMzg1NCAxNS45MjY1IDIwLjY3MyAxNS4zNjJDMjEgMTQuNzIwMiAyMSAxMy44ODAyIDIxIDEyLjJWNS44QzIxIDQuMTE5ODQgMjEgMy4yNzk3NiAyMC42NzMgMi42MzgwM0MyMC4zODU0IDIuMDczNTQgMTkuOTI2NSAxLjYxNDYgMTkuMzYyIDEuMzI2OThDMTguNzIwMiAxIDE3Ljg4MDIgMSAxNi4yIDFINS44QzQuMTE5ODQgMSAzLjI3OTc2IDEgMi42MzgwMyAxLjMyNjk4QzIuMDczNTQgMS42MTQ2IDEuNjE0NiAyLjA3MzU0IDEuMzI2OTggMi42MzgwM0MxIDMuMjc5NzYgMSA0LjExOTg0IDEgNS44VjEyLjJDMSAxMy44ODAyIDEgMTQuNzIwMiAxLjMyNjk4IDE1LjM2MkMxLjYxNDYgMTUuOTI2NSAyLjA3MzU0IDE2LjM4NTQgMi42MzgwMyAxNi42NzNDMy4yNzk3NiAxNyA0LjExOTg0IDE3IDUuOCAxN1oiIHN0cm9rZT0iIzFBMUExQSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNEw5LjE2NDkyIDkuNzE1NDRDOS44MjYwOSAxMC4xNzgzIDEwLjE1NjcgMTAuNDA5NyAxMC41MTYzIDEwLjQ5OTNDMTAuODMzOSAxMC41Nzg1IDExLjE2NjEgMTAuNTc4NSAxMS40ODM3IDEwLjQ5OTNDMTEuODQzMyAxMC40MDk3IDEyLjE3MzkgMTAuMTc4MyAxMi44MzUxIDkuNzE1NDRMMjEgNE01LjggMTdIMTYuMkMxNy44ODAyIDE3IDE4LjcyMDIgMTcgMTkuMzYyIDE2LjY3M0MxOS45MjY1IDE2LjM4NTQgMjAuMzg1NCAxNS45MjY1IDIwLjY3MyAxNS4zNjJDMjEgMTQuNzIwMiAyMSAxMy44ODAyIDIxIDEyLjJWNS44QzIxIDQuMTE5ODQgMjEgMy4yNzk3NiAyMC42NzMgMi42MzgwM0MyMC4zODU0IDIuMDczNTQgMTkuOTI2NSAxLjYxNDYgMTkuMzYyIDEuMzI2OThDMTguNzIwMiAxIDE3Ljg4MDIgMSAxNi4yIDFINS44QzQuMTE5ODQgMSAzLjI3OTc2IDEgMi42MzgwMyAxLjMyNjk4QzIuMDczNTQgMS42MTQ2IDEuNjE0NiAyLjA3MzU0IDEuMzI2OTggMi42MzgwM0MxIDMuMjc5NzYgMSA0LjExOTg0IDEgNS44VjEyLjJDMSAxMy44ODAyIDEgMTQuNzIwMiAxLjMyNjk4IDE1LjM2MkMxLjYxNDYgMTUuOTI2NSAyLjA3MzU0IDE2LjM4NTQgMi42MzgwMyAxNi42NzNDMy4yNzk3NiAxNyA0LjExOTg0IDE3IDUuOCAxN1oiIHN0cm9rZT0iIzFBMUExQSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-color: #255BA1;
}

.icon-turant-upaay:before {
  mask-image: url(../images/icons/turant-upaay.svg);
  -webkit-mask-image: url(../images/icons/turant-upaay.svg);
}

.icon-bell:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMzU0OTMgMjFDMTAuMDYwMSAyMS42MjI0IDEwLjk4NjMgMjIgMTIuMDAwOCAyMkMxMy4wMTUyIDIyIDEzLjk0MTQgMjEuNjIyNCAxNC42NDY2IDIxTTE4LjAwMDggOEMxOC4wMDA4IDYuNDA4NyAxNy4zNjg2IDQuODgyNTggMTYuMjQzNCAzLjc1NzM2QzE1LjExODIgMi42MzIxNCAxMy41OTIxIDIgMTIuMDAwOCAyQzEwLjQwOTUgMiA4Ljg4MzMzIDIuNjMyMTQgNy43NTgxMSAzLjc1NzM2QzYuNjMyODkgNC44ODI1OCA2LjAwMDc1IDYuNDA4NyA2LjAwMDc1IDhDNi4wMDA3NSAxMS4wOTAyIDUuMjIxMjIgMTMuMjA2IDQuMzUwNDIgMTQuNjA1NEMzLjYxNTg4IDE1Ljc4NTkgMy4yNDg2MSAxNi4zNzYxIDMuMjYyMDggMTYuNTQwOEMzLjI3Njk5IDE2LjcyMzEgMy4zMTU2MSAxNi43OTI2IDMuNDYyNTMgMTYuOTAxNkMzLjU5NTIxIDE3IDQuMTkzMzQgMTcgNS4zODk2MSAxN0gxOC42MTE5QzE5LjgwODIgMTcgMjAuNDA2MyAxNyAyMC41MzkgMTYuOTAxNkMyMC42ODU5IDE2Ljc5MjYgMjAuNzI0NSAxNi43MjMxIDIwLjczOTQgMTYuNTQwOEMyMC43NTI5IDE2LjM3NjEgMjAuMzg1NiAxNS43ODU5IDE5LjY1MTEgMTQuNjA1NEMxOC43ODAzIDEzLjIwNiAxOC4wMDA4IDExLjA5MDIgMTguMDAwOCA4WiIgc3Ryb2tlPSIjMjU1QkExIiBzdHJva2Utd2lkdGg9IjEuNTQ2NzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMzU0OTMgMjFDMTAuMDYwMSAyMS42MjI0IDEwLjk4NjMgMjIgMTIuMDAwOCAyMkMxMy4wMTUyIDIyIDEzLjk0MTQgMjEuNjIyNCAxNC42NDY2IDIxTTE4LjAwMDggOEMxOC4wMDA4IDYuNDA4NyAxNy4zNjg2IDQuODgyNTggMTYuMjQzNCAzLjc1NzM2QzE1LjExODIgMi42MzIxNCAxMy41OTIxIDIgMTIuMDAwOCAyQzEwLjQwOTUgMiA4Ljg4MzMzIDIuNjMyMTQgNy43NTgxMSAzLjc1NzM2QzYuNjMyODkgNC44ODI1OCA2LjAwMDc1IDYuNDA4NyA2LjAwMDc1IDhDNi4wMDA3NSAxMS4wOTAyIDUuMjIxMjIgMTMuMjA2IDQuMzUwNDIgMTQuNjA1NEMzLjYxNTg4IDE1Ljc4NTkgMy4yNDg2MSAxNi4zNzYxIDMuMjYyMDggMTYuNTQwOEMzLjI3Njk5IDE2LjcyMzEgMy4zMTU2MSAxNi43OTI2IDMuNDYyNTMgMTYuOTAxNkMzLjU5NTIxIDE3IDQuMTkzMzQgMTcgNS4zODk2MSAxN0gxOC42MTE5QzE5LjgwODIgMTcgMjAuNDA2MyAxNyAyMC41MzkgMTYuOTAxNkMyMC42ODU5IDE2Ljc5MjYgMjAuNzI0NSAxNi43MjMxIDIwLjczOTQgMTYuNTQwOEMyMC43NTI5IDE2LjM3NjEgMjAuMzg1NiAxNS43ODU5IDE5LjY1MTEgMTQuNjA1NEMxOC43ODAzIDEzLjIwNiAxOC4wMDA4IDExLjA5MDIgMTguMDAwOCA4WiIgc3Ryb2tlPSIjMjU1QkExIiBzdHJva2Utd2lkdGg9IjEuNTQ2NzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.icon-india::before {
  background: url(../images/icons/flag-India.svg) no-repeat center;
  background-size: contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-setting:before {
  mask-image: url(../images/icons/setting.svg);
  -webkit-mask-image: url(../images/icons/setting.svg);
}

.icon-security:before {
  mask-image: url(../images/icons/security.svg);
  -webkit-mask-image: url(../images/icons/security.svg);
}

.icon-upload:before {
  mask-image: url(../images/icons/upload-icon.svg);
  -webkit-mask-image: url(../images/icons/upload-icon.svg);
}

.icon-delete:before {
  mask-image: url(../images/icons/bin.svg);
  -webkit-mask-image: url(../images/icons/bin.svg);
}

.icon-caution:before {
  mask-image: url(../images/icons/caution.svg);
  -webkit-mask-image: url(../images/icons/caution.svg);
  background-color: #E1AD26;
}

.icon-wallet:before {
  mask-image: url(../images/icons/wallet.svg);
  -webkit-mask-image: url(../images/icons/wallet.svg);
  background-color: #101214;
}

.icon-cd-card:before {
  mask-image: url(../images/icons/cd-card.svg);
  -webkit-mask-image: url(../images/icons/cd-card.svg);
  background-color: #101214;
}

.icon-netbank:before {
  mask-image: url(../images/icons/netbank.svg);
  -webkit-mask-image: url(../images/icons/netbank.svg);
  background-color: #101214;
}

.icon-pdf:before {
  background: url(../images/icons/pdf.svg) no-repeat center;
  background-size: contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-green-tick-circle:before {
  mask-image: url(../images/attachment/green-tick-circle.svg);
  -webkit-mask-image: url(../images/attachment/green-tick-circle.svg);
  background-color: #39B036;
}

.icon-tick-circle-lined:before {
  mask-image: url(../images/icons/tick-circle-lined.svg);
  -webkit-mask-image: url(../images/icons/tick-circle-lined.svg);
  background-color: #59BE79;
}

.icon-logout:before {
  mask-image: url(../images/icons/log-out.svg);
  -webkit-mask-image: url(../images/icons/log-out.svg);
}

.icon-sort:before {
  mask-image: url(../images/icons/sort-icon.svg);
  -webkit-mask-image: url(../images/icons/sort-icon.svg);
}

.icon-order-pending:before {
  background: url(../images/icons/order-pending.svg) no-repeat center/contain;
}

.icon-order-issue:before {
  background: url(../images/icons/order-issue.svg) no-repeat center/contain;
}

.icon-order-due:before {
  background: url(../images/icons/order-due.svg) no-repeat center/contain;
}

.icon-order-delivery:before {
  background: url(../images/icons/order-delivery.svg) no-repeat center/contain;
}

.icon-order-lifting:before {
  background: url(../images/icons/order-lifting.svg) no-repeat center/contain;
}

.icon-clock-plus::before {
  mask-image: url(../images/icons/clock-plus.svg);
  -webkit-mask-image: url(../images/icons/clock-plus.svg);
}

.icon-pay-rupee:before {
  mask-image: url(../images/icons/pay-rupee.svg);
  -webkit-mask-image: url(../images/icons/pay-rupee.svg);
}

.icon-re-upload:before {
  mask-image: url(../images/icons/re-upload.svg);
  -webkit-mask-image: url(../images/icons/re-upload.svg);
}

.icon-check-circle::before {
  mask-image: url(../images/icons/check-circle.svg);
  -webkit-mask-image: url(../images/icons/check-circle.svg);
}

.icon-bell-ringing::before {
  mask-image: url(../images/icons/bell-ringing.svg);
  -webkit-mask-image: url(../images/icons/bell-ringing.svg);
}

.icon-alert-triangle::before {
  mask-image: url(../images/icons/alert-triangle.svg);
  -webkit-mask-image: url(../images/icons/alert-triangle.svg);
}

.icon-file::before {
  mask-image: url(../images/icons/file.svg);
  -webkit-mask-image: url(../images/icons/file.svg);
  background-color: #5D6671;
}

.icon-message-square:before {
  mask-image: url(../images/icons/message-square.svg);
  -webkit-mask-image: url(../images/icons/message-square.svg);
}

.icon-star-gold:before {
  mask-image: url(../images/icons/star-gold.svg);
  -webkit-mask-image: url(../images/icons/star-gold.svg);
  background-color: #dc9c42;
}

.icon-bookmark-add:before {
  background: url(../images/icons/bookmark-add.svg) no-repeat center/contain;
}

.icon-bookmark-checked:before {
  background: url(../images/icons/bookmark-check.svg) no-repeat center/contain;
}

.icon-bookmark-add-attachment:before {
  background: url(../images/icons/bookmark-uncheked.svg) no-repeat center/contain;
}

.icon-bookmark-checked-attachment:before {
  background: url(../images/icons/bookmark-checked.svg) no-repeat center/contain;
}

.icon-bid-hammer:before {
  mask-image: url(../images/icons/bid-hammer.svg);
  -webkit-mask-image: url(../images/icons/bid-hammer.svg);
}

.icon-bid-hammer-outbid:before {
  mask-image: url(../images/icons/bid-hammer-outbid.svg);
  -webkit-mask-image: url(../images/icons/bid-hammer-outbid.svg);
}

.icon-navigation:before {
  mask-image: url(../images/icons/navigation.svg);
  -webkit-mask-image: url(../images/icons/navigation.svg);
}

.icon-detect-location:before {
  mask-image: url(../images/icons/detect-location.svg);
  -webkit-mask-image: url(../images/icons/detect-location.svg);
  background-color: #000000;
}

.icon-inprogress:before {
  mask-image: url(../images/icons/inprogess.svg);
  -webkit-mask-image: url(../images/icons/inprogess.svg);
}

.icon-info-circle::before {
  mask-image: url(../images/icons/info-circle.svg);
  -webkit-mask-image: url(../images/icons/info-circle.svg);
  background-color: #C8923B;
}

.icon-rupees:before {
  mask-image: url(../images/icons/currency-rupee-circle.svg);
  -webkit-mask-image: url(../images/icons/currency-rupee-circle.svg);
}

.icon-not-track:before {
  mask-image: url(../images/icons/slash-circle.svg);
  -webkit-mask-image: url(../images/icons/slash-circle.svg);
}

.icon-tracking:before {
  mask-image: url(../images/icons/compass.svg);
  -webkit-mask-image: url(../images/icons/compass.svg);
}

.icon-closed:before {
  mask-image: url(../images/icons/closed.svg);
  -webkit-mask-image: url(../images/icons/closed.svg);
}

.icon-work-inprogress:before {
  mask-image: url(../images/icons/work-inprogress.svg);
  -webkit-mask-image: url(../images/icons/work-inprogress.svg);
}

.icon-registered:before {
  mask-image: url(../images/icons/registered.svg);
  -webkit-mask-image: url(../images/icons/registered.svg);
}

.icon-resolved:before {
  mask-image: url(../images/icons/resolved.svg);
  -webkit-mask-image: url(../images/icons/resolved.svg);
}

.icon-filled-heart:before {
  mask-image: url(../images/icons/filled-heart.svg);
  -webkit-mask-image: url(../images/icons/filled-heart.svg);
}

.icon-wallet-cross:before {
  mask-image: url(../images/icons/wallet-cross.svg);
  -webkit-mask-image: url(../images/icons/wallet-cross.svg);
  background-color: #ffffff;
}

.icon-file-question:before {
  mask-image: url(../images/icons/file-question.svg);
  -webkit-mask-image: url(../images/icons/file-question.svg);
  background-color: #255BA1;
}

.icon-calendar2:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgOC4zMzI2OEgyLjVNMTMuMzMzMyAxLjY2NjAyVjQuOTk5MzVNNi42NjY2NyAxLjY2NjAyVjQuOTk5MzVNNi41IDE4LjMzMjdIMTMuNUMxNC45MDAxIDE4LjMzMjcgMTUuNjAwMiAxOC4zMzI3IDE2LjEzNSAxOC4wNjAyQzE2LjYwNTQgMTcuODIwNSAxNi45ODc4IDE3LjQzODEgMTcuMjI3NSAxNi45Njc3QzE3LjUgMTYuNDMyOSAxNy41IDE1LjczMjggMTcuNSAxNC4zMzI3VjcuMzMyNjhDMTcuNSA1LjkzMjU1IDE3LjUgNS4yMzI0OSAxNy4yMjc1IDQuNjk3NzFDMTYuOTg3OCA0LjIyNzMgMTYuNjA1NCAzLjg0NDg1IDE2LjEzNSAzLjYwNTE3QzE1LjYwMDIgMy4zMzI2OCAxNC45MDAxIDMuMzMyNjggMTMuNSAzLjMzMjY4SDYuNUM1LjA5OTg3IDMuMzMyNjggNC4zOTk4IDMuMzMyNjggMy44NjUwMiAzLjYwNTE3QzMuMzk0NjIgMy44NDQ4NSAzLjAxMjE3IDQuMjI3MyAyLjc3MjQ4IDQuNjk3NzFDMi41IDUuMjMyNDkgMi41IDUuOTMyNTUgMi41IDcuMzMyNjhWMTQuMzMyN0MyLjUgMTUuNzMyOCAyLjUgMTYuNDMyOSAyLjc3MjQ4IDE2Ljk2NzdDMy4wMTIxNyAxNy40MzgxIDMuMzk0NjIgMTcuODIwNSAzLjg2NTAyIDE4LjA2MDJDNC4zOTk4IDE4LjMzMjcgNS4wOTk4NyAxOC4zMzI3IDYuNSAxOC4zMzI3WiIgc3Ryb2tlPSIjMjU1QkExIiBzdHJva2Utd2lkdGg9IjEuNDk2MTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgOC4zMzI2OEgyLjVNMTMuMzMzMyAxLjY2NjAyVjQuOTk5MzVNNi42NjY2NyAxLjY2NjAyVjQuOTk5MzVNNi41IDE4LjMzMjdIMTMuNUMxNC45MDAxIDE4LjMzMjcgMTUuNjAwMiAxOC4zMzI3IDE2LjEzNSAxOC4wNjAyQzE2LjYwNTQgMTcuODIwNSAxNi45ODc4IDE3LjQzODEgMTcuMjI3NSAxNi45Njc3QzE3LjUgMTYuNDMyOSAxNy41IDE1LjczMjggMTcuNSAxNC4zMzI3VjcuMzMyNjhDMTcuNSA1LjkzMjU1IDE3LjUgNS4yMzI0OSAxNy4yMjc1IDQuNjk3NzFDMTYuOTg3OCA0LjIyNzMgMTYuNjA1NCAzLjg0NDg1IDE2LjEzNSAzLjYwNTE3QzE1LjYwMDIgMy4zMzI2OCAxNC45MDAxIDMuMzMyNjggMTMuNSAzLjMzMjY4SDYuNUM1LjA5OTg3IDMuMzMyNjggNC4zOTk4IDMuMzMyNjggMy44NjUwMiAzLjYwNTE3QzMuMzk0NjIgMy44NDQ4NSAzLjAxMjE3IDQuMjI3MyAyLjc3MjQ4IDQuNjk3NzFDMi41IDUuMjMyNDkgMi41IDUuOTMyNTUgMi41IDcuMzMyNjhWMTQuMzMyN0MyLjUgMTUuNzMyOCAyLjUgMTYuNDMyOSAyLjc3MjQ4IDE2Ljk2NzdDMy4wMTIxNyAxNy40MzgxIDMuMzk0NjIgMTcuODIwNSAzLjg2NTAyIDE4LjA2MDJDNC4zOTk4IDE4LjMzMjcgNS4wOTk4NyAxOC4zMzI3IDYuNSAxOC4zMzI3WiIgc3Ryb2tlPSIjMjU1QkExIiBzdHJva2Utd2lkdGg9IjEuNDk2MTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-color: #255BA1;
}

.icon-card:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc2MDhfNDM1MzIyKSI+CjxwYXRoIGQ9Ik0xOS4yMDY0IDguMzMzNjZIMS43NDYwOU05LjYwMzI0IDExLjY2N0g1LjIzODE2TTEuNzQ2MDkgNi44MzM2NkwxLjc0NjA5IDEzLjE2N0MxLjc0NjA5IDE0LjEwMDQgMS43NDYwOSAxNC41NjcxIDEuOTM2NCAxNC45MjM2QzIuMTAzOCAxNS4yMzcyIDIuMzcwOTEgMTUuNDkyMiAyLjY5OTQ0IDE1LjY1MkMzLjA3Mjk0IDE1LjgzMzcgMy41NjE4NyAxNS44MzM3IDQuNTM5NzQgMTUuODMzN0wxNi40MTI4IDE1LjgzMzdDMTcuMzkwNiAxNS44MzM3IDE3Ljg3OTYgMTUuODMzNyAxOC4yNTMxIDE1LjY1MkMxOC41ODE2IDE1LjQ5MjIgMTguODQ4NyAxNS4yMzcyIDE5LjAxNjEgMTQuOTIzNkMxOS4yMDY0IDE0LjU2NzEgMTkuMjA2NCAxNC4xMDA0IDE5LjIwNjQgMTMuMTY3VjYuODMzNjZDMTkuMjA2NCA1LjkwMDI0IDE5LjIwNjQgNS40MzM1MyAxOS4wMTYxIDUuMDc3MDFDMTguODQ4NyA0Ljc2MzQxIDE4LjU4MTYgNC41MDg0NCAxOC4yNTMxIDQuMzQ4NjVDMTcuODc5NiA0LjE2Njk5IDE3LjM5MDYgNC4xNjY5OSAxNi40MTI4IDQuMTY2OTlMNC41Mzk3NSA0LjE2Njk5QzMuNTYxODggNC4xNjY5OSAzLjA3Mjk0IDQuMTY2OTkgMi42OTk0NCA0LjM0ODY1QzIuMzcwOTEgNC41MDg0NCAyLjEwMzggNC43NjM0IDEuOTM2NCA1LjA3NzAxQzEuNzQ2MDkgNS40MzM1MyAxLjc0NjA5IDUuOTAwMjQgMS43NDYwOSA2LjgzMzY2WiIgc3Ryb2tlPSIjMUExQTFBIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzYwOF80MzUzMjIiPgo8cmVjdCB3aWR0aD0iMjAuOTUyNCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc2MDhfNDM1MzIyKSI+CjxwYXRoIGQ9Ik0xOS4yMDY0IDguMzMzNjZIMS43NDYwOU05LjYwMzI0IDExLjY2N0g1LjIzODE2TTEuNzQ2MDkgNi44MzM2NkwxLjc0NjA5IDEzLjE2N0MxLjc0NjA5IDE0LjEwMDQgMS43NDYwOSAxNC41NjcxIDEuOTM2NCAxNC45MjM2QzIuMTAzOCAxNS4yMzcyIDIuMzcwOTEgMTUuNDkyMiAyLjY5OTQ0IDE1LjY1MkMzLjA3Mjk0IDE1LjgzMzcgMy41NjE4NyAxNS44MzM3IDQuNTM5NzQgMTUuODMzN0wxNi40MTI4IDE1LjgzMzdDMTcuMzkwNiAxNS44MzM3IDE3Ljg3OTYgMTUuODMzNyAxOC4yNTMxIDE1LjY1MkMxOC41ODE2IDE1LjQ5MjIgMTguODQ4NyAxNS4yMzcyIDE5LjAxNjEgMTQuOTIzNkMxOS4yMDY0IDE0LjU2NzEgMTkuMjA2NCAxNC4xMDA0IDE5LjIwNjQgMTMuMTY3VjYuODMzNjZDMTkuMjA2NCA1LjkwMDI0IDE5LjIwNjQgNS40MzM1MyAxOS4wMTYxIDUuMDc3MDFDMTguODQ4NyA0Ljc2MzQxIDE4LjU4MTYgNC41MDg0NCAxOC4yNTMxIDQuMzQ4NjVDMTcuODc5NiA0LjE2Njk5IDE3LjM5MDYgNC4xNjY5OSAxNi40MTI4IDQuMTY2OTlMNC41Mzk3NSA0LjE2Njk5QzMuNTYxODggNC4xNjY5OSAzLjA3Mjk0IDQuMTY2OTkgMi42OTk0NCA0LjM0ODY1QzIuMzcwOTEgNC41MDg0NCAyLjEwMzggNC43NjM0IDEuOTM2NCA1LjA3NzAxQzEuNzQ2MDkgNS40MzM1MyAxLjc0NjA5IDUuOTAwMjQgMS43NDYwOSA2LjgzMzY2WiIgc3Ryb2tlPSIjMUExQTFBIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzYwOF80MzUzMjIiPgo8cmVjdCB3aWR0aD0iMjAuOTUyNCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-color: #255BA1;
}

.icon-grater-than:before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTI1NzggMThMMTUuOTI1OCAxMkw5LjkyNTc4IDYiIHN0cm9rZT0iIzI1NUJBMSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTI1NzggMThMMTUuOTI1OCAxMkw5LjkyNTc4IDYiIHN0cm9rZT0iIzI1NUJBMSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
  background-color: #255BA1;
  font-weight: bold;
  font-size: 20px;
  width: 20px !important;
  height: 20px !important;
  transform: rotate(90deg);
}

.icon-downarrow::before {
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSA5TDEyLjUgMTVMMTguNSA5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSA5TDEyLjUgMTVMMTguNSA5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
}

.icon-star-lined:before {
  mask-image: url(../images/icons/star-lined.svg);
  -webkit-mask-image: url(../images/icons/star-lined.svg);
  background-color: #ffffff;
}

.icon-email::before {
  background: url(../images/icons/email-colored.svg) no-repeat center/contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-whatsapp::before {
  background: url(../images/icons/whatsapp-colored.svg) no-repeat center/contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-facebook::before {
  background: url(../images/icons/facebook-colored.svg) no-repeat center/contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-linkedin::before {
  background: url(../images/icons/linkedin-colored.svg) no-repeat center/contain;
  mask-image: none;
  -webkit-mask-image: none;
}

.icon-add:before {
  mask-image: url(../images/icons/icon-add.svg);
  -webkit-mask-image: url(../images/icons/icon-add.svg);
}

.icon-play-circle:before {
  mask-image: url(../images/icons/play-circle.svg);
  -webkit-mask-image: url(../images/icons/play-circle.svg);
  background-color: #ffffff;
}

.icon-lock:before {
  mask-image: url(../images/icons/lock-icon.svg);
  -webkit-mask-image: url(../images/icons/lock-icon.svg);
  background-color: #F8CC5B;
}

.icon-debar:before {
  mask-image: url(../images/icons/debar.svg);
  -webkit-mask-image: url(../images/icons/debar.svg);
  background-color: #C02926;
}

.icon-hand-shake:before {
  mask-image: url(../images/icons/hand-shake.svg);
  -webkit-mask-image: url(../images/icons/hand-shake.svg);
  background-color: #219746;
}

.icon-annotation-alert::before {
  mask-image: url(../images/icons/annotation-alert.svg);
  -webkit-mask-image: url(../images/icons/annotation-alert.svg);
  background-color: #C8923B;
}

.icon-locked:before {
  mask-image: url(../images/icons/symbol_lock.svg);
  -webkit-mask-image: url(../images/icons/symbol_lock.svg);
  background-color: #F8CC5B;
}

.icon-loading::before {
  mask-image: url(../images/icons/icon-loading.svg);
  -webkit-mask-image: url(../images/icons/icon-loading.svg);
  background-color: #4EACE9;
}

.icon-help::before {
  mask-image: url(../images/icons/help-circle.svg);
  -webkit-mask-image: url(../images/icons/help-circle.svg);
  background-color: #4EACE9;
}

.icon-edit:before {
  mask-image: url(../images/icons/edit-icon.svg);
  -webkit-mask-image: url(../images/icons/edit-icon.svg);
}

.icon-file-plus {
  mask-image: url(../images/icons/file-plus.svg);
  -webkit-mask-image: url(../images/icons/file-plus.svg);
}

.icon-file-minus {
  mask-image: url(../images/icons/file-minus.svg);
  -webkit-mask-image: url(../images/icons/file-minus.svg);
}

.container {
  max-width: 1440px;
  padding-left: 64px;
  padding-right: 64px;
}

.logo {
  /* width: 130px; */
  overflow: hidden;
  cursor: pointer;
}

.logo img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.newLogo {
  width: 220px !important;
}

.mobile-view-only {
  display: none;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex {
  display: flex;
}

.width40 {
  width: 100%;
}

.right-top {
  cursor: pointer;
  justify-content: center;
}

.login-container {
  position: relative;
}

.login-container h4 {
  color: #DE702C;
  margin-bottom: 16px;
}

@media only screen and (max-width: 1440px) {
  .main-wrapper .page-wrapper {
    padding: 24px 0;
  }

  .breadcrumb {
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 1366px) {
  h1 {
    font-size: 32px !important;
    line-height: 36px !important;
  }

  h2 {
    font-size: 22px !important;
  }

  h3 {
    font-size: 20px !important;
  }

  h4 {
    font-size: 18px !important;
  }

  h5 {
    font-size: 16px !important;
  }

  h6 {
    font-size: 14px !important;
  }

  p {
    font-size: 14px !important;
  }

  a {
    font-size: 14px !important;
  }

  .btn {
    font-size: 14px !important;
    padding: 10px 36px;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .floating-table-nav {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }

  .floating-table-nav .ftn-wrap .ftn-hash-link {
    width: 30px;
  }

  .floating-table-nav .ftn-wrap .ftn-hash-link::before {
    width: 22px;
    left: 4px;
  }

  .floating-menu .float-menu-wrap .float {
    align-items: center;
    padding: 8px 4px;
  }

  .floating-menu .float-menu-wrap .float .icon {
    margin-top: 5px;
    width: 18px;
    height: 18px;
  }

  .floating-menu .float-menu-wrap .float span a {
    font-size: 12px;
  }

  .floating-menu .float-menu-wrap .float form .buttons-group .btn {
    font-size: 12px;
  }

  .floating-menu .float-menu-wrap .float:last-child {
    border-bottom-left-radius: 12px;
  }

  .floating-menu .float-menu-wrap .float:nth-child(1) {
    border-top-left-radius: 12px;
  }

  .liv-bid-filter {
    top: 121px !important;
  }

  .main-wrapper .page-wrapper {
    padding: 24px 0;
  }

  .breadcrumb {
    margin-bottom: 4px;
  }

  .btn.btn-link {
    padding: 0;
  }

  .chip-container .chips {
    padding: 0;
    font-size: 12px;
  }

  [class^=icon] {
    width: 16px !important;
    height: 16px !important;
  }

  .text-danger {
    font-size: 14px;
  }

  .form-control,
  .form-group .ng-select .ng-select-container,
  ::ng-deep .form-group .ng-select .ng-select-container {
    font-size: 14px !important;
    padding: 10px !important;
  }

  .form-select {
    font-size: 14px !important;
  }

  .form-group .invalid-feedback {
    font-size: 14px;
  }

  ::ng-deep .form-group .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    top: 10px;
  }

  .heading {
    padding-bottom: 20px !important;
  }

  .custom-tabs .custom-tab-wrap {
    margin-bottom: 16px;
  }

  .form-group {
    margin-bottom: 20px;
  }

  .form-group label {
    font-size: 14px !important;
  }

  .custom-tabs .nav-tabs .nav-link {
    font-size: 16px !important;
  }

  header .bottom-section .nav-item .nav-link {
    font-size: 16px !important;
  }

  .breadcrumb {
    font-size: 16px;
  }

  .open-order-wrap .orders .row {
    row-gap: 32px;
  }

  .open-order-wrap .orders .vertical-center {
    border: none;
  }

  .open-order-wrap .orders .count {
    margin-top: 10px;
    justify-content: flex-start;
  }

  .open-order-wrap .orders .count .status {
    margin-left: 20px;
  }

  .baner .right-section .services ul li .service {
    padding: 10px;
  }

  .baner .right-section .services ul li .service .img-wrap {
    width: 38px;
    height: 38px;
  }

  .baner .left-section p {
    font-size: 16px !important;
  }

  .top-section .ip-address div {
    font-size: 10px;
  }

  .logo {
    width: 100px;
  }

  .top-section .top-head-wrap .language .form-group .ng-select-container .ng-value-label {
    font-size: 10px;
  }

  ::ng-deep .pagination-sorting .pagination .page-item .page-link {
    font-size: 14px !important;
  }

  .pagination-sorting .page-size {
    font-size: 14px;
  }

  .card-style .card-body .head-sec p {
    font-size: 14px !important;
  }

  .pills-wrap .pills {
    font-size: 10px;
  }

  .auction-status {
    font-size: 12px;
  }

  ::ng-deep .location-details .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value p,
  ::ng-deep .location-details .ng-dropdown-panel .ng-dropdown-panel-items .ng-option p,
  ::ng-deep .top-head-wrap .language .form-group .ng-select-container .ng-value-label {
    font-size: 14px !important;
  }

  ::ng-deep .ng-select .ng-arrow-wrapper {
    width: 20px;
  }

  ::ng-deep .form-group .ng-select .ng-arrow-wrapper .ng-arrow {
    width: 10px;
    height: 10px;
  }

  .top-head-wrap .separator .icon,
  .user-profile .icon {
    width: 18px !important;
    height: 18px !important;
  }

  .user-profile .icon.icon-grater-than {
    width: 12px !important;
    height: 12px !important;
  }

  .pagination-sorting .switcher {
    width: 80px;
    height: 38px;
  }

  .pagination-sorting .switcher .switcher__label {
    height: 28px;
  }

  .pagination-sorting .switcher .switcher__toggle {
    height: 28px;
  }

  ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-size: 14px;
  }

  ::ng-deep .chip-container .chips .chip {
    margin-bottom: 10px;
    height: 30px;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 16px;
  }

  ::ng-deep .chip-container .btn {
    height: 30px;
  }

  .bottom-header .bottom-section .navbar .navbar-nav {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  ::ng-deep .no-data .img-wrap {
    width: 350px;
    margin: 0 auto;
  }

  .steps .step .diffrent-setps::before {
    width: 40px !important;
    height: 20px !important;
  }

  .steps .step .diffrent-setps .img-wrap {
    width: 140px;
    height: 100px;
  }

  footer .logo {
    width: 100px !important;
  }

  footer ul li {
    margin-bottom: 10px !important;
  }

  .login-wrap .login-container .left .img-wrap {
    width: 380px;
    height: 380px;
  }

  .baner-wrap .baner .right-section .services .img-wrap {
    width: 400px;
    height: 450px;
  }

  .top-header .top-head-wrap .separator {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .top-header .top-head-wrap .separator .notifications {
    width: 40px;
    height: 40px;
  }

  .faq-container .faq-wrap {
    padding: 24px;
  }

  .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px !important;
    padding: 10px 0;
  }

  .accordion .accordion-item .accordion-body p {
    font-family: "latoregular" !important;
  }

  .faq .accordion .accordion-item .accordion-header .accordion-button,
  ::ng-deep .faq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px !important;
    padding: 12px 0;
  }

  .industry .card .img-wrap {
    height: 250px;
  }

  .industry .card.card-bg .img-wrap {
    height: 180px !important;
  }

  .card-style.card-case-study .card-body .head-sec p {
    line-height: 18px;
  }

  .open-order-wrap .orders .head {
    font-size: 12px;
  }

  .my-auctions-wrap .my-auctions .tommorrow span,
  .my-auctions-wrap .my-auctions .upcoming span {
    font-size: 14px;
  }

  .my-auctions-wrap .my-auctions .today span {
    font-size: 16px;
  }

  .card-style .status,
  .list-view .status {
    font-size: 12px;
  }

  .custom-tabs .nav-tabs {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .tranining-resource .card.training p,
  .tranining-resource .card.training .status {
    font-size: 12px;
  }

  .breadcrumb li {
    font-size: 16px;
  }

  .lots-status ul li {
    font-size: 12px;
  }

  .card-style.big-card .img-wrap {
    height: 280px;
  }

  .big-card .top-sec .left-sec .schedule {
    margin: 10px 0;
    padding-top: 8px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .big-card .bottom-sec .auction-type span,
  .big-card .bottom-sec .auction-type .auction-type-list .list-inline-item {
    font-size: 12px;
  }

  .big-card .top-sec .left-sec h2 {
    margin-bottom: 0;
  }

  .big-card .top-sec .left-sec .quantity {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  ::ng-deep .ng-select.ng-select-single.btn-dropdown .ng-select-container {
    padding: 6px 16px;
    height: 38px;
    height: auto;
    min-width: 180px;
  }

  ::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container .ng-placeholder {
    font-size: 14px;
  }

  ::ng-deep .table-type-select .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    font-size: 14px;
  }

  .custom-table.mat-mdc-table .mat-mdc-row .mat-mdc-cell,
  .custom-table.mat-mdc-table tr td,
  .custom-table.mat-mdc-table .mdc-data-table__header-cell {
    font-size: 12px;
    padding: 8px 16px;
  }

  .custom-table.mat-mdc-table .mat-mdc-row .mat-mdc-cell .icon-hand-shake {
    width: 20px !important;
    height: 20px !important;
  }

  .live-bid-table.mat-mdc-table .mdc-data-table__row,
  .live-bid-table.mat-mdc-table .mdc-data-table__header-row {
    height: auto;
  }

  .custom-table.mat-mdc-table.live-bid-table .mat-row .mat-mdc-cell,
  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell {
    font-size: 12px !important;
    padding: 4px 6px !important;
  }

  .custom-table.mat-mdc-table.live-bid-table tr td .form-control,
  .custom-table.mat-mdc-table.live-bid-table tr .mat-mdc-cell .form-control,
  .custom-table.mat-mdc-table.live-bid-table mat-row td .form-control,
  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell .form-control {
    font-size: 12px !important;
    padding: 6px 0px 6px 6px !important;
  }

  .custom-table.mat-mdc-table.live-bid-table .form-switch .form-check-input[type=checkbox] {
    width: 32px;
    height: 16px;
  }

  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell .fs-12 {
    font-size: 10px !important;
  }

  .custom-table.mat-mdc-table.mat-mdc-table .mdc-data-table__row {
    height: auto;
    min-height: auto;
  }

  .inside-panel .img-wrap {
    height: 200px;
  }

  .inside-panel .img-wrap .count {
    font-size: 12px;
  }

  ::ng-deep .date-range .ngb-dp-day,
  ::ng-deep .date-range .ngb-dp-weekday,
  ::ng-deep .date-range .ngb-dp-week-number {
    font-size: 12px !important;
    width: 30px !important;
    height: 30px !important;
  }

  ::ng-deep .date-range .ngb-dp-day .custom-day,
  ::ng-deep .date-range .ngb-dp-weekday .custom-day,
  ::ng-deep .date-range .ngb-dp-week-number .custom-day {
    font-size: 12px !important;
  }

  .form-check-input[type=checkbox] {
    width: 16px;
    height: 16px;
  }

  .floating-emd-bar {
    font-size: 18px;
  }

  .floating-emd-bar .emd-payment-wrap .view-selection-link {
    font-size: 14px;
  }

  .selection-count {
    font-size: 14px;
  }

  .view-all,
  .read-more,
  .know-more,
  .link {
    display: inline-flex;
    align-items: center;
  }

  .form-check {
    display: inline-flex;
  }

  .stepper-container.mj-stepper .steps .step .step-title {
    font-size: 16px;
  }

  .form-check-input[type=radio] {
    width: 16px;
    height: 16px;
  }

  .form-check label {
    font-size: 14px;
  }

  .table-wrapper .card-type .accordion-header label {
    font-size: 16px;
  }

  .table-wrapper .card-type .accordion-header .fs-20 {
    font-size: 16px;
  }

  .table-wrapper .card-type .fs-20 {
    font-size: 16px;
  }

  .congratulations-wrap .img-wrap {
    height: 250px !important;
  }

  .custom-dropdown .dropdown-menu a .icon {
    width: 30px !important;
    height: 30px !important;
    padding: 8px !important;
  }

  .list-style-disc li {
    font-size: 14px;
  }

  .nav-tabs .nav-link {
    font-size: 14px !important;
  }

  .nav-tabs {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .card-body .emd-amt-details .main-amt,
  .card-body .emd-amt-details .main-amt span {
    font-size: 22px;
  }

  .special-amt {
    font-size: 14px;
  }

  .primary-card .card-header {
    font-size: 16px;
  }

  .vAcc-card .card-header {
    font-size: 16px;
  }

  .feedback-details-container span,
  .feedback-details-container span.col-title {
    font-size: 14px;
  }

  .vertical-lists .item-founds {
    font-size: 14px;
  }

  ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator {
    width: 14px;
    height: 14px;
  }

  .form-group span {
    font-size: 12px;
  }

  .floating-table-nav .ftn-wrap .ftn-hash-link {
    width: 30px;
  }

  .floating-table-nav .ftn-wrap .ftn-hash-link::before {
    width: 26px;
    left: 1px;
  }

  .floating-table-nav.smaller-screen.small-ribbon .ftn-hash-link {
    height: 6px;
  }

  .floating-table-nav.smaller-screen.small-ribbon .ftn-hash-link::before {
    top: 2px;
    height: 3px;
  }

  .floating-table-nav.smaller-screen.medium-ribbon .ftn-hash-link {
    height: 4px;
  }

  .floating-table-nav.smaller-screen.medium-ribbon .ftn-hash-link::before {
    top: 1px;
    height: 2px;
  }

  .floating-table-nav.smaller-screen.large-ribbon .ftn-hash-link {
    height: 3px;
  }

  .floating-table-nav.smaller-screen.large-ribbon .ftn-hash-link::before {
    top: 0px;
    height: 1px;
  }

  .floating-table-nav.smaller-screen.extra-large-ribbon .ftn-hash-link {
    height: 1px;
  }

  .floating-table-nav.smaller-screen.extra-large-ribbon .ftn-hash-link::before {
    top: 0px;
    height: 0.5px;
  }

  .custom-tabs.liv-bid-custom-tabs {
    top: 60px;
  }

  .liv-bid-filter {
    top: 103px !important;
  }

  .liv-bid-filter .filter .btn {
    height: 30px;
  }

  .custom-table.mat-mdc-table.live-bid-table .mat-mdc-header-row {
    top: 152px !important;
  }

  .live-bid-table .badge {
    font-size: 10px;
    padding: 4px 6px;
  }

  .live-bid-table .pills {
    font-size: 10px;
  }

  .custom-table.mat-mdc-table.live-bid-table .input-group .input-group-append {
    padding: 0px 4px;
  }

  .custom-table.mat-mdc-table.live-bid-table .input-group .input-group-append .icon {
    width: 10px !important;
    height: 10px !important;
  }

  .custom-table.mat-mdc-table.live-bid-table .towords-text {
    font-size: 8px;
  }

  .sort-by p {
    font-size: 16px !important;
  }

  .calendar-table tr .date,
  .calendar-table th .day {
    font-size: 14px;
  }

  .calendar-table .row-time {
    font-size: 14px;
  }

  .calendar-wrap .filter-wrap .calendar-controls .btn {
    width: 38px;
    height: 38px;
  }

  .events .events-list .event {
    min-width: 22px;
    font-family: 12px;
  }

  footer ul li a {
    font-size: 14px !important;
  }

  .links a,
  .links span {
    width: 30px;
    height: 30px;
  }

  ::ng-deep .stepper-container.mj-stepper .steps .step .step-title {
    font-size: 14px;
  }

  .page-background.with-logo {
    padding-top: 10px;
  }

  .emd-value {
    font-size: 14px;
  }

  .emd-payment-wrap .total-amount,
  .amt-row,
  .credit-us {
    font-size: 14px;
  }

  .dropdown-menu.notification-dropdown {
    width: 400px;
    padding: 16px;
  }

  .top-head-wrap .notifications .badge {
    /* top: 4px; */
    top: -8px;
    right: 8px;
  }

  .notification-wrap .notification .notification-datetime {
    font-size: 14px;
    width: 210px;
  }

  .notification-wrap .notification::before {
    left: 175px;
  }

  .notification-wrap::after {
    left: 180px;
  }

  .bid-history-wrap .lotD-row .lotD-item label {
    font-size: 14px;
  }

  .bid-history-wrap .sp-box {
    padding: 16px;
  }

  .bid-history-wrap .sp-box li label {
    font-size: 10px;
  }

  .bid-history-wrap .badge-pills .badge {
    font-size: 10px;
  }

  .bid-history-wrap .circle-graph .progress-circle {
    width: 100px;
    height: 100px;
  }

  .bid-history-wrap .circle-graph .graph-text label {
    font-size: 12px;
  }

  .bid-history-wrap .circle-graph .graph-text span {
    font-size: 14px;
  }

  .card-panel.card-warning .card-header .card-title {
    font-size: 14px;
  }

  .upload-file-wrap .icon-pdf {
    width: 28px !important;
    height: 38px !important;
  }

  .recommended-auctions-wrap .chart-wrap ul li .count {
    font-size: 20px;
  }

  .recommended-auctions-wrap .chart-wrap ul li .label {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1300px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .baner .left-section .button-group {
    flex-direction: row;
    row-gap: 16px;
  }

  .baner .left-section .button-group .btn {
    width: auto;
  }

  .baner .right-section .services .img-wrap {
    width: 400px;
    height: 450px;
  }

  .baner .right-section .services ul li:first-child {
    left: -60px;
    top: -10px;
  }

  .baner .right-section .services ul li:nth-child(2) {
    left: -60px;
    bottom: 160px;
  }

  .baner .right-section .services ul li:nth-child(3) {
    right: -50px;
  }

  .baner .right-section .services ul li:nth-child(4) {
    bottom: 60px;
  }
}

@media only screen and (max-width: 1300px) {
  h1 {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  h2 {
    font-size: 20px !important;
  }

  h3 {
    font-size: 18px !important;
  }

  h4 {
    font-size: 16px !important;
  }

  h5 {
    font-size: 14px !important;
  }

  h6 {
    font-size: 12px !important;
  }

  p {
    font-size: 12px !important;
  }

  a {
    font-size: 12px !important;
  }

  .btn {
    font-size: 12px !important;
    padding: 8px 32px;
  }

  .btn.btn-link {
    padding: 0;
  }

  .chip-container .chips {
    padding: 0;
    font-size: 12px;
  }

  [class^=icon] {
    width: 14px !important;
    height: 14px !important;
  }

  .text-danger {
    font-size: 12px;
  }

  .form-control,
  .form-group .ng-select .ng-select-container,
  ::ng-deep .form-group .ng-select .ng-select-container {
    font-size: 12px !important;
    padding: 10px !important;
  }

  .form-select {
    font-size: 12px !important;
  }

  .form-group .invalid-feedback {
    font-size: 12px;
  }

  ::ng-deep .form-group .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    top: 10px;
  }

  .heading {
    padding-bottom: 16px !important;
  }

  .custom-tabs .custom-tab-wrap {
    margin-bottom: 16px;
  }

  .form-group {
    margin-bottom: 20px;
  }

  .form-group label {
    font-size: 14px !important;
  }

  .custom-tabs .nav-tabs .nav-link {
    font-size: 14px !important;
  }

  header .bottom-section .nav-item .nav-link {
    font-size: 14px !important;
  }

  .breadcrumb {
    font-size: 14px;
  }

  .open-order-wrap .orders .row {
    row-gap: 32px;
  }

  .open-order-wrap .orders .vertical-center {
    border: none;
  }

  .open-order-wrap .orders .count {
    margin-top: 10px;
    justify-content: flex-start;
  }

  .open-order-wrap .orders .count .status {
    margin-left: 20px;
  }

  .baner .right-section .services ul li .service {
    padding: 10px;
  }

  .baner .right-section .services ul li .service .img-wrap {
    width: 38px;
    height: 38px;
  }

  .baner .left-section p {
    font-size: 14px !important;
  }

  .top-section .ip-address div {
    font-size: 10px;
  }

  .logo {
    width: 90px;
  }

  .top-section .top-head-wrap .language .form-group .ng-select-container .ng-value-label {
    font-size: 10px;
  }

  ::ng-deep .pagination-sorting .pagination .page-item .page-link {
    font-size: 12px !important;
  }

  .pagination-sorting .page-size {
    font-size: 12px;
  }

  .card-style .card-body .head-sec p {
    font-size: 12px !important;
  }

  .pills-wrap .pills {
    font-size: 10px;
  }

  .auction-status {
    font-size: 12px;
  }

  ::ng-deep .location-details .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value p,
  ::ng-deep .location-details .ng-dropdown-panel .ng-dropdown-panel-items .ng-option p,
  ::ng-deep .top-head-wrap .language .form-group .ng-select-container .ng-value-label {
    font-size: 12px !important;
  }

  ::ng-deep .ng-select .ng-arrow-wrapper {
    width: 20px;
  }

  ::ng-deep .form-group .ng-select .ng-arrow-wrapper .ng-arrow {
    width: 10px;
    height: 10px;
  }

  .top-head-wrap .separator .icon,
  .user-profile .icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 5px;
    margin-left: 5px;
  }

  .pagination-sorting .switcher {
    width: 80px;
    height: 38px;
  }

  .pagination-sorting .switcher .switcher__label {
    height: 28px;
  }

  .pagination-sorting .switcher .switcher__toggle {
    height: 28px;
  }

  ::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    font-size: 12px;
  }

  ::ng-deep .chip-container .chips .chip {
    margin-bottom: 10px;
    height: 30px;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 16px;
  }

  ::ng-deep .chip-container .btn {
    height: 30px;
  }

  .bottom-header .bottom-section .navbar .navbar-nav {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  ::ng-deep .no-data .img-wrap {
    width: 350px;
    margin: 0 auto;
  }

  .steps .step .diffrent-setps::before {
    width: 40px !important;
    height: 20px !important;
  }

  .steps .step .diffrent-setps .img-wrap {
    width: 140px;
    height: 100px;
  }

  footer .logo {
    width: 90px !important;
  }

  footer ul li {
    margin-bottom: 10px !important;
  }

  .login-wrap .login-container .left .img-wrap {
    width: 380px;
    height: 380px;
  }

  .baner-wrap .baner .right-section .services .img-wrap {
    width: 350px;
    height: 400px;
  }

  .top-header .top-head-wrap .separator {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .top-header .top-head-wrap .separator .notifications {
    width: 40px;
    height: 40px;
  }

  .faq-container .faq-wrap {
    padding: 24px;
  }

  .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px !important;
    padding: 10px 0;
  }

  .accordion .accordion-item .accordion-body p {
    font-family: "latoregular" !important;
  }

  .faq .accordion .accordion-item .accordion-header .accordion-button,
  ::ng-deep .faq .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px !important;
    padding: 12px 0;
  }

  .industry .card .img-wrap {
    height: 250px;
  }

  .industry .card.card-bg .img-wrap {
    height: 180px !important;
  }

  .card-style.card-case-study .card-body .head-sec p {
    line-height: 18px;
  }

  .open-order-wrap .orders .head {
    font-size: 12px;
  }

  .my-auctions-wrap .my-auctions .tommorrow span,
  .my-auctions-wrap .my-auctions .upcoming span {
    font-size: 14px;
  }

  .my-auctions-wrap .my-auctions .today span {
    font-size: 16px;
  }

  .card-style .status,
  .list-view .status {
    font-size: 12px;
  }

  .custom-tabs .nav-tabs {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .tranining-resource .card.training p,
  .tranining-resource .card.training .status {
    font-size: 12px;
  }

  .breadcrumb li {
    font-size: 14px;
  }

  .lots-status ul li {
    font-size: 14px;
  }

  .card-style.big-card .img-wrap {
    height: 280px;
  }

  .big-card .top-sec .left-sec .schedule {
    margin: 10px 0;
    padding-top: 8px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .big-card .bottom-sec .auction-type span,
  .big-card .bottom-sec .auction-type .auction-type-list .list-inline-item {
    font-size: 12px;
  }

  .big-card .top-sec .left-sec h2 {
    margin-bottom: 0;
  }

  .big-card .top-sec .left-sec .quantity {
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  ::ng-deep .ng-select.ng-select-single.btn-dropdown .ng-select-container {
    padding: 6px 16px;
    height: 38px;
    height: auto;
    min-width: 180px;
  }

  ::ng-deep .ng-select.ng-select-single.btn-dropdown.secondary-dropdown .ng-select-container .ng-placeholder {
    font-size: 14px;
  }

  ::ng-deep .table-type-select .ng-select .ng-select-container .ng-value-container .ng-placeholder {
    font-size: 14px;
  }

  .custom-table.mat-mdc-table .mat-mdc-row .mat-mdc-cell,
  .custom-table.mat-mdc-table tr td,
  .custom-table.mat-mdc-table .mdc-data-table__header-cell {
    font-size: 12px;
    padding: 8px 10px;
  }

  .live-bid-table.mat-mdc-table .mdc-data-table__row,
  .live-bid-table.mat-mdc-table .mdc-data-table__header-row {
    height: auto;
  }

  .custom-table.mat-mdc-table.live-bid-table .mat-mdc-header-cell,
  .custom-table.mat-mdc-table.live-bid-table .mat-mdc-header-row,
  .custom-table.mat-mdc-table.live-bid-table .mat-row .mat-mdc-cell,
  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell {
    font-size: 12px !important;
  }

  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell .fs-12 {
    font-size: 10px !important;
  }

  .inside-panel .img-wrap {
    height: 200px;
  }

  .inside-panel .img-wrap .count {
    font-size: 12px;
  }

  ::ng-deep .date-range .ngb-dp-day,
  ::ng-deep .date-range .ngb-dp-weekday,
  ::ng-deep .date-range .ngb-dp-week-number {
    font-size: 12px !important;
    width: 30px !important;
    height: 30px !important;
  }

  ::ng-deep .date-range .ngb-dp-day .custom-day,
  ::ng-deep .date-range .ngb-dp-weekday .custom-day,
  ::ng-deep .date-range .ngb-dp-week-number .custom-day {
    font-size: 12px !important;
  }

  .form-check-input[type=checkbox] {
    width: 16px;
    height: 16px;
  }

  .floating-emd-bar {
    font-size: 18px;
  }

  .floating-emd-bar .emd-payment-wrap .view-selection-link {
    font-size: 14px;
  }

  .selection-count {
    font-size: 14px;
  }

  .view-all,
  .read-more,
  .know-more,
  .link {
    display: inline-flex;
    align-items: center;
  }

  .form-check {
    display: inline-flex;
  }

  .stepper-container.mj-stepper .steps .step .step-title {
    font-size: 16px;
  }

  .form-check-input[type=radio] {
    width: 16px;
    height: 16px;
  }

  .form-check label {
    font-size: 14px;
  }

  .table-wrapper .card-type .accordion-header label {
    font-size: 16px;
  }

  .table-wrapper .card-type .accordion-header .fs-20 {
    font-size: 16px;
  }

  .table-wrapper .card-type .fs-20 {
    font-size: 16px;
  }

  .congratulations-wrap .img-wrap {
    height: 250px !important;
  }

  .custom-dropdown .dropdown-menu a .icon {
    width: 30px !important;
    height: 30px !important;
    padding: 8px !important;
  }

  .list-style-disc li {
    font-size: 14px;
  }

  .nav-tabs .nav-link {
    font-size: 14px !important;
  }

  .nav-tabs {
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .card-body .emd-amt-details .main-amt,
  .card-body .emd-amt-details .main-amt span {
    font-size: 22px;
  }

  .special-amt {
    font-size: 14px;
  }

  .primary-card .card-header {
    font-size: 16px;
  }

  .vAcc-card .card-header {
    font-size: 16px;
  }

  .feedback-details-container span,
  .feedback-details-container span.col-title {
    font-size: 14px;
  }

  .vertical-lists .item-founds {
    font-size: 14px;
  }

  ::ng-deep .mat-sort-header-arrow .mat-sort-header-indicator {
    width: 14px;
    height: 14px;
  }

  .form-group span {
    font-size: 12px;
  }

  .floating-table-nav .ftn-wrap .ftn-hash-link {
    width: 20px;
  }

  .floating-table-nav .ftn-wrap .ftn-hash-link::before {
    width: 18px;
    left: 1px;
  }

  .floating-table-nav.smaller-screen.small-ribbon .ftn-hash-link {
    height: 6px;
  }

  .floating-table-nav.smaller-screen.small-ribbon .ftn-hash-link::before {
    top: 2px;
    height: 3px;
  }

  .floating-table-nav.smaller-screen.medium-ribbon .ftn-hash-link {
    height: 3px;
  }

  .floating-table-nav.smaller-screen.medium-ribbon .ftn-hash-link::before {
    top: 1px;
    height: 2px;
  }

  .floating-table-nav.smaller-screen.large-ribbon .ftn-hash-link {
    height: 2px;
  }

  .floating-table-nav.smaller-screen.large-ribbon .ftn-hash-link::before {
    top: 0px;
    height: 1px;
  }

  .floating-table-nav.smaller-screen.extra-large-ribbon .ftn-hash-link {
    height: 1px;
  }

  .floating-table-nav.smaller-screen.extra-large-ribbon .ftn-hash-link::before {
    top: 0px;
    height: 0.5px;
  }

  .custom-tabs.liv-bid-custom-tabs {
    top: 54px;
  }

  .liv-bid-filter {
    top: 96px !important;
  }

  .liv-bid-filter .btn {
    height: 26px !important;
  }

  .liv-bid-filter .filter .btn {
    height: 26px;
  }

  .custom-table.mat-mdc-table.live-bid-table .mat-mdc-header-row {
    top: 138px !important;
  }

  .live-bid-table .badge {
    font-size: 10px;
    padding: 4px 6px;
  }

  .live-bid-table .pills {
    font-size: 10px;
  }

  .custom-table.mat-mdc-table.live-bid-table .input-group .input-group-append {
    padding: 0px 4px;
  }

  .custom-table.mat-mdc-table.live-bid-table .input-group .input-group-append .icon {
    width: 10px !important;
    height: 10px !important;
  }

  .custom-table.mat-mdc-table.live-bid-table .towords-text {
    font-size: 8px;
  }

  .sort-by p {
    font-size: 14px !important;
  }

  .calendar-table tr .date,
  .calendar-table th .day {
    font-size: 12px;
  }

  .calendar-table .row-time {
    font-size: 12px;
  }

  .calendar-wrap .filter-wrap .calendar-controls .btn {
    width: 38px;
    height: 38px;
  }

  .events .events-list .event {
    min-width: 22px;
    font-family: 12px;
  }

  footer ul li a {
    font-size: 14px !important;
  }

  .liv-bid-custom-tabs .watchlist-tab .badge {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell.min-120,
  .custom-table.mat-mdc-table.live-bid-table .min-120 {
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .custom-table.mat-mdc-table.live-bid-table mat-row .mat-mdc-cell.min-140,
  .custom-table.mat-mdc-table.live-bid-table .min-140 {
    min-width: 120px !important;
    max-width: 120px !important;
  }

  .dropdown-menu.notification-dropdown {
    width: 350px;
    padding: 16px;
  }

  .dropdown-menu.notification-dropdown .notification-wrap h5 .badge {
    font-size: 10px;
  }

  .dropdown-menu.notification-dropdown .notification .wrap {
    margin: 5px 0;
    padding: 10px 16px;
  }

  .notification-wrap .notification .notification-datetime {
    font-size: 12px;
    width: 190px;
  }

  .notification-wrap .notification::before {
    left: 155px;
  }

  .notification-wrap::after {
    left: 160px;
  }

  .bid-history-wrap .lotD-row .lotD-item label {
    font-size: 12px;
  }

  .bid-history-wrap .circle-graph .graph-text label {
    font-size: 10px;
  }

  .bid-history-wrap .circle-graph .graph-text span {
    font-size: 12px;
  }

  .filters .chip-container .chips .chip {
    font-size: 12px;
  }
}

/* Landscape */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
  .login-wrap .login-container .logo {
    position: relative;
    left: 0;
    top: 0;
  }

  .calendar-table .thead .day,
  .calendar-table tbody .day,
  .calendar-table tfoot .day,
  .calendar-table tr .day,
  .calendar-table td .day,
  .calendar-table th .day {
    font-size: 14px;
  }

  .calendar-table .thead .date,
  .calendar-table tbody .date,
  .calendar-table tfoot .date,
  .calendar-table tr .date,
  .calendar-table td .date,
  .calendar-table th .date {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  header.bottom-header {
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  }

  .desktop-view-only {
    display: none !important;
  }

  .mobile-view-only {
    display: block;
  }

  header .navbar-collapse {
    padding: 0;
  }

  header .menu-button {
    display: flex;
  }

  header .inside-menu-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
    padding: 12px 24px;
  }

  header .inside-menu-bar .logo {
    width: 90px;
  }

  header .mobile-header .logo {
    width: 90px;
  }

  header .navbar-collapse {
    overflow: auto;
  }

  header .navbar-collapse .navbar-nav {
    padding: 12px 24px;
  }

  header .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 18px;
    font-family: "latobold";
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header .navbar-collapse .navbar-nav .nav-item .nav-link .icon {
    display: block;
  }

  header .navbar-collapse .navbar-nav .nav-item .nav-link[aria-expanded=true] {
    color: #255BA1;
  }

  header .navbar-collapse .navbar-nav .nav-item .nav-link[aria-expanded=true] .icon {
    transform: rotate(270deg);
  }

  header .navbar-collapse .navbar-nav .nav-item .nav-link .icon {
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
  }

  header .navbar-collapse .navbar-nav .nav-item.level-one .dropdown-menu {
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #D6DBE2;
    padding: 8px;
    margin: 0;
  }

  header .navbar-collapse .navbar-nav .nav-item.level-one .dropdown-menu .level-two .row {
    margin: 0;
  }

  header .navbar-collapse .navbar-nav .nav-item.level-one .dropdown-menu .level-two .dropdown .nav-link {
    font-size: 16px;
    font-family: "latobold";
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  header .navbar-collapse .navbar-nav .nav-item.level-one .dropdown-menu .level-two .dropdown .nav-link .icon {
    width: 16px;
    height: 16px;
    position: relative;
    background: url(../images/icons/plus-icon.svg) center no-repeat;
    background-size: contain;
    padding: 0;
    display: block;
  }

  header .navbar-collapse .navbar-nav .nav-item.level-one .dropdown-menu .level-two .dropdown .nav-link .icon[aria-expanded=true] {
    transform: rotate(0deg);
    background: url(../images/icons/line.svg) center no-repeat;
  }

  header .navbar-collapse .navbar-nav .nav-item.level-one .dropdown-menu .level-two .dropdown .dropdown-menu .nav-link {
    font-size: 14px;
    padding: 8px;
    color: #626B76;
  }

  header .navbar-collapse .navbar-nav .normal-dropdown .dropdown-menu {
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #D6DBE2;
    padding: 8px 16px;
    margin: 0;
    position: static !important;
    transform: unset !important;
  }

  header .navbar-collapse .navbar-nav .normal-dropdown .dropdown-menu .nav-link {
    font-size: 16px;
  }

  header .navbar-collapse .hamburger-buttons {
    display: flex;
    flex-direction: column;
    padding: 24px;
    row-gap: 16px;
  }

  header .navbar-collapse .hamburger-buttons .btn {
    width: 100%;
  }

  header .navbar-collapse .hamburger-bottom-bar {
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header .navbar-collapse .hamburger-bottom-bar .form-group {
    margin-bottom: 0;
  }

  header .top-section {
    /* display: none; */
  }

  header .bottom-section {
    background: #F5FAFE;
    box-shadow: 0px 4px 20px rgba(38, 50, 56, 0.1);
  }

  header .bottom-section .nav-item {
    border-bottom: 1px solid #F5FAFE;
  }

  header .bottom-section .nav-item:last-child {
    border-bottom: none;
  }

  header .bottom-section .nav-item .nav-link {
    color: #17191C;
    padding: 12px 0;
  }

  header .bottom-section .nav-item .nav-link.active::before {
    content: none;
  }

  header .bottom-section .navbar .level-one .level-two .dropdown {
    margin-bottom: 0;
    padding: 0;
  }

  header .bottom-section .navbar .level-one .level-two .dropdown .nav-item .nav-link {
    font-size: 14px;
  }

  .navbar .level-one>.dropdown-menu {
    background: none;
  }

  .navbar .level-one .level-two .dropdown-menu {
    display: none;
  }

  .navbar .level-one .level-two .dropdown-menu.show {
    display: block;
  }

  .nav-tabs {
    flex-wrap: nowrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    overflow-x: auto;
    padding: 5px 0;
  }

  .nav-tabs li {
    flex-shrink: 0;
  }

  .nav-tabs li a {
    font-size: 16px;
  }

  .value-added-service .card {
    padding: 32px 16px 8px;
  }

  .value-added-service .service {
    margin-bottom: 24px;
  }

  .value-added-service .service .details .know-more {
    margin-top: 10px;
    font-size: 14px;
  }

  .view-all,
  .read-more,
  .know-more,
  .link {
    font-size: 14px;
  }

  .owl-slider-video {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .breadcrumb li {
    font-size: 14px;
  }

  .custom-table.mat-mdc-table {
    overflow: auto;
  }

  mat-cell,
  mat-header-cell,
  mat-footer-cell {
    overflow: visible;
  }

  .main-wrapper.body-bg {
    background-position: -220px -150px;
    background-size: 1000px;
  }

  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 18px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 14px;
  }

  h6 {
    font-size: 12px;
  }

  p {
    font-size: 14px;
  }

  a {
    font-size: 14px;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading {
    padding-bottom: 24px;
  }

  .heading a {
    display: none;
  }

  footer .address {
    padding-left: 0;
  }

  .baner-wrap .baner {
    height: auto;
    flex-direction: column;
  }

  .baner-wrap .baner .left-section {
    width: 100%;
    padding-right: 0;
  }

  .baner-wrap .baner .left-section h1 {
    line-height: initial;
  }

  .baner-wrap .baner .left-section p {
    display: none;
  }

  .baner-wrap .baner .left-section .button-group {
    flex-direction: column;
    row-gap: 20px;
    margin: 30px 0;
  }

  .baner-wrap .baner .right-section {
    width: 100%;
  }

  .baner-wrap .baner .right-section .services {
    width: 100%;
  }

  .baner-wrap .baner .right-section .services .img-wrap {
    width: 70%;
    height: 300px;
    display: flex;
    float: right;
  }

  .baner-wrap .baner .right-section .services ul {
    height: auto;
    position: static;
  }

  .baner-wrap .baner .right-section .services ul li {
    position: static;
  }

  .baner-wrap .baner .right-section .services ul li .service {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 12px 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .baner-wrap .baner .right-section .services ul li .service::before {
    content: none;
  }

  .baner-wrap .baner .right-section .services ul li .service .img-wrap {
    display: none;
  }

  .baner-wrap .baner .right-section .services ul li .service .details {
    padding-left: 0;
  }

  .baner-wrap .baner .button-group {
    margin: 24px 0 50px;
    width: 100%;
    row-gap: 10px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }

  .category-slider-wrap .category-slider .img-wrap {
    height: 100px;
  }

  .category-slider-wrap .category-slider .img-wrap h4 {
    padding: 0 8px;
    font-size: 12px;
    bottom: 8px;
    overflow: hidden;
  }

  .category-slider-wrap .category-slider .img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .testimonial-wrap .heading {
    margin-top: 50px;
  }

  .testimonial-wrap .testimonials {
    margin-top: 0;
  }

  .testimonial-wrap .testimonials .testimonial-slider {
    padding: 16px;
    margin-bottom: 0;
  }

  .testimonial-wrap .testimonials .testimonial-slider .card {
    padding: 16px;
  }

  .testimonial-wrap .testimonials .card-body {
    padding-left: 106px;
  }

  .testimonial-wrap .testimonials .card-body p {
    font-size: 14px;
    line-height: normal;
  }

  .testimonial-wrap .testimonials .card-body h5,
  .testimonial-wrap .testimonials .card-body span {
    font-size: 12px;
  }

  .testimonial-wrap .testimonials .img-wrap {
    width: 90px;
    height: 160px;
    left: 16px;
  }

  .awards .img-wrap {
    width: 60px;
    height: 60px;
  }

  .awards .card-body h3,
  .awards .card-body p {
    font-size: 12px;
  }

  .industry .card-text {
    font-size: 14px;
  }

  .industry .card-style.big-card {
    margin: 0 0 24px;
  }

  .industry .card-style.big-card .img-wrap {
    border-radius: 8px;
  }

  .card-type {
    flex-direction: column;
  }

  .card-type .img-wrap {
    width: 80px;
    height: 80px;
  }

  .card-type .pills-wrap {
    margin-top: 16px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
  }

  .card-type .schedule {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #D5D8DD;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .card-type .schedule .auction-status {
    font-size: 12px;
  }

  .card-type .schedule .time {
    display: flex;
  }

  .card-type .card-body .head-sec h5 {
    -webkit-line-clamp: 2;
  }

  .card-style {
    margin-bottom: 24px;
  }

  .card-style.card-without-img.big-card {
    margin: 0 auto 24px;
  }

  .card-style.card-without-img.big-card .card-body.card-lg {
    margin-top: 0;
  }

  .card-style.big-card {
    margin: 0 -24px 24px;
  }

  .card-style.big-card .img-wrap {
    height: 240px;
    border-radius: 0;
  }

  .card-style.big-card .img-wrap img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .card-style.big-card .card-body {
    padding: 16px;
  }

  .card-style.big-card .card-body.card-lg {
    margin-top: -100px;
  }

  .card-style.big-card .top-sec {
    flex-direction: column;
  }

  .card-style.big-card .top-sec .left-sec {
    padding: 0;
  }

  .card-style.big-card .top-sec .left-sec h2 {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .card-style.big-card .top-sec .left-sec .schedule {
    margin: 10px 0;
    padding-top: 8px;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }

  .card-style.big-card .top-sec .left-sec .schedule .divider {
    display: none;
  }

  .card-style.big-card .top-sec .left-sec .quantity {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
  }

  .card-style.big-card .top-sec .left-sec .quantity .divider {
    display: none;
  }

  .card-style.big-card .top-sec .right-sec {
    width: 100%;
  }

  .card-style.big-card .top-sec .right-sec .org-card {
    margin-top: 16px;
  }

  .card-style.big-card .top-sec .right-sec .org-card .img-wrap {
    width: 40px;
    height: 40px;
    margin-right: 0;
  }

  .card-style.big-card .top-sec .right-sec .org-card .details {
    margin-left: 10px;
  }

  .card-style.big-card .top-sec .right-sec .links {
    margin: 10px 0;
    justify-content: flex-start;
  }

  .card-style.big-card .bottom-sec {
    flex-direction: column;
  }

  .card-style.big-card .bottom-sec .auction-type {
    align-self: flex-start;
  }

  .card-style.big-card .bottom-sec .grouped {
    flex-direction: column;
    row-gap: 16px;
  }

  .card-type-list {
    margin-bottom: 0;
  }

  .card-type-list h5 {
    padding-left: 30px;
    -webkit-line-clamp: 2;
  }

  .card-type-list h5 .icon {
    position: absolute;
    left: 16px;
    top: 24px;
  }

  .card-type-list p {
    margin-bottom: 7px;
  }

  .card-type-list .schedule {
    margin-top: 6px;
  }

  .card-type-list .schedule .time {
    margin-bottom: 6px;
  }

  .card-type-list .pills-wrap {
    margin-bottom: 12px;
  }

  .card-type-list .auction-status {
    margin-top: 6px;
    font-size: 12px;
  }

  .card-type-list .download-wrap {
    align-self: flex-end;
  }

  .card-style .status,
  .list-view .status {
    font-size: 10px;
  }

  .sub-category .categories .category .img-wrap {
    height: 120px;
  }

  .site-map-wrap .main-categories .category {
    width: 100%;
  }

  .contact-wrapper .contact-us-wrap .card .img-wrap {
    width: 120px;
    -webkit-clip-path: circle(70% at 20%);
    clip-path: circle(70% at 20%);
  }

  .contact-wrapper .contact-us-wrap .card .details a {
    font-size: 16px;
  }

  .contact-wrapper .contact-us-wrap .card.big .details {
    padding: 16px;
  }

  .contact-wrapper .contact-us-wrap .card.big .details a {
    font-size: 16px;
  }

  .contact-wrapper .contact-us-wrap .card.card-img .img-wrap {
    width: 400px;
    -webkit-clip-path: none;
    clip-path: none;
  }

  .table-wrapper .table {
    table-layout: auto;
  }

  .table-wrapper .table thead th {
    font-size: 14px;
    padding: 18px 4px;
  }

  .table-wrapper .table tbody tr td {
    font-size: 14px;
    padding: 18px 4px;
  }

  .table-wrapper .table tbody tr td .img-text .icon {
    margin-left: 0;
  }

  .table-wrapper .table tbody .inside-panel .links {
    justify-content: flex-start;
    margin-top: 20px;
  }

  .table-wrapper .table tbody .inside-panel .img-wrap {
    margin-bottom: 20px;
    height: 180px;
  }

  .table-wrapper .table tbody .inside-panel .details p {
    font-size: 14px;
  }

  .table-wrapper .table tbody tr td:last-child,
  .table-wrapper .table thead th:last-child {
    padding-right: 4px;
  }

  .table-wrapper .table tbody tr td:first-child,
  .table-wrapper .table thead th:first-child {
    padding-left: 14px;
  }

  .table-wrapper .table .column-lg {
    width: auto;
  }

  .pagination-sorting {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .pagination-sorting .icon {
    width: 20px;
    height: 20px;
  }

  .sorting .btn span {
    display: none;
  }

  .mobile-filter {
    display: flex;
  }

  .mobile-filter .dropdown-toggle {
    display: flex;
  }

  .mobile-filter .dropdown-toggle::after {
    content: none;
  }

  .mobile-pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    flex-direction: column;
    align-items: center;
  }

  .seller-list-wrap .seller-alphabetic-order .list li {
    width: 100%;
  }

  .mobile-global-search .search-container {
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    position: fixed;
    height: 100vh;
    overflow: auto;
    border-radius: 0;
    border: none;
    padding: 24px;
  }

  .mobile-global-search .search-container .form-group {
    padding: 24px;
    margin-bottom: 0;
  }

  .mobile-global-search .search-container .input-group {
    margin-bottom: 0;
  }

  .mobile-global-search .search-container ul {
    background: #F7F8F8;
    padding: 24px;
  }

  .mobile-global-search .search-container ul li.list-style .card-body {
    padding-right: 0;
  }

  .mobile-global-search .search-container ul li.list-style .card-body .schedule {
    margin: 0;
    padding: 0;
    border: none;
  }

  .gallery-slider .center-container {
    width: 100%;
    height: 320px;
  }

  .gallery-slider .slide-thumbnail {
    width: 100%;
  }

  .gallery-slider .slide-thumbnail .img-wrap {
    width: auto;
  }

  footer {
    background: #ffffff !important;
  }

  .user-profile .dropdown-menu {
    left: auto;
    right: 0;
  }
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-wrapper.body-bg {
    background-position: 270px -160px;
    background-size: 100%;
  }

  .big-card .bottom-sec .grouped .btn span {
    display: none;
  }

  .table-wrapper .table {
    table-layout: auto;
  }

  .table-wrapper .table tbody .inside-panel .img-wrap {
    height: 180px;
  }

  .slide-thumbnail .img-wrap {
    width: auto;
  }

  .login-wrap .login-container .left {
    padding: 16px;
  }

  .login-wrap .login-container .right .form-wrap {
    width: 80%;
  }

  .calendar-wrap .filter-wrap {
    flex-direction: column;
  }

  .calendar-wrap .filter-wrap .cal-filters {
    width: 100%;
  }
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .main-wrapper.body-bg {
    background-position: 100px -180px;
  }

  .video-card-wrapper .video-frame {
    height: 300px;
  }

  .customer-service .action-btn-wrap .btn {
    width: auto;
  }

  .baner-wrap .baner .right-section {
    width: 100%;
  }

  .baner-wrap .baner .right-section .services {
    display: flex;
  }

  .baner-wrap .baner .right-section .services .img-wrap {
    width: 60%;
    order: 2;
    display: flex;
    justify-content: center;
  }

  .baner-wrap .baner .right-section .services ul {
    width: 40%;
    position: static;
  }

  .baner-wrap .baner .button-group {
    flex-direction: row;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .gallery-slider .slide-thumbnail .img-wrap {
    width: auto;
    height: 90px;
  }

  .card-style.big-card .bottom-sec .grouped {
    flex-direction: row;
  }

  .video-card-wrapper.fw-video .video-frame {
    height: 300px;
  }

  .testimonial-wrap .testimonials .card-body {
    padding-left: 160px;
  }

  .testimonial-wrap .testimonials .img-wrap {
    width: 130px;
    height: 210px;
    left: 24px;
  }

  header .navbar-collapse .hamburger-buttons {
    flex-direction: row;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .card-style.big-card .top-sec .right-sec .org-card .img-wrap {
    width: 78px;
    height: 78px;
    margin-right: 12px;
  }

  .login-wrap .login-container {
    background-position: -200px -160px;
    background-size: 600px;
  }

  .login-wrap .login-container .left {
    padding: 16px;
  }

  .login-wrap .login-container .left .img-wrap {
    width: 100%;
    height: auto;
  }

  .login-wrap .login-container .right .form-wrap {
    width: 80%;
  }

  .hamburger-bottom-bar .location-details {
    padding-left: 0;
    margin-left: 0;
  }

  .ip-date-time {
    display: flex !important;
  }
}

@media only screen and (max-width: 767px) {
  .baner-wrap .baner .right-section {
    width: 100%;
  }

  .baner-wrap .baner .right-section .services {
    width: 100%;
    top: 0px;
  }

  .baner-wrap .baner .right-section .services .img-wrap {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    float: none;
  }

  .baner-wrap .baner .right-section .services ul {
    position: static;
    height: auto;
  }

  ::ng-deep .date-range .dropdown-menu .ngb-dp-day,
  ::ng-deep .date-range .dropdown-menu .ngb-dp-weekday,
  ::ng-deep .date-range .dropdown-menu .ngb-dp-week-number {
    width: 30px !important;
    height: 30px !important;
    font-size: 14px;
  }

  .page-size strong {
    display: none;
  }

  .login-wrap .login-container {
    flex-direction: column;
    background-position: 0 0;
    background-size: contain;
  }

  .login-wrap .login-container .left {
    width: 100%;
    padding: 16px;
  }

  .login-wrap .login-container .left .img-wrap {
    width: auto;
    height: auto;
  }

  .login-wrap .login-container .right {
    width: 100%;
    padding: 16px;
  }

  .login-wrap .login-container .right .form-wrap {
    width: 100%;
  }

  .login-wrap .login-container .right .form-wrap form {
    width: 100%;
  }

  .stepper-container.mj-stepper {
    padding: 16px 0;
  }

  ::ng-deep .stepper .stepper-header .steps {
    padding: 0;
  }

  .btn {
    padding: 10px 36px;
  }

  .btn-link {
    padding: 0;
  }

  .login-wrap .login-container .logo {
    position: static;
  }

  .hamburger-bottom-bar .location-details {
    padding-left: 0;
    margin-left: 0;
  }

  .ip-date-time {
    display: flex !important;
  }

  .caledar-mobile-view {
    overflow: auto;
  }

  .table.calendar-table {
    table-layout: auto;
  }

  .filter-wrap.mobile-view {
    justify-content: center;
  }

  .calendar-wrap .selected-date-time {
    margin: 16px;
  }

  .mobile-slide-view.promo-carousel-wrapper {
    flex-direction: column;
  }

  .mobile-slide-view.promo-carousel-wrapper .carousel-indicators {
    height: auto;
    flex-direction: row;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0;
  }

  .mobile-slide-view.promo-carousel-wrapper .carousel-indicators li {
    width: 60px;
    height: 60px;
    flex: none;
  }

  .mobile-slide-view.promo-carousel-wrapper .carousel-indicators li img,
  .mobile-slide-view.promo-carousel-wrapper .carousel-indicators li video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .mobile-slide-view.promo-carousel-wrapper .carousel-indicators li.active::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    z-index: 2;
  }
}

.login-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 4px 20px rgba(38, 46, 56, 0.1);
  border-radius: 20px;
  background: #ffffff url(../images/bg-img.svg) no-repeat center;
  background-size: cover;
  background-position: -500px -200px;
}

.login-container .left {
  width: 50%;
  padding: 20px;
  align-self: flex-start;
}

.login-container .left .img-wrap {
  width: 450px;
  height: 450px;
  margin: 0 auto;
}

.login-container .right {
  width: 50%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

.form-wrap {
  width: 70%;
  text-align: center;
}

.form-wrap form {
  width: 85%;
}

.form-wrap h2 {
  margin-bottom: 40px;
}

.form-wrap .otp .btn {
  display: inline-flex;
}

.form-wrap .button-wrap {
  margin-top: 48px;
}

.resend-otp {
  margin-top: 8px;
  display: flex;
}

.resend-otp .link {
  text-transform: capitalize;
  font-size: 14px;
  font-family: "latoRegular";
}

.resend-otp span {
  font-size: 14px;
  margin-left: 14px;
}

.resend-otp span .icon {
  width: 12px;
  height: 12px;
}

.resend-otp span .icon::before {
  background: #DE702C;
}

.select-categories {
  justify-content: space-between;
  box-shadow: 0px 4px 20px rgba(38, 46, 56, 0.1);
  border-radius: 20px;
  background: #ffffff;
  padding: 32px;
}

.select-categories h2 {
  color: #DE702C;
  margin-bottom: 24px;
}

.select-categories h3 {
  color: #626B76;
  margin-bottom: 40px;
}

.select-categories .category-select-wrap {
  display: flex;
  border-bottom: 1px solid #D5D8DD;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.select-categories .category-select-wrap .main-category {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 20%;
  padding: 30px 18px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.select-categories .category-select-wrap .main-category .form-check {
  position: relative;
  z-index: 2;
}

.select-categories .category-select-wrap .main-category img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.select-categories .category-select-wrap .main-category .form-check {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.select-categories .category-select-wrap .main-category .form-check input {
  margin-top: 0;
}

.select-categories .category-select-wrap .main-category .form-check label {
  color: #ffffff;
  font-size: 20px;
  padding-left: 20px;
}

.select-categories .category-select-wrap .main-category.steel {
  background-image: url("../images/steel1.svg");
}

.select-categories .category-select-wrap .sub-categories {
  display: flex;
  padding-left: 30px;
  align-items: center;
  flex-wrap: wrap;
  width: 80%;
}

.select-categories .category-select-wrap .sub-categories .form-check {
  width: 33%;
  flex-shrink: 0;
}

.select-categories .button-wrap {
  margin-top: 56px;
  display: flex;
  justify-content: flex-end;
}

/*# sourceMappingURL=styles[1].css.map */

.header-info2:hover {
  background-color: #eee;

}

#datepicker-portal .custom-datepicker-popper {
  z-index: 99999 !important;
}