@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.container {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 1100px;
  }
}

.header-before {
  position: relative;
  background: var(--color-whiter-dark);
  background: linear-gradient(to bottom, #ffffff 0%, #E8E8E8 100%);
}
.header-before.simple-bg {
  background-color: var(--color-whiter);
}
.header-before.simple-bg::before {
  display: none;
}
.header-before::before {
  content: "";
  width: 868px;
  height: 614px;
  background: url("../images/machine-bg.png") top right no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 70px;
  z-index: 0;
}
.header-before header {
  position: relative;
  z-index: 2;
}

header {
  padding: 15px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  header {
    padding: 15px 0;
  }
}
header .container {
  position: initial;
}
header .header-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header .header-inner .logo {
  width: 146px;
}
@media only screen and (max-width: 991px) {
  header .header-inner .logo {
    margin-right: 9px;
  }
}
header .header-inner .logo img {
  max-width: 100%;
  height: auto;
}
header .header-inner .header-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
header .header-inner .header-right .login-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid var(--color-whiter-border);
  padding: 0 17px;
  line-height: 40px;
  background-color: var(--color-white);
  border-radius: 100px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
  header .header-inner .header-right .login-btn {
    padding: 0 14px;
    font-size: 15px;
  }
}
header .header-inner .header-right .login-btn:hover, header .header-inner .header-right .login-btn:focus, header .header-inner .header-right .login-btn:active {
  border-color: var(--color-black);
}
header .header-inner .header-right .header-navg {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
header .header-inner .header-right .header-navg .header-bell {
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  transition: all 0.3s ease-in-out;
}
header .header-inner .header-right .header-navg .header-bell .btn-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 40px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  padding: 0 17px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 500;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid transparent;
}
@media only screen and (max-width: 575px) {
  header .header-inner .header-right .header-navg .header-bell .btn-text {
    line-height: 37px;
    padding: 0 14px;
  }
}
header .header-inner .header-right .header-navg .header-bell .btn-text:hover, header .header-inner .header-right .header-navg .header-bell .btn-text:focus, header .header-inner .header-right .header-navg .header-bell .btn-text:active {
  background-color: var(--color-white);
  border-color: var(--color-whiter-border);
  box-shadow: o 7px 10px rgba(0, 0, 0, 0.06);
}
header .header-inner .header-right .header-navg .header-bell .btn-text::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.36907 6.77563C5.76184 7.09598 6.34084 7.07338 6.70696 6.70727L11.707 1.70727C12.0975 1.31674 12.0975 0.683728 11.707 0.293203C11.3164 -0.0973209 10.6834 -0.0973209 10.2929 0.293203L5.99992 4.58617L1.70696 0.293203C1.31643 -0.0973209 0.683418 -0.0973209 0.292893 0.293203C-0.0976311 0.683728 -0.0976311 1.31674 0.292893 1.70727L5.29289 6.70727L5.36907 6.77563Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 12px;
  height: 7px;
  border: none;
  transition: all 0.3s ease-in-out;
  margin-left: 12px;
}
header .header-inner .header-right .header-navg .header-bell .btn-text.show::after {
  transform: rotate(180deg);
}
header .header-inner .header-right .header-navg .header-bell .btn-text.active::after {
  background: var(--color-success);
}
header .header-inner .header-right .header-navg .header--dropdown-menu {
  border-radius: 0;
  right: 0px !important;
  margin-top: 0px !important;
  left: 0 !important;
  top: 100% !important;
  border: none;
  min-width: auto;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease-in-out;
  display: initial;
  position: absolute;
  cursor: initial;
  background-color: var(--color-white);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09);
  padding-top: 20px;
}
header .header-inner .header-right .header-navg .header--dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important;
}
header .header-inner .header-right .header-navg .header-navgs {
  max-height: 540px;
  min-width: 350px;
  flex-direction: column;
  display: flex;
}
@media only screen and (max-width: 767px) {
  header .header-inner .header-right .header-navg .header-navgs {
    min-width: 280px;
  }
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-height: 100%;
  gap: 0;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul {
  max-width: calc(20% - 10px);
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0 0 25px;
  padding: 0;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li {
  list-style-type: none;
  white-space: nowrap;
  display: flex;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li .title {
  color: var(--color-black);
  font-weight: 700;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 3px;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li .numbers {
  color: var(--color-black);
  opacity: 0.5;
  font-weight: 400;
  font-size: 14px;
  padding-left: 5px;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li .navlink {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li a {
  display: flex;
  flex: 1;
  width: 1%;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li a:hover, header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li a:focus, header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul li a:active {
  color: var(--color-blue);
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-popular {
  grid-area: popular;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-application {
  grid-area: application;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-popularMake {
  grid-area: popularMake;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-aerial {
  grid-area: aerial;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-earthMoving {
  grid-area: earthMoving;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-paving {
  grid-area: paving;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-powerGeneration {
  grid-area: powerGeneration;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-trailers {
  grid-area: trailers;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-trucks {
  grid-area: trucks;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner ul.grid-area-vabutton {
  grid-area: vabutton;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner .menu-view-all-btn {
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-whiter-border);
  padding: 0 15px;
  line-height: 35px;
  background-color: var(--color-white);
  border-radius: 100px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner .menu-view-all-btn:hover, header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner .menu-view-all-btn:focus, header .header-inner .header-right .header-navg .header-navgs .header-navgs-inner .menu-view-all-btn:active {
  border-color: var(--color-black);
}
header .header-inner .header-right .header-user {
  width: 45px;
  height: 45px;
  background-color: var(--color-black);
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  margin-left: 11px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  header .header-inner .header-right .header-user {
    width: 40px;
    height: 40px;
    margin-left: 8px;
  }
}
header .header-inner .header-right .header-user:hover, header .header-inner .header-right .header-user:focus, header .header-inner .header-right .header-user:active {
  background-color: var(--color-black-hover);
}
header .header-inner .header-right .header-user .header-user-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  header .header-inner .header-right .header-user .header-user-icon {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  header .header-inner .header-right .header-user .header-user-icon svg {
    width: 20px;
  }
}
header .header-inner .header-right .header-user .header-menu {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) scale(0.95);
  position: absolute;
  z-index: 99;
  width: 355px;
  top: 0;
  right: 0;
  background-color: var(--color-white);
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09);
  overflow: hidden;
  border-radius: 12px;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
}
@media only screen and (max-width: 767px) {
  header .header-inner .header-right .header-user .header-menu {
    width: 300px;
  }
}
header .header-inner .header-right .header-user .header-menu.menu--open {
  opacity: 1;
  overflow: auto;
  visibility: visible;
  transform: translateY(0) scale(1);
}
header .header-inner .header-right .header-user .header-menu .menu--header {
  position: sticky;
  z-index: 9;
  top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid var(--color-whiter-border);
}
header .header-inner .header-right .header-user .header-menu .menu--header .menu--title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
}
header .header-inner .header-right .header-user .header-menu .menu--header .menu--close {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 100px;
  transition: background-color 0.1s ease-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header .header-inner .header-right .header-user .header-menu .menu--header .menu--close:hover, header .header-inner .header-right .header-user .header-menu .menu--header .menu--close:focus, header .header-inner .header-right .header-user .header-menu .menu--header .menu--close:active {
  background-color: rgba(47, 78, 96, 0.1);
}
header .header-inner .header-right .header-user .header-menu .menu--body {
  padding: 20px;
  margin: 0;
}
header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul li {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-black);
}
header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul li a {
  color: var(--color-black);
  display: block;
  padding: 10px 15px;
  border-radius: 12px;
}
header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul li a:hover, header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul li a:focus, header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul li a:active {
  text-decoration: none;
  color: var(--color-black-hover);
  background-color: var(--color-whiter);
}
header .header-inner .header-right .header-user .header-menu .menu--body .menu--ul li.active a {
  color: var(--color-primary);
}
header .header-inner .header-right .header-user .header-menu .menu--body .menu-input {
  border-color: var(--color-whiter-border);
  min-width: 90px;
  max-width: 90px;
  border-radius: 12px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
header .header-inner .header-right .header-user .header-menu .menu--footer {
  display: block;
  width: 100%;
  border-top: 1px solid var(--color-whiter-border);
  background: none;
  padding: 14px 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-primary);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
header .header-inner .header-right .header-user .header-menu .menu--footer:hover, header .header-inner .header-right .header-user .header-menu .menu--footer:focus, header .header-inner .header-right .header-user .header-menu .menu--footer:active {
  text-decoration: none;
  background-color: var(--color-whiter);
}

.hero {
  padding: 30px 0 40px 0;
}
@media only screen and (max-width: 575px) {
  .hero {
    padding: 10px 0 30px 0;
  }
}
.hero .hero-inner-box {
  max-width: 750px;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}
.hero .hero-inner-box .hero-main-title {
  font-size: 57px;
  font-weight: 800;
  color: var(--color-black);
  margin-bottom: 34px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .hero .hero-inner-box .hero-main-title {
    font-size: 40px;
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .hero .hero-inner-box .hero-main-title {
    font-size: 26px;
  }
}
.hero .hero-inner-box .hero-main-title .span-text-main {
  position: relative;
  margin-left: 12px;
}
@media only screen and (max-width: 767px) {
  .hero .hero-inner-box .hero-main-title .span-text-main {
    margin-left: 7px;
  }
}
@media only screen and (max-width: 575px) {
  .hero .hero-inner-box .hero-main-title .span-text-main {
    margin-left: 5px;
  }
}
.hero .hero-inner-box .hero-main-title .span-text-main .span-text {
  position: relative;
  z-index: 1;
}
.hero .hero-inner-box .hero-main-title .span-text-main .span-border {
  width: 325px;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .hero .hero-inner-box .hero-main-title .span-text-main .span-border {
    width: 229px;
    bottom: -13px;
  }
}
@media only screen and (max-width: 575px) {
  .hero .hero-inner-box .hero-main-title .span-text-main .span-border {
    width: 155px;
    bottom: -9px;
  }
}
.hero .hero-inner-box .hero-main-title .span-text-main .span-border img {
  max-width: 100%;
  height: auto;
}

.hero-search-box {
  max-width: 700px;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.hero-search-box .type-text {
  border-radius: 10px;
  border: 1px solid var(--color-whiter-border);
  background-color: var(--color-white);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  height: 60px;
  padding: 0 21px;
  font-size: 17px;
  font-weight: 400;
  color: var(--color-black);
  width: 100%;
}
.hero-search-box .inp-btn {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  box-shadow: none;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.hero-search-box.show-focused .search-focused-result {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important;
}
.hero-search-box.show-focused .type-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hero-search-box.show-searched .search-focused-result {
  visibility: hidden;
  opacity: 0;
  transform: translateY(0) !important;
}
.hero-search-box.show-searched .search-cat-result {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important;
}
.hero-search-box.show-searched .type-text {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.search-cat-result {
  background-color: var(--color-white);
  border: 1px solid var(--color-whiter-border);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
}
.search-cat-result .suggested-res {
  font-size: 16px;
  color: var(--color-black);
  background-color: var(--color-whiter);
  padding: 10px 13px;
}
.search-cat-result .search-suggested-results {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-cat-result .search-suggested-results li a {
  font-size: 16px;
  color: var(--color-black);
  background-color: var(--color-white);
  border-top: 1px solid var(--color-whiter-border);
  padding: 10px 13px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
}
.search-cat-result .search-suggested-results li a .text span {
  font-weight: 700;
}
.search-cat-result .search-suggested-results li a .arrow {
  display: flex;
}
.search-cat-result .search-suggested-results li a:hover, .search-cat-result .search-suggested-results li a:focus, .search-cat-result .search-suggested-results li a:active {
  color: var(--color-blue);
}
.search-cat-result .search-suggested-results li a:hover .arrow svg path, .search-cat-result .search-suggested-results li a:focus .arrow svg path, .search-cat-result .search-suggested-results li a:active .arrow svg path {
  fill: var(--color-blue);
}

.search-focused-result {
  background-color: var(--color-white);
  border: 1px solid var(--color-whiter-border);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  padding: 18px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09);
}
.search-focused-result .search-focused-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
  margin-bottom: 8px;
}
.search-focused-result .search-focused-pord-his {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px;
}
@media only screen and (max-width: 575px) {
  .search-focused-result .search-focused-pord-his {
    flex-wrap: wrap;
  }
}
.search-focused-result .search-focused-pord-his .search-focused-pord-block {
  width: calc(33.333% - 15px);
  border: 1px solid var(--color-whiter-border);
  border-radius: 9px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 575px) {
  .search-focused-result .search-focused-pord-his .search-focused-pord-block {
    width: calc(50% - 9px);
  }
}
.search-focused-result .search-focused-pord-his .search-focused-pord-block:hover, .search-focused-result .search-focused-pord-his .search-focused-pord-block:focus, .search-focused-result .search-focused-pord-his .search-focused-pord-block:active {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06);
}
.search-focused-result .search-focused-pord-his .search-focused-pord-block .search-focused-pord-block-image {
  height: 140px;
}
.search-focused-result .search-focused-pord-his .search-focused-pord-block .search-focused-pord-block-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.search-focused-result .search-focused-pord-his .search-focused-pord-block .search-focused-pord-block-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  padding: 10px;
}

.search-focused-cats-tags {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 18px;
}
.search-focused-cats-tags li {
  margin: 6px;
}
@media only screen and (max-width: 575px) {
  .search-focused-cats-tags li {
    margin: 4px;
  }
}
.search-focused-cats-tags li a {
  border: 1px solid var(--color-whiter-border);
  background-color: var(--color-whiter);
  border-radius: 8px;
  font-size: 15px;
  color: var(--color-black);
  padding: 0 15px;
  line-height: 31px;
  white-space: nowrap;
  display: block;
}
@media only screen and (max-width: 575px) {
  .search-focused-cats-tags li a {
    font-size: 13px;
    padding: 0 10px;
    line-height: 26px;
  }
}
.search-focused-cats-tags li a:hover, .search-focused-cats-tags li a:focus, .search-focused-cats-tags li a:active {
  background-color: var(--color-blue-light);
}

.hero-cats-sec {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px;
  padding-top: 40px;
}
@media only screen and (max-width: 575px) {
  .hero-cats-sec {
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
  }
}
.hero-cats-sec .hero-cats {
  flex: 1;
  width: 1%;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
@media only screen and (max-width: 575px) {
  .hero-cats-sec .hero-cats {
    width: 100%;
    gap: 10px;
  }
}
.hero-cats-sec .hero-cats li {
  width: calc(14.28% - 13px);
}
@media only screen and (max-width: 991px) {
  .hero-cats-sec .hero-cats li {
    width: calc(25.2% - 13px);
  }
}
@media only screen and (max-width: 767px) {
  .hero-cats-sec .hero-cats li {
    width: calc(34% - 13px);
  }
}
@media only screen and (max-width: 575px) {
  .hero-cats-sec .hero-cats li {
    width: calc(33.333% - 10px);
  }
}
.hero-cats-sec .hero-cats li a {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--color-white);
  border-radius: 8px;
  padding: 11px 16px;
  gap: 11px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}
@media only screen and (max-width: 575px) {
  .hero-cats-sec .hero-cats li a {
    padding: 9px 6px;
  }
}
.hero-cats-sec .hero-cats li a img {
  max-height: 55px;
  max-width: 100%;
  transition: all 0.1s ease-in-out;
}
.hero-cats-sec .hero-cats li a .text {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-black);
  text-align: center;
  transition: all 0.1s ease-in-out;
}
@media only screen and (max-width: 575px) {
  .hero-cats-sec .hero-cats li a .text {
    font-size: 11px;
  }
}
.hero-cats-sec .hero-cats li:hover a img, .hero-cats-sec .hero-cats li:hover a .text, .hero-cats-sec .hero-cats li:focus a img, .hero-cats-sec .hero-cats li:focus a .text, .hero-cats-sec .hero-cats li:active a img, .hero-cats-sec .hero-cats li:active a .text {
  transform: scale(1.1);
}
@media only screen and (max-width: 991px) {
  .hero-cats-sec .hero-cats li:nth-child(14), .hero-cats-sec .hero-cats li:nth-child(13) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hero-cats-sec .hero-cats li:nth-child(10), .hero-cats-sec .hero-cats li:nth-child(11), .hero-cats-sec .hero-cats li:nth-child(12) {
    display: none;
  }
}
.hero-cats-sec .see-all {
  min-height: 100%;
  width: 100px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .hero-cats-sec .see-all {
    width: 100%;
    flex-direction: row;
    gap: 12px;
    padding: 12px 0;
  }
}
.hero-cats-sec .see-all .icon {
  display: flex;
}
.hero-cats-sec .see-all .text {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-white);
}
.hero-cats-sec .see-all:hover, .hero-cats-sec .see-all:focus, .hero-cats-sec .see-all:active {
  background-color: rgba(0, 0, 0, 0.85);
}

.priced-to-sell {
  padding: 40px 0;
}
.priced-to-sell .ptosell-left {
  background-color: var(--color-white);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  padding: 33px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 26px;
  min-height: calc(100% - 26px);
}
.priced-to-sell .ptosell-left .ptosell-title-sec {
  margin-bottom: 26px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-right: auto;
}
.priced-to-sell .ptosell-left .ptosell-title-sec::before {
  content: "";
  width: 21px;
  height: 100%;
  position: absolute;
  left: -33px;
  top: 0;
  bottom: 0;
  background-color: var(--color-danger);
}
.priced-to-sell .ptosell-left .ptosell-title-last-chance-main {
  position: relative;
  padding-right: 53px;
}
.priced-to-sell .ptosell-left .ptosell-title-last-chance-main::after {
  content: "";
  width: 48px;
  height: 54px;
  background: url("../images/clock.png") center center no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.priced-to-sell .ptosell-left .ptosell-title-last-chance-main .last {
  font-size: 45px;
  font-weight: 900;
  color: var(--color-danger);
  line-height: 0.8;
  text-transform: uppercase;
}
.priced-to-sell .ptosell-left .ptosell-title-last-chance-main .chance {
  font-size: 28px;
  font-weight: 400;
  color: var(--color-black);
  line-height: 1;
  text-transform: uppercase;
}
.priced-to-sell .ptosell-left .ptosell-title-grabit {
  font-size: 16px;
  font-weight: 800;
  color: var(--color-black);
  line-height: 1;
  letter-spacing: 5.6px;
}
.priced-to-sell .ptosell-left .price-to-sell-title {
  font-size: 33px;
  font-weight: 800;
  color: var(--color-black);
  margin-bottom: 10px;
}
.priced-to-sell .ptosell-left .price-to-sell-desc {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-black);
  flex: 1;
  height: 1%;
  margin-bottom: 10px;
}

.browse-deals-btn {
  border-radius: 10px;
  padding: 0 16px;
  line-height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-black);
  color: var(--color-white);
}
.browse-deals-btn .text {
  font-size: 16px;
  font-weight: 600;
}
.browse-deals-btn .arrow {
  display: flex;
  margin-left: 10px;
}
.browse-deals-btn:hover, .browse-deals-btn:focus, .browse-deals-btn:active {
  color: var(--color-white);
  background-color: var(--color-black-hover);
}

.home-prod-block {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: all 0.3s ease-in-out;
  margin-bottom: 26px;
  min-height: calc(100% - 26px);
}
.home-prod-block:hover, .home-prod-block:focus, .home-prod-block:active {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.home-prod-block:hover .home-prod-details-sec .title, .home-prod-block:focus .home-prod-details-sec .title, .home-prod-block:active .home-prod-details-sec .title {
  color: var(--color-blue);
}
.home-prod-block.sml-img .home-prod-image {
  height: 111px;
}
.home-prod-block .home-prod-image {
  height: 146px;
}
.home-prod-block .home-prod-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.home-prod-block .home-prod-details-sec {
  background-color: var(--color-white);
  padding: 10px 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.home-prod-block .home-prod-details-sec .title {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--color-black);
  border-bottom: 1px solid var(--color-whiter-borderr);
  padding-bottom: 8px;
  margin-bottom: 6px;
  transition: all 0.3s ease-in-out;
}
.home-prod-block .home-prod-details-sec .price {
  font-size: 15px;
  font-weight: 800;
  color: var(--color-black);
}

.buy-wd-conf {
  padding: 40px 0;
  background-color: var(--color-white);
}
@media only screen and (max-width: 575px) {
  .buy-wd-conf {
    padding: 30px 0;
  }
}
.buy-wd-conf .buy-wd-conf-title {
  font-size: 34px;
  color: var(--color-black);
  font-weight: 800;
  margin-bottom: 0;
  padding-left: 35px;
}
@media only screen and (max-width: 991px) {
  .buy-wd-conf .buy-wd-conf-title {
    padding-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .buy-wd-conf .buy-wd-conf-title {
    font-size: 29px;
  }
}
.buy-wd-conf .buy-wd-conf-img {
  padding-top: 62px;
}
@media only screen and (max-width: 991px) {
  .buy-wd-conf .buy-wd-conf-img {
    display: none;
  }
}
.buy-wd-conf .buy-wd-conf-img svg, .buy-wd-conf .buy-wd-conf-img img {
  max-width: 100%;
  height: auto;
}
.buy-wd-conf .buy-wd-conf-right {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100%;
  margin: 0 0 0 115px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 991px) {
  .buy-wd-conf .buy-wd-conf-right {
    margin-left: 45px;
    margin-top: 20px;
    padding-bottom: 17px;
  }
}
.buy-wd-conf .buy-wd-conf-right li {
  margin-bottom: 24px;
  position: relative;
}
.buy-wd-conf .buy-wd-conf-right li:last-child {
  margin-bottom: 0;
}
.buy-wd-conf .buy-wd-conf-right li:last-child::before {
  display: none;
}
.buy-wd-conf .buy-wd-conf-right li::before {
  content: "";
  width: 2px;
  height: calc(24px + 100%);
  background: var(--color-danger);
  position: absolute;
  left: -36px;
  top: 14px;
}
.buy-wd-conf .buy-wd-conf-right li .title {
  margin-bottom: 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.buy-wd-conf .buy-wd-conf-right li .title .icon {
  display: flex;
  margin-right: 20px;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .buy-wd-conf .buy-wd-conf-right li .title .icon {
    width: 28px;
    margin-right: 16px;
  }
}
.buy-wd-conf .buy-wd-conf-right li .title .icon svg, .buy-wd-conf .buy-wd-conf-right li .title .icon img {
  max-width: 100%;
  height: auto;
}
.buy-wd-conf .buy-wd-conf-right li .title .icon::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: var(--color-white);
  border: 4px solid var(--color-danger);
  position: absolute;
  left: -44px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100px;
}
.buy-wd-conf .buy-wd-conf-right li .title .text {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-black);
}
@media only screen and (max-width: 575px) {
  .buy-wd-conf .buy-wd-conf-right li .title .text {
    font-size: 21px;
  }
}
.buy-wd-conf .buy-wd-conf-right li .desc {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  margin-left: 52px;
  line-height: 29px;
}
@media only screen and (max-width: 575px) {
  .buy-wd-conf .buy-wd-conf-right li .desc {
    font-size: 15px;
  }
}
.buy-wd-conf .buy-wd-conf-right li .desc::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.60059 0.902344C12.8522 0.902344 16.2997 4.34903 16.2998 8.60059C16.2998 12.8523 12.8523 16.2998 8.60059 16.2998C4.34903 16.2997 0.902344 12.8522 0.902344 8.60059C0.902484 4.34912 4.34912 0.902484 8.60059 0.902344ZM8.60059 2.30176C7.77355 2.30179 6.95452 2.46477 6.19043 2.78125C5.42623 3.09779 4.73138 3.56159 4.14648 4.14648C3.56159 4.73138 3.09779 5.42623 2.78125 6.19043C2.46477 6.95452 2.30179 7.77355 2.30176 8.60059C2.30176 9.42775 2.46471 10.2475 2.78125 11.0117C3.09774 11.7757 3.56178 12.4699 4.14648 13.0547C4.73136 13.6396 5.42625 14.1034 6.19043 14.4199C6.95455 14.7364 7.77351 14.8994 8.60059 14.8994C10.2711 14.8994 11.8734 14.2359 13.0547 13.0547C14.2359 11.8734 14.8994 10.2711 14.8994 8.60059C14.8993 6.93014 14.2359 5.32767 13.0547 4.14648C11.8735 2.9654 10.271 2.30176 8.60059 2.30176ZM12.3193 6.6709L7.37109 11.6201L4.40137 8.65039L5.39062 7.66016L7.37109 9.63965L11.3291 5.68066L12.3193 6.6709Z' fill='%23D92116'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 17px;
  height: 17px;
  margin-right: 9px;
}

.used-eq-sec {
  padding: 40px 0;
}
.used-eq-sec .used-eq-sec-title {
  font-size: 34px;
  color: var(--color-black);
  font-weight: 800;
  margin-bottom: 45px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .used-eq-sec .used-eq-sec-title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}
.used-eq-sec .used-eq-logos {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .used-eq-sec .used-eq-logos {
    gap: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .used-eq-sec .used-eq-logos {
    gap: 10px;
  }
}
.used-eq-sec .used-eq-logos li {
  flex: 1 1 calc(25% - 20px);
}
@media only screen and (max-width: 767px) {
  .used-eq-sec .used-eq-logos li {
    flex: 1 1 calc(50% - 20px);
  }
}
@media only screen and (max-width: 575px) {
  .used-eq-sec .used-eq-logos li {
    flex: 1 1 calc(50% - 10px);
  }
}
.used-eq-sec .used-eq-logos li a {
  background-color: var(--color-white);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  height: 106px;
  padding: 13px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.used-eq-sec .used-eq-logos li a img, .used-eq-sec .used-eq-logos li a svg {
  max-width: 100%;
  height: auto;
}
.used-eq-sec .used-eq-logos li a:hover, .used-eq-sec .used-eq-logos li a:focus, .used-eq-sec .used-eq-logos li a:active {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

footer .footer-top {
  padding: 40px 0 50px;
  background-color: var(--color-dark);
}
@media only screen and (max-width: 767px) {
  footer .footer-top {
    padding: 30px 0 15px;
  }
}
footer .footer-top .footer-logo {
  margin-bottom: 29px;
}
@media only screen and (max-width: 767px) {
  footer .footer-top .footer-logo {
    margin-bottom: 15px;
  }
}
footer .footer-top .footer-logo img {
  max-width: 100%;
  height: auto;
}
footer .footer-top .footer-desc {
  font-size: 14px;
  color: var(--color-white);
  font-weight: 400;
  margin-bottom: 22px;
  line-height: 25px;
}
footer .footer-top .footer-social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
@media only screen and (max-width: 991px) {
  footer .footer-top .footer-social {
    margin-bottom: 20px;
  }
}
footer .footer-top .footer-social li {
  margin-right: 15px;
}
footer .footer-top .footer-social li:last-child {
  margin-right: 0;
}
footer .footer-top .footer-social li a {
  border-radius: 100px;
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}
footer .footer-top .footer-social li a:hover, footer .footer-top .footer-social li a:focus, footer .footer-top .footer-social li a:active {
  background-color: var(--color-blue);
}
footer .footer-top .footer-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-blue);
  margin-bottom: 18px;
}
footer .footer-top .footer-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-top .footer-nav li a {
  font-size: 14px;
  color: var(--color-white);
  line-height: 32px;
}
footer .footer-top .footer-nav li a:hover, footer .footer-top .footer-nav li a:focus, footer .footer-top .footer-nav li a:active {
  color: var(--color-blue);
}
footer .footer-bottom {
  background-color: var(--color-white);
  padding: 11px 0;
}
footer .footer-bottom .footer-bottom-inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: var(--color-black);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  footer .footer-bottom .footer-bottom-inner {
    flex-direction: column;
    justify-content: center;
  }
}
footer .footer-bottom ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
footer .footer-bottom ul li {
  margin-right: 22px;
}
footer .footer-bottom ul li:last-child {
  margin-right: 0;
}

.search--top {
  background-color: var(--color-white);
  border-top: 1px solid var(--color-whiter-border);
  border-bottom: 1px solid var(--color-whiter-border);
  padding: 20px 0;
}
.search--top .search--top-search-sec {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 12px;
}
.search--top .search--top-search-sec .left-bar-filter-btn {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  border: 1px solid var(--color-whiter-border);
  background-color: var(--color-white);
  box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6247 9.14319C16.0938 9.14334 17.3405 10.0983 17.8039 11.4296H18V13.7148H17.8039C17.3403 15.0458 16.0936 15.9999 14.6247 16C13.1557 16 11.9092 15.0458 11.4455 13.7148H1.12471V11.4296H11.4455C11.909 10.0983 13.1555 9.14319 14.6247 9.14319ZM3.37529 0C4.84442 0.000144178 6.09105 0.955085 6.55447 2.28638H16.8741V4.5716H6.55447C6.09088 5.90258 4.8442 6.85666 3.37529 6.85681C1.51146 6.85681 0.000179892 5.32243 0 3.42899C0 1.5354 1.51135 0 3.37529 0Z' fill='%23333333'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 18px 16px;
  margin-left: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .search--top .search--top-search-sec .left-bar-filter-btn {
    display: none;
  }
}
.search--top .hero-search-box {
  flex: 1;
  max-width: 100%;
}
.search--top .hero-search-box .type-text {
  height: 45px;
  font-size: 16px;
  padding: 0 16px;
}
.search--top .hero-search-box .inp-btn {
  right: 15px;
}

.other-page-breadcurmbs {
  background-color: var(--color-white);
  padding: 15px 0;
}
.other-page-breadcurmbs .searh-pagination {
  margin-bottom: 0;
}

.searh-pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.searh-pagination li {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.searh-pagination li:last-child::after {
  display: none;
}
.searh-pagination li::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.58191 4.47369C4.82222 4.17911 4.80476 3.74439 4.53016 3.46978L1.53016 0.469783C1.23726 0.17689 0.762502 0.17689 0.469609 0.469783C0.176716 0.762676 0.176716 1.23744 0.469609 1.53033L2.93934 4.00006L0.46961 6.46978C0.176716 6.76268 0.176717 7.23744 0.46961 7.53033C0.762503 7.82322 1.23726 7.82322 1.53016 7.53033L4.53016 4.53033L4.58191 4.47369Z' fill='%237C7C7C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 5px;
  height: 8px;
  margin-right: 8px;
  margin-left: 8px;
}
.searh-pagination li:first-child a {
  font-weight: 700;
}
.searh-pagination li:first-child::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33301 0C6.89022 0 7.43016 0.194485 7.85938 0.549805L7.8584 0.550781L11.7666 3.75879C12.3399 4.22899 12.6659 4.93491 12.666 5.67188V11.54C12.666 12.8741 11.6063 14 10.2441 14H2.42188C1.05978 13.9999 1.11115e-05 12.8741 0 11.54V5.67188C6.96707e-05 4.93509 0.326471 4.22985 0.898438 3.75977L4.80664 0.550781C5.23584 0.195366 5.77576 5.65729e-05 6.33301 0ZM6.33301 2C6.2415 2.00006 6.15251 2.03246 6.08203 2.09082L6.0791 2.09277L2.16797 5.30469C2.06687 5.38784 2.00007 5.5223 2 5.67188V11.54C2.00001 11.8192 2.21342 11.9999 2.42188 12H3.66602V9.33301C3.6661 8.71428 3.9121 8.1211 4.34961 7.68359C4.78712 7.24609 5.3803 7.00008 5.99902 7H6.66602C7.28477 7.00001 7.87787 7.24611 8.31543 7.68359C8.75294 8.1211 8.99894 8.71428 8.99902 9.33301V12H10.2441C10.4526 12 10.666 11.8193 10.666 11.54V5.67188C10.6659 5.52237 10.5993 5.3887 10.498 5.30566V5.30469L6.58691 2.09277L6.58398 2.09082C6.51344 2.0324 6.4246 2 6.33301 2ZM5.99902 9C5.91073 9.00008 5.82611 9.03522 5.76367 9.09766C5.70123 9.16009 5.6661 9.24472 5.66602 9.33301V12H6.99902V9.33301C6.99894 9.24472 6.9638 9.16009 6.90137 9.09766C6.83888 9.03524 6.75434 9.00001 6.66602 9H5.99902Z' fill='%237C7C7C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 13px;
  height: 14px;
  margin-right: 7px;
}
.searh-pagination li a:hover, .searh-pagination li a:focus, .searh-pagination li a:active {
  color: var(--color-blue);
}

.search--results-sec {
  padding: 30px 0;
}
.search--results-sec .search--res-left-main {
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 991px) {
  .search--results-sec .search--res-left-main {
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: var(--color-whiter);
    left: 100%;
    top: 0;
    z-index: 9999;
    padding: 12px;
  }
}
.search--results-sec .search--res-left-main.show {
  left: 0;
}
.search--results-sec .backto-search-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
  padding: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .search--results-sec .backto-search-btn {
    display: none;
  }
}
.search--results-sec .backto-search-btn::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.288495 6.71142C-0.123403 7.20239 -0.0943523 7.92615 0.376389 8.3838L6.80525 14.6339C7.30737 15.122 8.12128 15.122 8.62341 14.6339C9.12553 14.1457 9.12553 13.3544 8.62341 12.8663L3.10363 7.5L8.62341 2.13372C9.12553 1.64556 9.12553 0.854283 8.62341 0.366122C8.12128 -0.12204 7.30737 -0.12204 6.80525 0.366121L0.376389 6.6162L0.288495 6.71142Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 9px;
  height: 15px;
  margin-right: 8px;
}
.search--results-sec .search--results-left-block {
  border-radius: 8px;
  background-color: var(--color-white);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  padding: 15px;
  margin-bottom: 20px;
}
.search--results-sec .search--results-left-block .search--results-title-sec {
  margin-bottom: 9px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
}
.search--results-sec .search--results-left-block .search--results-title-sec .title-clear {
  font-size: 12px;
}
.search--results-sec .search--results-left-block .search--results-title-sec .title-clear a {
  color: var(--color-blue);
}
.search--results-sec .search--results-left-block .search--left-subtitle {
  padding-bottom: 7px;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-black);
  border-bottom: 1px solid var(--color-whiter-borderr);
}

.search-sec-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-sec-nav li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.search-sec-nav li:hover > .form-check > .form-check-input, .search-sec-nav li:focus > .form-check > .form-check-input, .search-sec-nav li:active > .form-check > .form-check-input {
  border-color: var(--color-black);
}
.search-sec-nav li ul {
  padding: 0 0 0 10px;
  margin: 0 0 0 7px;
  list-style: none;
  border-left: 1px solid var(--color-whiter-border);
}
.search-sec-nav li ul li ul {
  padding: 0 0 0 10px;
  margin: 0 0 0 7px;
  list-style: none;
  border-left: 1px solid var(--color-whiter-border);
}
.search-sec-nav .form-check .form-check-input {
  margin-top: 3px;
}
.search-sec-nav .form-check .form-check-label {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-black);
}
.search-sec-nav .form-check .form-check-label small {
  color: #696969;
  font-size: 11px;
}

.shomore-wd-arrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.shomore-wd-arrow.invert .icon {
  transform: rotate(180deg);
}
.shomore-wd-arrow .icon {
  display: flex;
  margin-right: 8px;
}
.shomore-wd-arrow .text {
  font-size: 14px;
  color: var(--color-black);
  font-weight: 700;
}

.search-page-input-box {
  max-width: 700px;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 9px;
}
.search-page-input-box .type-text {
  border-radius: 10px;
  border: 1px solid var(--color-whiter-border);
  background-color: var(--color-white);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  height: 35px;
  padding: 0 13px;
  padding-right: 35px;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-black);
  width: 100%;
}
.search-page-input-box .inp-btn {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  box-shadow: none;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.search-page-right-search-rsults {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.search-page-right-search-rsults .recomended-select {
  width: auto;
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600;
}
.search-page-right-search-rsults .recomended-select:focus, .search-page-right-search-rsults .recomended-select:active {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-black);
}

.search-products-block {
  border-radius: 8px;
  background-color: var(--color-white);
  padding: 10px;
  margin-bottom: 20px;
}
.search-products-block .search-products-tipp {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
  .search-products-block .search-products-tipp {
    flex-direction: column;
  }
}
.search-products-block .search-products-tipp .search-products-tipp-image {
  max-width: 290px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 12px;
  max-height: 195px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .search-products-block .search-products-tipp .search-products-tipp-image {
    max-width: 100%;
    margin: 0 0 10px;
  }
}
.search-products-block .search-products-tipp .search-products-tipp-image .carousel {
  min-height: 100%;
}
.search-products-block .search-products-tipp .search-products-tipp-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex: 1;
  width: 1%;
}
@media only screen and (max-width: 767px) {
  .search-products-block .search-products-tipp .search-products-tipp-right {
    width: 100%;
  }
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-products-tipp-category {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-black);
  opacity: 0.5;
  margin-bottom: 4px;
  line-height: 1.1;
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-products-tipp-category:hover, .search-products-block .search-products-tipp .search-products-tipp-right .search-products-tipp-category:focus, .search-products-block .search-products-tipp .search-products-tipp-right .search-products-tipp-category:active {
  opacity: 0.8;
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-produc-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 15px;
  line-height: 1.1;
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-produc-title:hover a, .search-products-block .search-products-tipp .search-products-tipp-right .search-produc-title:focus a, .search-products-block .search-products-tipp .search-products-tipp-right .search-produc-title:active a {
  color: var(--color-blue);
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-products-btns-sec {
  border-top: 1px solid var(--color-whiter-borderr);
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: end;
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-products-btns-sec .search-products-prices {
  font-size: 19px;
  font-weight: 800;
  color: var(--color-black);
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-products-btns-sec .search-products-prices span {
  padding-right: 7px;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-black);
  text-decoration: line-through;
}
.search-products-block .search-products-tipp .search-products-tipp-right .search-products-btns-sec .search-products-prices-vat-text {
  font-size: 10px;
  font-weight: 400;
  color: var(--color-black);
  opacity: 0.6;
}
.search-products-block .carousel-counter {
  position: absolute;
  right: 5px;
  bottom: 5px;
  border-radius: 4px;
  background-color: var(--color-white);
  padding: 0px 6px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-black);
  height: 21px;
}
.search-products-block .carousel-counter .icon {
  width: 15px;
  height: 15px;
  display: flex;
  margin-right: 7px;
}

.contact-details-btn {
  border-radius: 10px;
  padding: 0 16px;
  line-height: 43px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-black);
  color: var(--color-white);
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  font-weight: 600;
}
.contact-details-btn .text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.contact-details-btn .text .icon {
  margin-right: 10px;
  display: flex;
}
.contact-details-btn .arrow {
  display: flex;
  margin-left: 10px;
}
.contact-details-btn:hover, .contact-details-btn:focus, .contact-details-btn:active {
  color: var(--color-white);
  background-color: var(--color-black-hover);
}
.contact-details-btn.bordered {
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  color: var(--color-black);
  line-height: 41px;
}
.contact-details-btn.bordered:hover, .contact-details-btn.bordered:focus, .contact-details-btn.bordered:active {
  color: var(--color-black);
  background-color: var(--color-blue-light);
}
.contact-details-btn.large-size {
  line-height: 52px;
  font-size: 18px;
}

.search-products-tipp-bottom .search-products-tipp-exerpt {
  max-height: 60px;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  position: relative;
}
.search-products-tipp-bottom .search-products-tipp-exerpt::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 145px;
  background: #fff;
  background: linear-gradient(0deg, white 0%, white 55%, rgba(255, 255, 255, 0) 100%);
}

.show-prod-arrow {
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.show-prod-arrow svg {
  transition: all 0.3s ease-in-out;
}
.show-prod-arrow[aria-expanded=true] svg {
  transform: rotate(180deg);
}

.search-products-bitt-desc {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  line-height: 25px;
  padding: 12px 0;
}
.search-products-bitt-desc strong, .search-products-bitt-desc b {
  font-size: 18px;
  font-weight: 700;
}

.search-products-bitt-desc-btns {
  border-top: 1px solid var(--color-whiter-borderr);
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.search-page-pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.search-page-pagination li a {
  min-width: 42px;
  height: 42px;
  border-radius: 7px;
  background-color: var(--color-white);
  border: 1px solid var(--color-whiter-border);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  color: var(--color-black);
}
@media only screen and (max-width: 575px) {
  .search-page-pagination li a {
    min-width: 38px;
    height: 38px;
  }
}
.search-page-pagination li.disabled a {
  pointer-events: none;
  border-color: var(--color-whiter-borderr);
  color: var(--color-whiter-border);
}
.search-page-pagination li.disabled a svg {
  opacity: 0.4;
}
.search-page-pagination li:hover a, .search-page-pagination li:focus a, .search-page-pagination li:active a {
  border-color: var(--color-blue);
  background-color: var(--color-blue-light);
}
.search-page-pagination li.active a {
  pointer-events: none;
  border-color: var(--color-blue);
  background-color: var(--color-blue-light);
}

.add-domain-modal {
  border-radius: 18px;
  padding: 20px;
}
.add-domain-modal .modal-header {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: none;
}
.add-domain-modal .modal-header .add-dom-modal-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 0;
}
.add-domain-modal .modal-header .add-dom-btn-close {
  background-color: transparent;
  border: none;
  padding: 6px;
  margin: 0;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.add-domain-modal .modal-header .add-dom-btn-close:hover, .add-domain-modal .modal-header .add-dom-btn-close:focus, .add-domain-modal .modal-header .add-dom-btn-close:active {
  opacity: 1;
}
.add-domain-modal .modal-footer {
  padding: 0;
  margin: 0;
  border: none;
}

.single-prod-sec {
  padding: 40px 0;
}
@media only screen and (max-width: 575px) {
  .single-prod-sec {
    padding: 30px 0;
  }
}
.single-prod-sec .single-prod-images-sec {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .single-prod-sec .single-prod-images-sec {
    flex-direction: column;
  }
}
.single-prod-sec .single-prod-images-sec .img-large {
  flex: 1;
}
.single-prod-sec .single-prod-images-sec .img-large img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.single-prod-sec .single-prod-images-sec .sm-imgs-sec {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 15px;
  width: 158px;
}
@media only screen and (max-width: 575px) {
  .single-prod-sec .single-prod-images-sec .sm-imgs-sec {
    flex-direction: row;
    width: 100%;
    height: 100px;
    gap: 10px;
  }
}
.single-prod-sec .single-prod-images-sec .sm-imgs-sec .sm-img {
  flex: 1;
  position: relative;
}
.single-prod-sec .single-prod-images-sec .sm-imgs-sec .sm-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.single-prod-sec .single-prod-images-sec .sm-imgs-sec .sm-img .sm-img-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 700;
  color: var(--color-white);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.single-prod-sec .single-prod-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 15px;
  line-height: 1;
}
.single-prod-sec .single-prod-title span {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: auto;
}
.single-prod-sec .single-prod-text-sec {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  line-height: 30px;
}
.single-prod-sec .single-prod-text-sec p {
  margin-bottom: 22px;
}
.single-prod-sec .single-prod-text-sec h2 {
  font-size: 23px;
  font-weight: 700;
  color: var(--color-black);
}
.single-prod-sec .single-prod-text-sec h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-black);
}
.single-prod-sec .single-prod-text-sec h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-black);
}

.insp-box {
  background-color: var(--color-white);
  border-radius: 7px;
  padding: 0 20px;
  height: 49px;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  margin-bottom: 10px;
}
.insp-box .insp-box-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.insp-box .insp-box-text::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3012 0.421244C12.8279 -0.125753 13.6976 -0.142185 14.2446 0.384542C14.7916 0.911281 14.808 1.78097 14.2813 2.32798L6.33749 10.578C6.07829 10.8471 5.72019 10.9996 5.34652 10.9996C4.97296 10.9995 4.61558 10.847 4.35645 10.578L0.384542 6.45296C-0.142185 5.90596 -0.125753 5.03627 0.421244 4.50953C0.968249 3.9828 1.83794 3.99923 2.36468 4.54623L5.34652 7.64266L12.3012 0.421244Z' fill='%231EBC40'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 11px;
  margin-right: 10px;
}
.insp-box .view-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-blue);
}
.insp-box .view-link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3.3C7.42135 3.3 6.86639 3.53178 6.45722 3.94436C6.04805 4.35695 5.81818 4.91652 5.81818 5.5C5.81818 6.08348 6.04805 6.64306 6.45722 7.05564C6.86639 7.46822 7.42135 7.7 8 7.7C8.57865 7.7 9.13361 7.46822 9.54278 7.05564C9.95195 6.64306 10.1818 6.08348 10.1818 5.5C10.1818 4.91652 9.95195 4.35695 9.54278 3.94436C9.13361 3.53178 8.57865 3.3 8 3.3ZM8 9.16667C7.03558 9.16667 6.11065 8.78036 5.4287 8.09272C4.74675 7.40509 4.36364 6.47246 4.36364 5.5C4.36364 4.52754 4.74675 3.59491 5.4287 2.90728C6.11065 2.21964 7.03558 1.83333 8 1.83333C8.96442 1.83333 9.88935 2.21964 10.5713 2.90728C11.2532 3.59491 11.6364 4.52754 11.6364 5.5C11.6364 6.47246 11.2532 7.40509 10.5713 8.09272C9.88935 8.78036 8.96442 9.16667 8 9.16667ZM8 0C4.36364 0 1.25818 2.28067 0 5.5C1.25818 8.71933 4.36364 11 8 11C11.6364 11 14.7418 8.71933 16 5.5C14.7418 2.28067 11.6364 0 8 0Z' fill='%231F95D9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 16px;
  height: 11px;
  margin-right: 5px;
}

.signle-product-right-col {
  background-color: var(--color-white);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 15px;
}
.signle-product-right-col .cat-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-black);
}
.signle-product-right-col .cat-title span {
  font-size: 16px;
  opacity: 0.5;
}
.signle-product-right-col .prod-prices-block {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  padding: 4px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.signle-product-right-col .prod-prices-block span {
  font-size: 18px;
}
.signle-product-right-col .prod-prices-block.total-prz {
  color: var(--color-blue);
  font-weight: 600;
}
.signle-product-right-col .prod-prices-block.total-prz span {
  font-size: 20px;
  font-weight: 600;
}
.signle-product-right-col .incl-price {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-black);
}

.similar-prod-title {
  font-size: 23px;
  font-weight: 700;
  color: var(--color-black);
  margin-bottom: 20px;
}

.about-us-page {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  line-height: 30px;
}
@media only screen and (max-width: 575px) {
  .about-us-page {
    line-height: 25px;
    font-size: 15px;
  }
}
.about-us-page .container {
  max-width: 787px;
}
.about-us-page .page-title {
  font-size: 45px;
  color: var(--color-black);
  font-weight: 800;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width: 575px) {
  .about-us-page .page-title {
    font-size: 38px;
    margin-bottom: 25px;
  }
}
.about-us-page .page-subtitle {
  font-size: 18px;
  color: var(--color-black);
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
.about-us-page .ab-page-img {
  text-align: center;
}
.about-us-page .ab-page-img img {
  max-width: 100%;
  height: auto;
}
.about-us-page p {
  text-align: center;
}
.about-us-page p strong, .about-us-page p b {
  font-weight: 700;
}

.text-pages-sec {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-black);
  line-height: 30px;
  padding: 45px 0;
}
@media only screen and (max-width: 575px) {
  .text-pages-sec {
    padding: 35px 0;
    line-height: 25px;
    font-size: 15px;
  }
}
.text-pages-sec .page-title {
  font-size: 45px;
  color: var(--color-black);
  font-weight: 800;
  margin-bottom: 30px;
  line-height: 1;
}
@media only screen and (max-width: 575px) {
  .text-pages-sec .page-title {
    font-size: 38px;
    margin-bottom: 25px;
  }
}
.text-pages-sec p strong, .text-pages-sec p b {
  font-weight: 700;
}
.text-pages-sec h2 {
  font-size: 25px;
  color: var(--color-black);
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .text-pages-sec h2 {
    font-size: 23px;
  }
}
.text-pages-sec h3 {
  font-size: 20px;
  color: var(--color-black);
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .text-pages-sec h3 {
    font-size: 19px;
  }
}
.text-pages-sec h4 {
  font-size: 18px;
  color: var(--color-black);
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .text-pages-sec h4 {
    font-size: 17px;
  }
}

.subscribe-section {
  background-color: var(--color-blue);
  padding: 50px 0;
}
.subscribe-section .container {
  max-width: 772px;
}
.subscribe-section .subscribe-section-title {
  font-size: 21px;
  font-weight: 700;
  color: var(--color-white);
  text-align: center;
}
.subscribe-section .subscribe-section-desc {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-white);
  text-align: center;
}
.subscribe-section .subscribe-inputs {
  position: relative;
}
.subscribe-section .subscribe-inputs .inputs-errors {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  right: 0;
  bottom: -20px;
  font-size: 11px;
  color: var(--color-white);
}
.subscribe-section .subscribe-inputs .inputs-errors::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.46573 0.533759L11.8724 9.89865C11.9222 9.98493 11.9484 10.0828 11.9484 10.1824C11.9484 10.2821 11.9222 10.3799 11.8724 10.4662C11.8226 10.5525 11.7509 10.6241 11.6647 10.674C11.5784 10.7238 11.4805 10.75 11.3809 10.75H0.567554C0.467927 10.75 0.370054 10.7238 0.283775 10.674C0.197496 10.6241 0.125849 10.5525 0.0760362 10.4662C0.0262233 10.3799 -6.32743e-07 10.2821 0 10.1824C6.32766e-07 10.0828 0.0262259 9.98493 0.0760399 9.89865L5.4827 0.533759C5.53252 0.447485 5.60417 0.375842 5.69044 0.326032C5.77672 0.276223 5.87459 0.25 5.97422 0.25C6.07384 0.25 6.17171 0.276223 6.25799 0.326032C6.34427 0.375842 6.41591 0.447485 6.46573 0.533759ZM1.55058 9.61486H10.3978L5.97422 1.95268L1.55058 9.61486ZM5.40665 7.91216H6.54178V9.04729H5.40665V7.91216ZM5.40665 3.93917H6.54178V6.77702H5.40665V3.93917Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 12px;
  height: 11px;
  margin-right: 5px;
}

.lg-toolbar-prev:before {
  content: "\e095";
}

.lg-toolbar-next:before {
  content: "\e094";
}

:root, [data-theme=default] {
  --font-family: "Inter", sans-serif;
  --color-primary: #FE3336;
  --color-white: #ffffff;
  --color-whiter: #F4F4F4;
  --color-whiter-border: #C0C0C0;
  --color-whiter-borderr: #E8E8E8;
  --color-whiter-dark: #D9D9D9;
  --color-placeholder: rgba(0, 0, 0, .4);
  --color-black: #000000;
  --color-dark: #202020;
  --color-black-hover: #272727;
  --color-blue: #1F95D9;
  --color-blue-light: #E5F0FF;
  --color-danger: #D92116;
  --color-success: #1EBC40;
  --color-success-hover: #3E9233;
  --color-info: #2FD0E2;
  --color-warning: #E5CC7E;
}

*, body {
  font-family: var(--font-family);
}

html, body {
  padding: 0;
  margin: 0;
}

body {
  overflow-x: hidden;
  background: var(--color-whiter);
}
@media only screen and (max-width: 991px) {
  body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

body, p, form, input, h1, h2, h3, h4, h5, h6, p, form, ul, li, ol, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  font-family: var(--font-family);
  color: var(--color-black);
  transition: all 0.3s ease-in-out;
}

a {
  color: var(--color-black);
  text-decoration: none;
  font-family: var(--font-family);
  transition: all 0.3s ease-in-out;
}
a:hover, a:focus, a:active {
  text-decoration: none;
  color: var(--color-black-hover);
}

button, a, input, textarea {
  outline: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.form-control, .btn.focus, .btn:focus, .custom-select:focus, .form-control:focus, .form-select:focus {
  box-shadow: none;
}

.form-check {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
.form-check .form-check-input {
  width: 16px;
  height: 16px;
  background-color: var(--color-whiter);
  border-color: var(--color-whiter-border);
  margin: 0 10px 0 0;
}
.form-check .form-check-input[type=checkbox] {
  border-radius: 5px;
}
.form-check .form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check .form-check-input:active {
  filter: brightness(90%);
}
.form-check .form-check-input:focus {
  background-color: var(--color-whiter);
  border-color: var(--color-whiter-border);
  box-shadow: none;
}
.form-check .form-check-input:checked {
  background-color: var(--color-black);
  border-color: var(--color-black);
}
.form-check .form-check-input:checked[type=checkbox] {
  background-size: 10px 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Group_440' data-name='Group 440' transform='translate(-322 -367)'%3E%3Cg id='check' transform='translate(313.727 358.859)'%3E%3Cpath id='Path_662' data-name='Path 662' d='M17.762,10.956A.934.934,0,1,1,19.1,12.264l-4.972,6.215a.934.934,0,0,1-1.345.025l-3.295-3.3a.934.934,0,1,1,1.32-1.32l2.608,2.607,4.325-5.511a.294.294,0,0,1,.025-.027Z' transform='translate(0 0)' fill='%23fff' stroke='%23fff' stroke-width='1' fill-rule='evenodd'/%3E%3C/g%3E%3Crect id='Rectangle_77' data-name='Rectangle 77' width='12' height='12' transform='translate(322 367)' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check .form-check-input[type=checkbox]:indeterminate {
  background-color: var(--color-whiter);
  border-color: var(--color-whiter-border);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check label {
  margin-bottom: 0;
  font-size: 18px;
}

.custom-label {
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
}

.form-check.form-switch {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.form-check.form-switch .form-check-input {
  width: 55px;
  height: 29px;
  border-radius: 100px;
  background-color: var(--color-black-hover);
  margin: 0;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='25' height='25' rx='12.5' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 21px;
  background-position: left 4px center;
}
.form-check.form-switch .form-check-input:checked[type=checkbox] {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='25' height='25' rx='12.5' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 21px;
  background-position: right 4px center;
}
.form-check.form-switch .form-check-label {
  font-size: 15px;
  font-weight: 600;
  flex: 1;
  width: 1%;
}

.form-check-input:focus ~ .form-check-label:before, .form-check-input:checked, .form-check-input:focus {
  box-shadow: none;
}

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

.custom-input, .form-select {
  min-width: 100px;
  height: 35px;
  font-weight: 400;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 14px;
  border: 1px solid var(--color-whiter-border);
  border-radius: 10px;
  color: var(--color-black);
  background-color: var(--color-white);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  padding: 0 13px;
  width: 100%;
}
.custom-input.placeholder, .form-select.placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-input:-moz-placeholder, .form-select:-moz-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-input::-moz-placeholder, .form-select::-moz-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-input:-ms-input-placeholder, .form-select:-ms-input-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-input::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-input:focus, .custom-input:active, .form-select:focus, .form-select:active {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}
.custom-input.medium, .form-select.medium {
  height: 43px;
  font-size: 15px;
}

.form-select {
  padding-right: 32px;
}

.custom-textarea {
  font-weight: 400;
  padding: 10px 19px;
  font-size: 15px;
  border-radius: 10px;
  color: var(--color-black);
  background-color: var(--color-white);
  resize: none;
  border: 1px solid var(--color-whiter-border);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}
.custom-textarea.placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-textarea:-moz-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-textarea::-moz-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-textarea:-ms-input-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-textarea::-webkit-input-placeholder {
  color: var(--color-placeholder);
  opacity: 1;
}
.custom-textarea:focus, .custom-textarea:active {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: none;
}

.position-relative {
  position: relative;
}

.img-responsivee {
  max-width: 100%;
  height: auto;
}

.check-color {
  fill: var(--color-white);
}

svg {
  vertical-align: initial;
}

.dropdown-menu-right {
  right: 0 !important;
  left: auto !important;
}

svg path {
  transition: all 0.3s ease-in-out;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  --bs-table-accent-bg: var(--color-black-light);
  color: var(--color-white-hover);
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-1 {
  opacity: 1 !important;
}

.notifications {
  position: fixed;
  top: 0;
  right: 0;
  overflow: visible;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
  z-index: 9999999;
}

.notifications .toaster {
  position: relative;
  overflow: hidden;
  list-style: none;
  border-radius: 4px;
  padding: 0;
  margin: 10px 0 0 0;
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
  max-width: 280px;
}

@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-10px);
  }
}
.notifications .toaster.hide {
  animation: hide_toast 0.3s ease forwards;
}

@keyframes hide_toast {
  0% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(0%);
  }
  80% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc(100% + 20px));
  }
}
.toaster::before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 99999;
  animation: progress 5s linear forwards;
}

@keyframes progress {
  100% {
    width: 0%;
  }
}
.toaster.success::before, .toaster.copied::before {
  background: var(--color-green);
}

.toaster.danger::before, .btn#danger {
  background: var(--color-red);
}

/**/
.arror-message-fix-main {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column-reverse;
  z-index: 9999;
}

.arror-message-fix {
  border: var(--color-primary) 1px solid;
  border-radius: 4px;
  background: var(--color-white);
  color: var(--color-primary);
  position: relative;
  right: 0;
  margin-top: 20px;
  margin-right: 20px;
  transition: all 0.2s ease-in-out;
  animation-delay: 0s;
}
.arror-message-fix.sbsfooter-mains.hide {
  right: 0;
  display: none;
}
.arror-message-fix.hide {
  right: -100%;
}
.arror-message-fix.subscribed {
  margin-top: 10px;
  margin-right: 0;
}
.arror-message-fix.danger {
  border-color: var(--color-danger);
  background-color: var(--color-danger);
  color: var(--color-white);
}
.arror-message-fix.danger .error-message-cross {
  background-color: var(--color-white);
}
.arror-message-fix.success, .arror-message-fix.copied {
  border-color: var(--color-success);
  background-color: var(--color-success);
  color: var(--color-black);
}
.arror-message-fix.success .error-message-cross, .arror-message-fix.copied .error-message-cross {
  background-color: var(--color-black);
}
.arror-message-fix.primary {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-white);
}
.arror-message-fix.primary .error-message-cross {
  background-color: var(--color-white);
}
.arror-message-fix.info {
  background-color: var(--color-info);
  border-color: var(--color-info);
  color: var(--color-black);
}
.arror-message-fix.info .error-message-cross {
  background-color: var(--color-black);
}
.arror-message-fix .arror-message-txt {
  font-size: 16px;
  line-height: 1.4;
  position: relative;
  padding: 12px 25px 12px 15px;
  max-width: 256px;
}
.arror-message-fix .arror-message-txt.w-100 {
  max-width: 100%;
  text-align: center;
}
.arror-message-fix .error-message-cross {
  cursor: pointer;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0px;
  top: 0px;
  border-radius: 0 0 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.arror-message-fix .error-message-cross svg {
  width: 9px;
}

.fade-in {
  animation-name: fadeInRight;
  animation-duration: 1s;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.fade-out {
  animation-name: fadeOutRight;
  animation-duration: 1s;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.truncate-two-lines {
  max-width: 200px;
  -webkit-line-clamp: 2;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.text-success-hover {
  --bs-text-opacity: 1;
  color: var(--color-success-hover) !important;
}

.text-white-hover {
  --bs-text-opacity: 1;
  color: var(--color-white-hover) !important;
}

hr {
  border-color: var(--color-whiter-border);
  opacity: 1;
}/*# sourceMappingURL=style.css.map */