@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
  --clr-text: #2e5886;
  --clr-bg: #e6eaf1;
  --clr-orange: #f26a27;
  --clr-orange-hover: #a1471a;
  --clr-blue: #2699fb;
  --nav-text: #98b1cc;
  --clr-blue-300: #e6eaf1;
  --clr-blue-400: #d5dff0;
  --clr-blue-500: #bcc7d8;
  --clr-blue-600: #768ca5;
  --clr-blue-700: #2281d3;
  --clr-green: #049135;
  --clr-yellow: #e8b300;
  --clr-dark-blue: #244870;
  --clr-dark-blue-300: #2e5886;
  --clr-dark-blue-500: #1b3e65;
  --clr-white: #ffffff;
  --clr-black: #000000;
  --border-clr: #ced3db;
  --form-bg: rgba(214, 221, 232, 0.6);
  --fs-8: 8px;
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-18: clamp(14px, 20vw, 18px);
  --fs-20: clamp(18px, 20vw, 20px);
  --fs-22: clamp(18px, 20vw, 22px);
  --fs-24: clamp(18px, 20vw, 24px);
  --linear-gradient-one: linear-gradient(
    90deg,
    rgba(19, 77, 126, 1) 0%,
    rgba(34, 119, 196, 1) 100%
  );
}

body {
  font-family: var(--font-primary);
  font-size: var(--fs-12);
  font-weight: 400;
  line-height: 1.5;
  color: var(--clr-dark-blue);
  background-color: var(--clr-bg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

h1 {
  font-size: var(--fs-40);
}

h2 {
  font-size: var(--fs-30);
}

h3 {
  font-size: var(--fs-28);
}

h4 {
  font-size: var(--fs-22);
}

h5 {
  font-size: var(--fs-18);
}

h6 {
  font-size: var(--fs-16);
}

a {
  color: var(--clr-dark-blue);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--clr-orange);
}

p {
  margin-bottom: 0;
}

#home-result #contenuDroite .card-img img{
  height: 135px;
  width: auto;
}

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

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

sup {
  top: -5px;
}

figure {
  margin: 0;
}
input,
span.btn-submit,
select {
  padding: 10px;
}
input:not(.btn-submit),
select,
textarea,
.form-select,
.form-control {
  border: none;
  border-radius: 0;
  background-color: var(--form-bg);
  color: var(--clr-dark-blue);
}
input:focus-visible,
input:focus,
select:focus-visible,
select:focus,
textarea:focus-visible,
textarea:focus,
.form-select:focus-visible,
.form-select:focus {
  background-color: var(--clr-bg);
  color: var(--clr-dark-blue);
  outline: 1px solid var(--clr-bg);
}
select,
.form-select {
  font-size: 12px;
  font-weight: 500;
  border: 1px solid rgba(27, 62, 101, 0.6);
  text-transform: uppercase;
  height: 48px;
}
span.btn-submit,
.btn-submit,
span.submit-panier {
  background-color: var(--clr-dark-blue);
  border: none;
  color: var(--clr-white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
span.btn-submit:hover,
a.btn-submit:hover,
.btn-submit:hover {
  background-color: var(--clr-blue-600);
  color: var(--clr-white);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

hr {
  margin: 20px 0;
  background-color: #e6eaf1;
  opacity: 1;
}

button, span {
  border: none;
  background-color: transparent;
}

::-moz-placeholder {
  color: var(--clr-dark-blue);
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 500;
}
::-ms-input-placeholder {
  color: var(--clr-dark-blue);
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 500;
}
::placeholder {
  color: var(--clr-dark-blue);
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 500;
}

/* Some bootstrap resets */
.container {
  max-width: 1230px;
}
.navbar {
  padding: 0;
}
.bg-primary {
  background-color: var(--clr-blue) !important;
}
.bg-danger {
  background-color: var(--clr-orange) !important;
}
.bg-dark-primary {
  background-color: var(--clr-dark-blue-300);
}
.bg-light-primary {
  background-color: var(--clr-dark-blue-300);
}

.bg-grey {
  background-color: var(--clr-bg) !important;
}
.body-bg-none,
.bg-md-tranparent {
  background-color: transparent;
}
.btn {
  padding: 10px;
  border-radius: 0;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn svg {
  /* --size: 16px;
  height: var(--size);
  width: var(--size); */
  line-height: 16px;
  margin-left: 5px;
}

.btn:hover,
.btn:focus,
.btn-nav:hover,
.btn-nav:focus,
input:focus-visible,
input:focus,
.accordion-button:focus,
.accordion-button:focus-visible,
.form-select:focus-visible,
.form-select:focus,
.form-control:focus-visible,
.form-control:focus {
  box-shadow: none !important;
  outline: none !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert {
  padding: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--clr-white);
  font-size: var(--fs-10);
  text-transform: uppercase;
}
.alert svg {
  color: var(--clr-dark-blue);
}
.btn-primary {
  background-color: var(--clr-blue);
  font-weight: 700;
  color: var(--clr-white);
  text-transform: uppercase;
  font-size: var(--fs-12);
  line-height: 1;
}
.btn-primary:hover {
  background-color: var(--clr-dark-blue);
}
/* .btn-primary svg {
  height: var(--fs-12);
  width: var(--fs-12);
} */
.adv-btn svg {
  margin-bottom: 2px;
}

.btn-secondary {
  background-color: var(--clr-orange) !important;
  font-size: 14px;
}
.btn-secondary:hover {
  background-color: var(--clr-orange-hover) !important;
}
.text-primary {
  color: var(--clr-blue);
}
.text-underline {
  text-decoration: underline;
}
.border-end {
  border-right: 1px solid var(--clr-blue-300) !important;
}

.fs-20 {
  font-size: 20px;
}

.fs-18 {
  font-size: 18px;
}

.fs-16 {
  font-size: 16px;
}
/* Some usefull global classes and settings */
.section-title,
.partners h2 {
  font-size: var(--fs-16);
  font-weight: 700;
  text-transform: uppercase;
  color: var(--clr-dark-blue);
  margin-bottom: 0;
}
.partners h2 {
  font-size: var(--fs-14);
}
.btn-underline {
  text-decoration: underline;
  color: var(--clr-blue);
  text-transform: uppercase;
  font-size: var(--fs-14);
  background-color: transparent;
  border: none;
}
.btn-underline:hover {
  color: var(--clr-orange);
}
.btn-nav,
.header-menu-btn {
  width: 50px;
  height: 50px;
  color: var(--clr-white);
  border-radius: 0;
  font-size: var(--fs-10);
  text-transform: uppercase;
  border: none;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.btn-nav.active {
  color: var(--clr-orange);
  font-weight: 700;
}
.btn-nav.active:hover {
  color: var(--clr-white);
}
.btn-nav .nav-text {
  display: none;
}
.btn-nav.active svg path {
  fill: var(--clr-orange);
}
.btn-nav svg {
  width: 30px;
  height: 30px;
}
.btn-nav:hover,
.btn-nav:focus {
  color: var(--clr-orange);
}

/* .btn-nav:hover svg path {
  fill: var(--clr-orange);
} */
.btn-nav .btn-icon {
  position: relative;
}
.btn-nav .btn-icon .badge {
  width: 8px;
  height: 8px;
  text-align: center;
  color: transparent;
  padding: 0;
  font-size: 7px;
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: 2px;
}
.btn-submit {
  font-size: var(--fs-12);
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-next {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: var(--clr-blue);
  text-align: center;
  line-height: 50px;
}
.btn-next:hover {
  background-color: var(--clr-dark-blue);
}
.btn-normal {
  border: none;
  padding: 0;
  background-color: transparent;
  color: var(--clr-blue-600);
  font-size: var(--fs-14);
}
/* Card settings are starts here */
.card {
  padding: 10px 20px;
  border-radius: 0;
  border: none;
}

/* start of product card  */
.product-card {
  padding: 15px 20px;
  overflow: hidden;
}
.product-card .card-img {
  /* aspect-ratio: 224 / 174; */
  height: 195px;
  text-align: center;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-card .card-img a {
  display: inline-block;
}

.product-card .badge {
  max-width: 100px;
  position: absolute;
  top: 5px;
  left: 10px;
  margin-bottom: 0;
}
.product-card .card-title {
  font-size: var(--fs-12);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  min-height: 44px;
}
.product-card .card-body {
  padding: 0;
  font-size: var(--fs-14);
}
.product-card .model-name {
  font-size: var(--fs-12);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}
.product-card .price {
  font-size: var(--fs-14);
}
.product-card .model-name a {
  color: var(--clr-dark-blue);
}
.product-card .model-name .copy {
  color: var(--clr-blue);
}
.product-card p {
  line-height: 2;
}
.product-card .discription {
  margin-top: 5px;
  font-size: var(--fs-10);
  min-height: 80px;
}
.product-card .sub-info {
  font-size: var(--fs-8);
}
.product-card .sub-info.generic {
  font-size: var(--fs-12);
  color:red;
}

.product-card .product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  min-height: 36px;
}
.product-card .price {
  color: var(--clr-orange);
  font-size: var(--fs-14);
  font-weight: 700;
}

.product-card .stock {
  font-size: var(--fs-10);
  color: var(--clr-green);
  font-weight: 600;
}

.product-card .product-info .brand img {
  height: 30px;
  max-height: 30px;
}

.product-input {
  position: relative;
  margin-top: 8px;
}

.product-input input:not(.btn-submit),
.product-card .count {
  width: 46px;
  /* height: 29px; */
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  background-color: var(--clr-blue-700);
  color: var(--clr-white);
  font-size: var(--fs-14);
  font-weight: 500;
}

.product-card .count input:not(.btn-submit) {
  top: unset;
  left: unset;
  bottom: unset;
}

.product-card .count-arrow-group {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-54%);
  line-height: 1;
}

.product-input input:not(.btn-submit)::placeholder {
  width: 46px;
  color: var(--clr-white);
  font-size: var(--fs-14);
  font-weight: 500;
}

.product-input span.submit-panier {
  width: 100%;
  text-align: center;
  background-color: var(--clr-blue);
  padding-top: 0;
  padding-bottom: 0;
  height: 33px;
  font-size: var(--fs-10);
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 47px;
}

.product-input span.submit-panier:not(:disabled) {
  cursor: pointer;
}

.product-input span.submit-panier:hover {
  background-color: var(--clr-dark-blue);
}

.product-card .out-of-stock input:not(.btn-submit) {
  display: none;
}
.product-card .out-of-stock .button {
  background-color: var(--clr-dark-blue);
  opacity: 0.3;
  width: 100%;
  text-align: center;
  height: 33px;
  display: block;
  font-size: var(--fs-10);
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  border: none;
  color: var(--clr-white);
  padding: 10px;
  appearance: button;
  font-family: inherit;
  margin: 0;
  line-height: inherit;
  cursor: default;
}
.product-card .stock.out-stock {
  color: var(--clr-yellow);
}
.product-card .stock-obsolete{
  color: red;
}
.product-card .stock-contact{
  font-style: italic;
  margin: auto;
}

/* End of product card */

/* Product card with horizontal settings */

.product-card.horizontal {
  border: 1px solid var(--border-clr);
  padding: 20px 15px;
}
.product-card.horizontal .card-img {
  margin-bottom: 0;
  max-height: 138px;
}
.product-card.horizontal .product-info {
  margin-top: 0;
  flex-direction: column;
  align-items: stretch;
}
.product-card.horizontal .product-info .info-group {
  display: flex;
  justify-content: space-between;
}
.product-card.horizontal .badge {
  top: 4px;
  left: 4px;
  padding: 0;
  max-width: 80px;
  z-index: 10;
}
.brand.position-absolute {
  right: 12px;
  top: 15px;
}

.logoimg img{
  max-height: 90px;
}

.product-gallery-nav .product-gallery-nav-item {
  opacity: 0.5;
}

.product-gallery-nav .product-gallery-nav-item.slick-current {
  opacity: 1;
}

.fs-12 {
  font-size: var(--fs-12) !important;
}
.product-card.horizontal .price,
.product-card.horizontal .card-title,
.product-card.horizontal .model-name {
  font-size: var(--fs-16);
}
.product-info-list .fs-20 {
  font-size: var(--fs-20) !important;
}
.product-card.horizontal .d-flex {
  padding-bottom: 5px;
}
.product-card.horizontal .stock {
  padding-top: 8px;
}
.product-card.horizontal .product-input {
  width: 100%;
}
.product-card.horizontal .product-input .btn-submit {
  font-size: var(--fs-8);
  height: 33px;
}
.product-card.horizontal .product-input input:not(.btn-submit) {
  padding: 0px;
  padding-top: 3px;
  padding-left: 5px;
  font-size: var(--fs-12);
}
.product-card.horizontal .count,
.product-card.horizontal .count input:not(.btn-submit) {
  height: unset;
}
.product-card.horizontal .count {
  top: 2px;
  left: 2px;
  bottom: 2px;
  align-items: center;
}

.product-card.horizontal
  .product-input
  input:not(.btn-submit)::placeholder {
  font-size: var(--fs-12);
}
.product-info-list li {
  font-size: var(--fs-14);
  font-weight: 300;
  position: relative;
}
.product-info-list li:not(:last-child)::after {
  content: "";
  height: 1px;
  width: 99px;
  background-color: #1f436b;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.search-result-area .product-info-list li:not(:last-child)::after,
.search-result-area .product-info-list .border-bottom::before {
  content: "";
  height: 1px;
  width: 105px;
  background-color: #ced3db;
  position: absolute;
  left: unset;
  bottom: 0;
  transform: translateX(0);
}
.product-card.horizontal .discription {
  min-height: auto;
}

.product-card.horizontal.full .card-img {
  max-height: 110px;
}
.product-card.horizontal.full .card-title,
.product-card.horizontal.full .model-name {
  font-size: var(--fs-12);
}
/* start of position card */
.position-card {
  border-left: 8px solid var(--clr-orange);
  padding: 0;
}
.position-card .card-img img {
  aspect-ratio: 1;
  inline-size: 100%;
  object-fit: cover;
}
.position-card .badge {
  max-width: 95px;
  position: absolute;
  left: 127px;
  top: 3px;
  /* mix-blend-mode: color-dodge; */
}

.position-card .card-body {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: var(--clr-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}
.position-card .card-body .wrap {
  max-width: 70%;
}
.position-card .discription {
  font-size: var(--fs-12);
  font-weight: 700;
}
.position-card .circle {
  border-radius: 50%;
  height: 140px;
  width: 140px;
  background-color: var(--clr-white);
  border: 2px solid var(--clr-blue-700);
  position: absolute;
  z-index: 1;
}
.position-card .circle img {
  aspect-ratio: 1;
  inline-size: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.position-card .product-brand {
  margin-bottom: 5px;
}
.position-card .circle .card-icon {
  height: 22px;
  width: 22px;
  position: absolute;
  top: 0;
  right: 22px;
  color: var(--clr-orange);
}
.position-card .circle.circle-one {
  right: 15px;
  top: 55px;
}
.position-card .circle.circle-two {
  height: 107px;
  width: 107px;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
}

.position-card .circle.circle-two .card-icon {
  top: 17px;
  right: -6px;
}
.position-card .circle-two {
  border-color: var(--clr-blue);
}

.silder-item .product-brand img {
  width: inherit;
}

/* Position card double CSS */
.position-card.card-2x .card-body .wrap {
  max-width: 85%;
}
.position-card.card-2x .card-img img {
  aspect-ratio: 1;
}
.position-card.card-2x .badge {
  max-width: 149px;
  left: 15px;
}
.position-card.card-2x .product-brand {
  margin-bottom: 22px;
}
.fs-10 {
  font-size: var(--fs-10) !important;
}
/* Header starts from here */
.site-header {
  background-color: var(--clr-white);
  column-gap: 30px;
}
.header-lf .hamburger {
  width: 50px;
  height: 50px;
}
.site-header .navbar-brand {
  max-width: 60px;
  margin-right: 0;
}

.nav-lang {
  font-size: var(--fs-12);
  font-weight: 600;
}
.nav-lang svg {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.hamburger svg,
.header-menu-btn svg {
  width: 16px;
  height: 16px;
}
.nav-lang svg path {
  fill: var(--clr-orange);
}
.nav-lang::after {
  content: url("../img/down.svg");
  border: none;
  vertical-align: unset;
}
.drop-style .dropdown-menu {
  font-size: var(--fs-12);
  min-width: 60px;
  border-radius: 0;
}
.drop-style .dropdown-item {
  font-weight: 600;
  text-transform: uppercase;
}

.drop-style .dropdown-item:hover {
  background-color: #f26a27;
  color: #fff;
}
.search-box input::placeholder {
  color: var(--clr-dark-blue);
}
.search-box input {
  text-transform: uppercase;
  font-size: var(--fs-12);
  font-variant: 500 !important;
}
.site-header .search-box {
  display: none;
}
.site-header .search-box.mobile-search {
  display: flex;
  padding: 13px 12px;
  padding-bottom: 0;
}
.search-box.mobile-search input {
  flex: 1;
}
.search-box .searched-group .search-close {
  display: none;
}
.search-box.searched .searched-group {
  position: relative;
}
.search-box.searched .searched-group .search-close {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.search-box.searched .btn-submit {
  background-color: var(--clr-orange);
}
.site-header .search-box input:not(.btn-submit), .site-header .search-box textarea {
  width: auto;
}
/* .site-header .search-box input:not(.btn-submit)::placeholder {} */
.site-header .search-box.btn-submit {
  height: 64px;
}
.site-header .search-box .form-control {
  height: 64px;
}
.site-header .header-rt .btn-nav {
  width: 50px;
  height: 50px;
  font-size: 7px;
}
.site-header .header-rt .btn-nav svg {
  width: 18px;
  height: 18px;
}
.form-control:focus {
  background-color: var(--clr-blue-300);
}
.site-header .form-control {
  background-color: var(--clr-blue-300);
}
.mid-content {
  max-width: 1080px;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
}
.mid-content .search-box {
  justify-content: center;
}
.site-header .search-box input:not(.btn-submit), .site-header .search-box textarea  {
  max-width: 450px;
}

/* login form and login area starts from here */
.user-content {
  color: var(--clr-white);
  background-color: var(--clr-dark-blue);
  padding: 1.5rem 0;
}
.user-content::placeholder {
  color: var(--clr-dark-blue);
}
.user-content input:not(.btn-submit) {
  background-color: #d6dde8;
}

.login-area .login-text {
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 700;
}
.login-area .login-text svg {
  width: 30px;
  height: 30px;
  margin-bottom: 0.75rem;
}
.login-area .login-text a {
  color: var(--clr-orange);
}
.login-area .login-text a:hover {
  color: var(--clr-white);
}
.login-area a {
  color: var(--clr-white);
}
.login-area a:hover {
  color: var(--clr-orange);
}
.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 40px;
}
.login-area .login-form::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e6eaf1;
  position: absolute;
  right: 0;
  bottom: 0;
}
.login-form .form-group {
  display: grid;
  gap: 15px;
  margin-bottom: 20px;
  width: 100%;
}

.login-form input:not(.btn-submit) {
  width: 100%;
  background-color: #d6dde8;
  height: 55px;
}

.login-form span.btn-submit {
  background-color: var(--clr-orange);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 5px 0;
  margin-bottom: 15px;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.login-form span.btn-submit:hover {
  background-color: var(--clr-orange-hover);
}
.login-area .login-text svg {
  opacity: 0.57;
}
.login-text {
  font-size: var(--fs-12);
}
/* forgot password form starts from here */
.forgot-password {
  font-size: var(--fs-12);
  font-weight: 300;
}
.user-content .forgot-area {
  display: none;
}
/* forgot form */
.forgot-form {
  text-align: center;
  /* padding: 0 8px; */
}
.forgot-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.forgot-form input {
  width: 100%;
}
.forgot-form .required {
  display: inline-block;
  margin-top: 19px;
  margin-bottom: 17px;
  text-transform: uppercase;
  font-weight: 300;
}
.forgot-form .btn-submit {
  background-color: var(--clr-orange);
  height: 55px;
  padding: 0;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

/* Breadcrumb */

.breadcrumb {
  display: none;
  margin-top: 12px;
  margin-bottom: 12px !important;
  align-items: center;
}

.breadcrumb > li {
  position: relative;
  margin-right: 8px;
}

.breadcrumb.active {
  margin-bottom: 0 !important;
}

/* .breadcrumb > li:not(:first-child, :last-child)::after {
  content: " ";
  position: absolute;
  right: -2px;
} */

.breadcrumb > li,
.breadcrumb > li.active {
  color: var(--clr-dark-blue-500);
  font-size: 10px;
  font-weight: 500;
}

.breadcrumb li:not(:first-child) {
  margin-top: 3px;
}

/* .breadcrumb > li + .breadcrumb > li::before {
  position: absolute;
  content: var(--bs-breadcrumb-divider, "/");
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
} */

.breadcrumb .breadcrumb-item + .breadcrumb-item:not(:last-child):after {
  content: "/";
  margin-top: 2px;
  margin-left: 6px;
}

.breadcrumb .breadcrumb-item {
  padding: 0;
  margin-right: 0;
}
.breadcrumb .breadcrumb-item:first-child {
  margin-right: 6px;
}

/* breadcrumb style two */
.breadcrumb.style-two {
  align-items: center;
}
.breadcrumb.style-two > li {
  margin-right: 0;
  padding-left: 0;
}
.breadcrumb.style-two > li:first-child {
  padding-right: 6px;
}
.breadcrumb.style-two > li a {
  color: #bac5d6;
}
.breadcrumb.style-two > li.active,
.breadcrumb.style-two > li a:hover {
  color: #2e5886;
}
.breadcrumb.style-two > li:not(:first-child, :last-child)::after {
  content: ">" !important;
  color: #bac5d6;
  padding-left: 5px;
}
.breadcrumb.style-two .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item + .breadcrumb-item::before {
  content: "";
}

/* Product area starts from here */

/* categories */
.categories {
  gap: 3px;
}

.categories li span {
  display: inline-block;
  padding: 0 10px;
  font-size: var(--fs-12);
  text-transform: uppercase;
  border-radius: 0;
  background-color: var(--clr-blue-400);
  color: var(--nav-text);
  text-align: center;
  height: 24px;
  min-width: 122px;
  font-weight: 500;
}

.categories li span:hover {
  color: var(--clr-orange) !important;
  font-weight: 700;
}
/*.categories .nav-link.disabled*/
.categories li span.active {
  background-color: var(--clr-blue-500);
  color: var(--clr-dark-blue);
  font-size: var(--fs-14);
  font-weight: 700;
}

/* offers section here */
.offers {
  margin-top: 30px;
  padding: 30px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  flex-shrink: unset;
  background-color: var(--clr-dark-blue-500);
  color: var(--clr-white);
  flex-direction: row;
}
/* .offers .offer-icon img {
  width: 58px;
  height: 58px;
} */
.offers .offer-text {
  max-width: 290px;
}
.offers .offer-text p {
  font-size: var(--fs-12);
  font-weight: 300;
}
.offers h5 {
  font-size: var(--fs-14);
  text-transform: uppercase;
}

/* For position card */
.product-area .position-card {
  margin-top: 35px;
}
.product-area .btn-primary svg {
  margin-bottom: 4px;
}



/* partner starts from here */
.partners {
  padding-top: 39px;
  padding-bottom: 46px;
  background: var(--clr-bg);
}
.dotted-line {
  border-top: 2px dotted var(--clr-white);
}
.partners .dotted-line {
  margin-bottom: 26px;
}
.partners .partner-list {
  padding: 30px 50px 23px 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px 35px;
}
.partners .partner-list img {
  mix-blend-mode: multiply;
  max-height: 68px;
}
.partners a {
  font-weight: 700;
}

/* Footer starts from here */
.footer-inner h5 {
  text-transform: uppercase;
  font-size: var(--fs-10);
  font-weight: 700;
  margin-top: 8px;
  margin-bottom: 17px;
}
.site-footer {
  font-size: var(--fs-10);
  line-height: 1;
}
.site-footer a {
  color: var(--clr-white);
}
.site-footer a:hover {
  color: var(--clr-orange);
}

/* Top footer starts from here */
.top-footer {
  background-color: var(--clr-blue);
  color: var(--clr-white);
  padding-top: 19px;
  padding-bottom: 17px;
  padding-left: 35px;
  padding-right: 35px;
}
.top-footer .footer-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 55px;
  margin-bottom: 29px;
}
.top-footer .footer-list {
  display: flex;
  align-items: center;
  gap: 35px;
}
/* Bottom footer here */
.bottom-footer {
  background-color: var(--clr-dark-blue-500);
  color: var(--clr-white);
  padding: 55px 0 40px 0;
  font-size: var(--fs-14);
}
.bottom-footer .brand {
  display: inline-block;
  margin-bottom: 0.75rem;
}
.bottom-footer .info-list {
  color: #7fc4fd;
  line-height: 2;
}
.bottom-footer .footer-inner {
  padding-left: 21px;
}
.bottom-footer .footer-list li:not(:last-child) {
  margin-bottom: 12px;
}
.bottom-footer .col-md-6:first-child .footer-inner {
  padding-left: 35px;
}
.bottom-footer .col-md-6:not(:last-child) .footer-inner {
  position: relative;
}
.bottom-footer .col-md-6:not(:last-child) .footer-inner::after {
  content: "";
  height: 144px;
  width: 1px;
  border-right: 1px dotted var(--clr-blue-500);
  position: absolute;
  right: -17px;
  top: 0;
}

/* Search result page starts from here */
.pe-20 {
  padding-right: 20px;
}
.search-result-area {
  background-color: var(--clr-white);
}
.search-result-area .sidebar {
  height: 100%;
}
/* sidebar checkbox and form settings */
.sidebar .accordion input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  min-width: 12px;
  min-height: 12px;
  background-color: var(--clr-bg);
  border: 2px solid var(--clr-white);
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
}

.sidebar .btn-normal {
  font-size: var(--fs-10);
  color: var(--clr-white);
  padding-left: 24px;
}
.sidebar .accordion input[type="checkbox"]:checked {
  background-color: var(--clr-orange);
}
.sidebar form .form-group {
  display: flex;
  gap: 10px;
  padding: 3px 0;
}
/* .sidebar form .form-group:not(:last-child) {
  margin-bottom: 7px;
} */
.sidebar form .form-group label {
  text-transform: uppercase;
  font-size: var(--fs-10);
  font-weight: 500;
}
/* form switch settings */
.form-check .form-check-input {
  margin-left: 0;
}
.sidebar .form-check {
  padding-top: 22px;
  padding-bottom: 35px;
  padding-left: 0;
  display: flex;
  gap: 11px;
  justify-content: center;
}

.sidebar .form-check > label {
  padding-right: 30px;
  text-transform: uppercase;
  font-size: var(--fs-10);
}
.form-check-input {
  margin-top: 0;
}
.form-switch .form-check-input {
  width: 45px;
}
.form-check-input:checked {
  background-color: var(--clr-orange);
}

/* sidebar */
.sidebar {
  background: var(--linear-gradient-one);
  padding: 1rem 0 1rem 1rem;
  color: var(--clr-white);
}
.sidebar-title {
  text-transform: uppercase;
  font-size: var(--fs-14);
  margin-bottom: 0;
  padding-left: 8px;
  display: flex;
  gap: 22px;
  align-items: center;
  /* margin-bottom: 14px; */
}
.sidebar-title h2 {
  margin-bottom: 0;
}
/* .sidebar-title svg {
  width: 14px;
  height: 14px;
  margin-left: 22px;
} */
.sidebar .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.sidebar .accordion-item,
.sidebar .accordion-button {
  background: transparent;
  border: none;
  color: var(--clr-white);
}
.sidebar .line {
  padding-top: 14px;
  margin-bottom: 11px;
}
.sidebar .accordion-item,
.sidebar .line {
  position: relative;
}
.sidebar .accordion-item::before,
.sidebar .line::before {
  content: "";
  width: calc(100% - 20px);
  height: 1px;
  background-color: var(--clr-blue-500);
  opacity: 0.5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.sidebar .accordion-body {
  padding-top: 9px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 38px;
}
.sidebar .accordion-body .form-group {
  padding-left: 17px;
}
.sidebar .accordion-body .form-group.selected {
  background-color: var(--clr-dark-blue);
  position: relative;
  z-index: 5;
}
.sidebar .form-group.selected .diselect {
  display: inline-block;
}
.sidebar .accordion-body .form-group.selected::after {
  content: "";
  width: calc(100% + 35px);
  height: 100%;
  background-color: var(--clr-dark-blue);
  position: absolute;
  left: -35px;
  top: 0;
  z-index: -1;
}
.sidebar .form-group.selected svg.close {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.sidebar .accordion-button {
  text-transform: uppercase;
  font-size: var(--fs-12);
  font-weight: 700;
  padding: 9px 24px;
}
.sidebar .btn-normal {
  font-size: var(--fs-8);
}
.sidebar .accordion-button::after {
  width: 10px;
  height: 11px;
  background-image: url(../img/arrow-right-w.svg);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 0;
}
.sidebar .accordion-button:not(.collapsed)::after {
  transform: rotate(90deg);
}
.pe-30 {
  padding-right: 30px;
}
.btn-reset {
  padding-bottom: 20px;
  font-size: var(--fs-12);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.79);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.sidebar .result-text {
  display: block;
  font-size: var(--fs-12);
  padding: 6px;
  background-color: var(--clr-orange);
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 11px;
}

/* search result nav and tabs settings */
.search-result-area .nav-pills {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.search-result-area .nav-pills .nav-item {
  background-color: var(--clr-bg);
}
.search-result-area .nav-item .nav-link {
  color: var(--clr-dark-blue);
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  font-size: var(--fs-14);
  padding: 17px 0;
  text-align: center;
}
.search-result-area .nav-item .nav-link.active {
  background-color: var(--clr-white);
  color: var(--clr-blue);
  position: relative;
  height: 100%;
}
.search-result-area .nav-item .nav-link.active::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--clr-blue);
  position: absolute;
  top: 0;
  left: 0;
}
.search-result-area .tab-content {
  padding-top: 0;
}

/* result area settings are here */
.result-area {
  background-color: var(--clr-white);
  min-height: 570px;
}
.result-area .form-select {
  background-image: url(../img/down-blue.svg);
  background-size: 8px 6px;
  text-align: center;
}
/* .result-area .product-card.horizontal .model-name,
.result-area .product-card.horizontal .card-title {
  font-size: var(--fs-12);
} */
.search-settings {
  padding: 30px;
}
.search-input-form {
  position: relative;
}
.search-input-form .form-control {
  background-color: var(--clr-white);
  padding: 0 21px 10px 10px;
  height: auto;
  width: 2;
  border-bottom: 2px solid #bce0fd;
  color: var(--clr-blue);
}
.search-input-form .form-control:focus {
  background-color: var(--clr-white);
}
.search-input-form .form-control::placeholder {
  color: var(--clr-blue);
  font-size: var(--fs-12);
}
.search-input-form svg {
  height: 14px;
  width: 14px;
}
.search-input-form svg path {
  color: var(--clr-blue);
}
.search-input-form button {
  border: none;
  padding: 0;
  background-color: transparent;
  position: absolute;
  right: 7px;
  top: 0;
}
.search-settings .grid {
  display: grid;
  align-items: center;
  gap: 5px;
  row-gap: 11px;
  margin-top: 25px;
  text-align: center;
}
.search-settings .title {
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
}
.search-settings .form-select {
  padding-top: 4px;
  padding-bottom: 5px;
  font-size: var(--fs-10);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--clr-dark-blue);
  border-radius: 0;
  background-color: var(--clr-bg);
  border: none;
  height: 34px;
  text-align: center;
}
.search-settings .form-select:focus {
  box-shadow: none;
}
/* bootstrap toggle settings */
.toggle-group .btn {
  line-height: 20px;
}
.toggle-group .btn {
  padding: 0 4px;
  font-weight: 600;
  font-size: var(--fs-8);
}
.toggle-group .toggle-on:hover {
  background-color: var(--clr-orange);
}
.toggle-on {
  background-color: var(--clr-orange);
  text-align: start;
  padding-left: 5px;
}
.toggle-off {
  background-color: var(--clr-blue);
  color: var(--clr-white);
  text-align: end;
}
.toggle-group .toggle-off:hover {
  background-color: var(--clr-blue);
  color: var(--clr-white);
}
.toggle-on::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--clr-white);
  border-radius: 50%;
  position: absolute;
  right: 3px;
  bottom: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.toggle-off::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: var(--clr-white);
  border-radius: 50%;
  position: absolute;
  left: 3px;
  bottom: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.toggle.btn {
  min-width: 40px;
  min-height: 17px;
  background-color: transparent;
  border-radius: 100px;
}

/* Account Creation Page starts from here */

.content-title {
  background-color: var(--clr-dark-blue-500);
  padding: 10px 28px;
  color: var(--clr-white);
  display: flex;
  align-items: center;
  gap: 20px;
}
.content-title .title,
.content-title h2 {
  text-transform: uppercase;
  font-size: var(--fs-16);
  margin-bottom: 0;
}
.account-create-area .content {
  background-color: var(--clr-white);
  padding: 34px 23px;
  overflow: hidden;
}
.account-create-area .content select,
.account-create-area .content input:not(.btn-submit) {
  width: 100%;
  font-size: var(--fs-12);
  font-weight: 500;
  height: 48px;
  /* padding: 16px 10px 17px 10px; */
}
.account-create-area .content .form-select {
  background-image: url("../img/down-arrow-02.svg");
}
.account-create-area .content input:not(.btn-submit)::placeholder {
  font-size: var(--fs-12);
  font-weight: 500;
}
.account-create-area .content .form-group {
  display: flex;
  flex-direction: column;
  gap: 22px;
  height: 100%;
  /* align-items: start; */
}
.account-create-area .content .col-md-4.border-end {
  border-right: 0 !important;
  position: relative;
  /* border-bottom: 1px solid var(--clr-blue-300); */
  /* padding-left: -23px;
  padding-right: -23px; */
  padding-bottom: 22px;
  margin-bottom: 22px;
}
.account-create-area .content .col-md-4.border-end::after {
  content: "";

  background-color: var(--clr-blue-300);
  position: absolute;

  height: 1px;
  width: calc(100% + 7%);
  bottom: 0;
  right: -12px;
  top: unset;
}
.account-create-area .content .input-group {
  flex-direction: column;
  text-align: center;
}
.account-create-area .content .input-group label,
.account-create-area .content .input-group .required {
  text-transform: uppercase;
  font-weight: 500;
}
.account-create-area .content span.btn-submit,
.edit-information span.btn-submit,.edit-information a.btn-submit {
  padding: 15px 23px;
  margin-top: 9px;
  font-weight: 700;
  text-transform: uppercase;
  height: 48px;
}
.edit-information span.btn-submit,.edit-information a.btn-submit {
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.edit-information span.btn-submit:hover,.edit-information a.btn-submit:hover {
  background-color: var(--clr-orange-hover) !important;
}
/* .account-create-area .content span.btn-submit:hover {
  background-color: var(--clr-blue) !important;
} */
/* Order */

.your-order-title {
  font-size: var(--fs-20);
  color: var(--clr-blue) !important;
}
.your-order-title h2 {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.your-order .info-billing-address {
  font-size: 14px;
  line-height: 2;
}

table thead th {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  word-break: break-all;
  border-bottom: none;
}

table thead tr {
  border-top: none;
}

table tr td {
  border-color: #e6eaf1;
  word-break: break-all;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: transparent;
  background-color: transparent;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: #e6eaf1;
}

.table > :not(:first-child) {
  border-top: none;
}

.order-list-table > tbody > tr:nth-of-type(odd) > * {
  color: var(--clr-dark-blue);
}
.table-bordered thead th {
  font-weight: 300;
  padding-top: 0;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1;
  padding-top: 0;
  padding-left: 11px;
  padding-bottom: 8px;
}
.order-list-table tbody tr td:first-child {
  font-weight: 600;
}

.order-list-table tbody tr td:nth-child(2) {
  font-weight: 500;
}

.order-list-table tbody tr td:nth-child(3),
.order-list-table tbody tr td:nth-child(4),
.order-list-table tbody tr td:nth-child(5),
.order-list-table tbody tr td:nth-child(6) {
  font-weight: 500;
}

.order-list-table tbody tr td:nth-child(7) {
  font-weight: 300;
}

.total-btn {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #d6dde8;
  padding: 15px 10px;
  width: 122px;
  text-align: center;
}

.tracking-area {
  padding: 10px;
  border: 10px solid #e6eaf1;
  text-transform: uppercase;
}

.tracking-area h5 {
  margin-bottom: 0;
  display: inline-block;
  text-align: center;
}

.tracking-area h5 span {
  display: inline-block;
  padding: 10px 30px 10px 10px;
  margin-left: 20px;
}

.form-control {
  font-size: var(--fs-12);
  height: 48px;
}

.form-control::placeholder {
  font-size: var(--fs-12);
}

.fw-md {
  font-weight: 500;
}

.bg-secondary {
  background-color: #f26a27 !important;
}

.text-secondary {
  color: var(--clr-orange) !important;
}
a.text-secondary:hover {
  color: var(--clr-orange-hover) !important;
}

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

.card-header {
  text-transform: uppercase;
  font-weight: 500;
  padding: 12px 30px;
}

.card-header svg {
  margin-right: 10px;
}

.card-body {
  padding: 10px;
}

.card.secondary .card-body {
  border: 1px solid var(--clr-orange);
}

.card.primary .card-body {
  border: 1px solid var(--clr-dark-blue-500);
}
/*
.my-info-area {
  padding-bottom: 30px;
} */

.logged-in {
  color: var(--clr-orange);
}

.logged-in svg path {
  fill: var(--clr-orange);
}

.adv-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  width: auto;
  height: auto;
  /* margin-top: -19px;  */
  transform: translateY(-50%);
}

.content-title .nav-link {
  color: var(--clr-white);
  text-transform: uppercase;
  padding: 20px 0 15px 0;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 5px solid transparent;
  border-radius: 0;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

.content-title .nav-link.active {
  font-weight: 700;
}

.content-title .nav-link.active,
.content-title .nav-link:hover {
  color: var(--clr-orange);
  background-color: transparent;
  border-bottom: 5px solid var(--clr-orange);
  border-radius: 0;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

.my-info-area .tab-content {
  background-color: #fff;
  padding: 30px 25px 40px 25px;
}

table tr td.spacer{
  text-align: center;
}

.info-billing-address {
  line-height: 2.5;
}

.edit-information h5 {
  color: var(--clr-orange);
  font-size: var(--fs-12);
  font-weight: 500;
  margin: 0 10px 20px 10px;
  width: 100%;
}

.overview-acc-stat {
  padding: 15px 15px 40px 15px;
  margin-bottom: 15px;
  border: 6px solid rgba(38, 153, 251, 0.6);
}

.overview-acc-stat-header {
  padding: 0 0 10px 10px;
  border-bottom: 1px solid var(--clr-dark-blue-500);
  margin-bottom: 24px;
}

.overview-acc-stat-header svg,
.your-sale-contact svg,
.contact-accounting svg {
  margin-right: 25px;
}

.overview-acc-stat-header h4,
.your-sale-contact h4,
.contact-accounting h4 {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
}

.overview-acc-stat ul,
.your-sale-contact ul,
.contact-accounting ul {
  font-weight: 500;
  text-transform: uppercase;
  line-height: 2;
  margin-left: 65px;
}

.your-sale-contact,
.contact-accounting {
  padding: 30px 10px 30px 21px;
  border-bottom: 1px solid var(--clr-dark-blue-500);
}
.contact-accounting {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.tab-search {
  margin-bottom: 25px;
}

.tab-search .form-control {
  height: 50px !important;
}

.tab-search .btn-submit {
  width: 73px;
  justify-content: center;
}

.tabs-container nav svg {
  display: none;
  margin: 8px 10px 0 20px;
}

.tabs-container nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  /*border: 1px solid #ccc;*/
  padding: 0 10px;
}

.tabs-container nav ul li {
  font-size: 16px;
  font-weight: 700;
  padding: 18px 18px 18px 75px;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  border-top: 1px solid #eee;
  margin-left: -10px;
  margin-right: -10px;
  order: 1;
}

/*.tabs-container nav ul li:hover { color: #3e4b58;}*/

.tabs-container nav ul li.active {
  color: #f26a27;
  border-top: none;
  order: 0;
}

/* the nitty gritty */

.tabs-container {
  position: relative;
  height: 4em;
  z-index: 9;
}

.tabs-container nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  background: #1b3e65;
}

.tabs-container nav ul {
  position: relative;
  display: flex;
  flex-direction: column;
}

.tabs-container nav ul:before {
  content: " ";
  position: absolute;
  top: 13px;
  left: 28px;
  width: 22px;
  height: 31px;
  background-image: url("../img/user-profile-color.svg");
  background-size: contain;
}

.tabs-container nav ul li.active:after {
  width: 1px;
  height: 1px;

  border: 8px solid transparent;
  border-top: 10px solid #fff;
  content: "";
  position: absolute;
  right: 1.5em;
  top: 1.4em;
  z-index: 9999;
}

.tabs-container nav ul li:not(.active) {
  position: absolute;
  top: -999em;
}

.tabs-container nav ul.expanded li.active:after {
  border-top-color: transparent;
  border-bottom-color: #fff;
  top: 1em;
}

.tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top: auto;
}

.device-notice {
  width: 74%;
  margin: 0 auto;
  padding-bottom: 10px;
}

.device-notice p {
  color: #f26a27;
  font-size: 16px;
  font-weight: 700;
  margin: 30px 0 18px 0;
}

.my-info-area .tab-content {
  display: none;
  padding: 30px 15px 15px 15px;
}
.tab-content.current {
  display: inherit;
}
.d-flex.align-items-center.justify-content-center {
  /* padding-top: 5px; */
}
#pills-devis,
#pills-commandes {
  padding-left: 30px;
  padding-right: 30px;
}

#pills-devis .table tr td:first-child,
#pills-devis .table tr th:first-child {
  border-right: none;
}

#pills-devis .table tr td:nth-child(2),
#pills-devis .table tr th:nth-child(2) {
  border-left: none;
}

.table {
  color: #1b3e65;
  /* table-layout: fixed;
  width: 100%; */
}

.tab-content thead th {
  font-size: var(--fs-14);
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 0 !important;
}

.tab-content tbody td {
  color: var(--clr-dark-blue-500) !important;
  font-size: 14px;
  font-weight: 700;
}

.dataTables_length,
.dataTables_filter {
  display: none;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: none;
}

table.dataTable.no-footer {
  border-bottom: none;
}

.inner-table {
  background-color: #e6eaf1;
}

.inner-table tr th {
  font-weight: 300;
  padding-left: 8px;
  padding-right: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-color: rgba(36, 72, 112, 0.35);
}

.inner-table tr th:first-child,
.inner-table tr th:nth-child(2),
.inner-table tr th:last-child,
.inner-table tr td:first-child,
.inner-table tr td:nth-child(2),
.inner-table tr td:last-child {
  border-right: none;
}

.inner-table tr td {
  font-weight: 600;
  border-right: 1px solid rgba(36, 72, 112, 0.35);
}

/* .tab-content [type="radio"] {
   margin-right: 13px;
} */

.tab-content .form-check-input[type="radio"] {
  width: 10px;
  height: 10px;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #e6eaf1;
  background-image: url("../img/radio-uncheck.png");
  background-size: auto;
}

.tab-content .form-check-input:checked[type="radio"] {
  background-image: url("../img/radio-check.png");
}

.tab-content .form-check-input:checked {
  background-color: #fff;
  border: 2px solid #e6eaf1;
}

.paginate_button.previous,
.paginate_button.next {
  display: none !important;
}
.page-item:not(:first-child) .page-link {
  margin-left: 0;
}

.page-item .page-link {
  color: var(--clr-dark-blue-500);
  line-height: 0.9;
  padding: 0 8px;
  border: none;
  border-right: 1px solid rgba(36, 72, 112, 0.4);
}

.page-item.active .page-link {
  color: var(--clr-dark-blue-500);
  font-weight: 700;
  background-color: transparent;
  border-color: rgba(36, 72, 112, 0.4);
}

#pills-factures {
  padding-left: 15px;
  padding-right: 15px;
}

.overview-bar {
  font-size: 14px;
  font-weight: 500;
  padding: 4px;
  margin-bottom: 20px;
  border: 4px solid rgba(38, 153, 251, 0.6);
}

.overview-bar-item {
  padding: 6px;
  border-right: 1px solid #1b3e65;
}

/* Formulaire de retour tab start here */
.my-info-area .form-select,
.my-info-area .form-control {
  height: 48px;
  color: var(--clr-orange);
  border-radius: 0;
  font-size: var(--fs-12);
  font-weight: 600;
}
.my-info-area .form-control::placeholder {
  font-size: var(--fs-12);
  color: var(--clr-orange);
}
.my-info-area .form-select {
  background-image: url("../img/down-arrow.svg");
}

.return-form .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 36px;
}
.return-form textarea {
  min-height: 156px;
  resize: none;
}
.return-form span.btn-submit {
  padding: 10px 70px;
  text-transform: uppercase;
  font-size: var(--fs-14);
  font-weight: 700;
  background-color: var(--clr-orange);
  width: 100%;
}
.return-form span.btn-submit:hover {
  background-color: var(--clr-orange-hover);
}
.return-form .form-select {
  margin-bottom: 40px;
}
.return-form .submit {
  gap: 11px;
  margin-top: 53px;
}
.return-form .required {
  font-size: var(--fs-10);
  font-family: 500;
  color: var(--clr-dark-blue);
}

/* order page some styles */
.your-order {
  padding-bottom: 30px;
}

.delivery-top-table {
  text-align: left;
}

.delivery-top-table tr th {
  font-size: 14px;
  font-weight: 500;
}

.tracking-table {
  text-align: left;
  margin-top: 28px;
  font-size: var(--fs-12);
}
.tracking-table thead th {
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
  padding-top: 0;
  padding-left: 11px;
  padding-bottom: 8px;
}
.tracking-table tbody td,
.tracking-table tbody th {
  padding: 15px 9px;
}
.tracking-table tr td:nth-child(2) {
  padding-left: 20px;
}
.tracking-table tr td:last-child {
  padding-left: 50px;
}
.tracking-table tbody td {
  font-weight: 500;
}
.tracking-table tbody tr:nth-child(even) {
  background-color: var(--clr-bg);
}
.tracking-table .fs-20 {
  font-weight: 700;
}

/* Brands page starts form here */

.site-content {
  padding-bottom: 30px;
  /* margin-top: -1px; */
}
.fs-14 {
  font-size: var(--fs-14) !important;
}
.tracking-table tbody tr th:first-child {
  font-size: var(--fs-10) !important;
  padding-left: 5px;
}
.site-content .search-box input::placeholder {
  font-size: var(--fs-18);
  font-weight: 300;
}
.site-content .btn-submit {
  justify-content: center;
}

.site-content .content {
  padding: 25px 10px;
  background-color: var(--clr-white);
  margin-bottom: -1px;
}

.site-content .title,
.site-content h2 {
  font-size: 20px;
  color: var(--clr-blue);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.site-content .content .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.site-content .grid .search-box {
  display: flex;
}

.site-content .grid .form-select,
.site-content .grid .form-control {
  height: 56px;
}
.site-content .grid .form-select {
  border: none;
  background: transparent;
  font-size: var(--fs-18);
  padding: 0;
  /* background-image: url("../img/down-arrow-02.svg"); */
  background-repeat: no-repeat;
  background-position: center right;
  font-weight: 300;
  background-size: 6px 5px;
}

.site-content .search-box .btn-submit {
  min-width: 60px;
}
.site-content .block {
  padding-top: 40px;
  padding-bottom: 10px;
}

.brands .site-content .content .grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

.brands .site-content .search-box .btn-submit {
  display: block;
}

.brands .site-content .grid .form-select {
  text-align: center;
}

.brands .site-content .block {
  padding-top: 20px;
}

/* brand card settings and styles are here */
.brand-card {
  padding: 0;
}
.brand-card .card-img,
.brand-card img {
  /* aspect-ratio: 250 / 150; */
  /* inline-size: 100%; */
  text-align: center;
  -o-object-fit: cover;
  object-fit: cover;
}

.brand-card .card-title {
  text-transform: uppercase;
  font-size: var(--fs-14);
  font-weight: 500;
  margin-bottom: 0;
}

.brand-card .card-body {
  padding: 0;
  padding-top: 14px;
  text-align: center;
}

/* End styling brand card */
.site-content .brand-card {
  margin-bottom: 35px;
}

/* Retail Customer Quote */

.retail-customer-quote {
  margin-bottom: 30px;
}

.retail-customer-quote .border {
  border: none !important;
}

.retail-customer-quote input::placeholder,
.retail-customer-quote .form-control::placeholder {
  color: var(--clr-dark-blue);
}

.retail-customer-quote-content h3 {
  color: #2699fb;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.retail-customer-quote-content p {
  font-size: 16px;
  color: #244870;
  font-weight: 500;
}

.retail-customer-quote-table {
  font-weight: 500;
  margin-bottom: 15px;
}

.retail-customer-quote-table td h5 {
  font-size: 12px;
}

.retail-customer-quote hr {
  margin: 0 auto;
  width: 80px;
}

.retail-customer-quote textarea {
  padding-top: 16px;
  resize: none;
}

.count {
  background-color: #2281d3;
  display: inline-flex;
  width: 80px;
}

.count input {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  background-color: transparent;
  width: 62px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.count-arrow-group a {
  opacity: 0.5;
}

.count-arrow-group a:hover {
  opacity: 1;
}

.retail-customer-quote-table .form-control {
  width: 128px;
  height: 36px;
}
.retail-customer-quote-table thead th {
  font-weight: 300;
}
/* .retail-customer-quote-table tbody tr {
  border: 1px solid #CED3DB;
} */

.client-information-form h3 {
  font-size: 16px;
  font-weight: 500;
  color: #2699fb;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.client-information-form .form-control::placeholder {
  font-weight: 500;
}

.client-information-form .form-select {
  font-weight: 600;
}

.client-information-form textarea {
  height: 115px !important;
}

.custom-file-upload .form-check-input[type="checkbox"] {
  width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 50%;
}

.custom-file-upload input[type="file"] {
  padding-top: 10px;
  background-color: transparent;
  width: 200px;
}

.custom-file-upload input[type="file"]::file-selector-button {
  display: none;
}

/* Creation customer Quote */

.creation-customer-quote .row .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.your-basket {
  overflow: hidden;
}

.your-basket-top {
  padding: 12px 12px 8px 12px;
}

.your-basket h3 {
  color: #2699fb;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.your-basket-inner {
  padding: 1px;
  padding: 0 10px 14px 10px;
}
.simplified-view,
.normale-view {
  display: inline-flex;
  align-items: center;
  font-size: 9 px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #e6eaf1;
  padding: 10px 8px 10px 8px;
}

.simplified-view span,
.normale-view span {
  margin-right: 15px;
}

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

.basket-table thead {
  display: none;
}
.basket-table thead th {
  border-color: transparent;
}

.basket-table tr td {
  display: block;
  border-bottom-width: 0;
  border-left: none;
  border-right: none;
}

.dark-bg {
  background-color: #dfe7ef;
}

/* basket table width */

.basket-table .table-col-2 {
  width: 285px;
  padding: 21px 0 21px 25px;
  font-size: var(--fs-14);
  font-weight: 500;
  margin: 0 auto;
}

.basket-table .table-col-2 .d-flex {
  gap: 30px;
}
.info-table .opacity {
  opacity: 0.6;
}
.info-table {
  position: relative;
}
.info-table::after {
  content: "";
  height: 22px;
  width: 22px;
  background-color: #dfe7ef;
  position: absolute;
  top: -5px;
  left: 44px;
  transform: rotate(45deg);
}

.btn-add {
  background-color: var(--clr-blue-700);
  color: var(--clr-white);
  font-size: 37px;
  line-height: 45px;
  min-width: 45px;
  height: 45px;
  padding: 0;
}
.btn-add:hover {
  background-color: var(--clr-text);
}
/* .basket-table .dark-bg col */

/* basket border  */

/* .basket-table tr {
  border: 1px solid #dee2e6!important;
} */

/* .basket-table thead tr:first-child {

}
.basket-table thead tr th {

  border: none !important;

} */

.basket-table .border tr {
  border-left: 1px solid #dee2e6 !important;
}

.basket-table .btn-primary {
  width: 100%;
  padding: 13px 0;
}

.border-none {
  border: none !important;
}

.basket-table tr th:nth-child(4),
.basket-table tr th:nth-child(6),
.basket-table tr td:nth-child(4),
.basket-table tr td:nth-child(6){
  min-width: 140px;
}
.basket-table tr th:nth-child(3),
.basket-table tr td:nth-child(3),
.basket-table tr td:nth-child(4),
.basket-table tr td:nth-child(5), {
  display: none;
}

.your-basket-inner .count {
  width: 70px;
}

.basket-table h5 {
  font-size: 12px;
  margin-bottom: 5px;
}

.product-code {
  font-weight: 500;
  word-break: normal;
}

.basket-table .product-desc {
  display: none;
  font-size: 10px;
  margin-bottom: 5px;
}

.stock-status {
  display: block;
  font-size: 10px;
  color: #049135;
  font-weight: 600;
  margin-bottom: 8px;
}

.stock-status.out-stock{
  color: var(--clr-yellow);
}

.stock-status.stock-obsolete{
  color: red;
}

.regular-price{
  font-size: 20px;
}

.sub-price {
  font-size: 16px;
  font-weight: 500;
}

.voucher-promo-code-area {
  display: flex;
  text-align: center;
  /* align-items: baseline; */
  justify-content: center;
  background-color: #dfe7ef;
  flex-direction: column;
  padding: 12px 18px;
  margin-top: 25px;
}

.voucher-promo-code-area p {
  font-size: 16px;
  margin-bottom: 20px;
}

.voucher-promo-code-area .input-group {
  padding-right: 5px;
  width: 260px;
  background-color: #fff;
  /* margin: 0 auto; */
}

.voucher-promo-code-area .input-group input {
  background-color: #fff;
}

.voucher-promo-code-area .input-group .form-control::placeholder {
  font-size: 12px;
  text-transform: inherit;
}

.voucher-promo-code-area .form-control {
  height: 50px;
}
.voucher-promo-code-area .input-group .btn {
  padding: 10px 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 19px;
  font-weight: 500;
}

.your-basket-right-card {
  background-color: #2699fb;
  padding: 25px 15px 25px 15px;
  margin-top: 24px;
  margin-bottom: 12px;
}

.your-basket-right-card h2 {
  color: #fff;
  font-size: 22px;
  margin-bottom: 18px;
  font-weight: 700;
}

.main-price {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-right: 25px;
}

.dis-price {
  font-size: 22px;
  font-weight: 500;
}

.price-row {
  padding: 8px 0;
  border-top: 1px solid #1b3e65;
  border-bottom: 1px solid #1b3e65;
}

.your-basket-right-card p {
  font-size: 14px;
}

.delivery-note {
  color: #fff;
  background-color: #2281d3;
  padding: 10px 15px;
  margin-bottom: 18px;
}

.codePromo-note{
  color: #fff;
  background-color: rgb(140, 181, 222);
  border: 5px solid rgb(34, 129, 211);
  padding: 10px 15px;
  margin-bottom: 18px;
}

.delivery-note p,
.codePromo-note p{
  font-size: 10px;
}

.codePromo-note p{
  font-weight: 601;
}

.delivery-note p span {
  font-weight: 500;
}

.your-basket-right-card .btn-secondary {
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 8px;
}

.your-basket-right-card-footer-item {
  display: block;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  text-align: left;
  width: 135px;
  margin: 0 auto;
  padding: 10px 0;
  border-bottom: 1px solid #fff;
}

.btn-secondary.quote-for-your-customer {
  font-size: 10px;
  font-weight: 700;
  padding-left: 30px;
}

/* Table Settings */
.nestedTable {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.table tr th.no-lf-bor {
  border-left: none !important;
}

.nestedTable thead tr th {
  border-top: none;
}

.nestedTable thead th:first-child,
.nestedTable tr td:first-child {
  border-right: none;
}

.nestedTable thead th,
.nestedTable tr td {
  border: 1px solid #f1f4f7;
  border-bottom: none;
}
.inner-table thead th,
.inner-table tr td {
  border: none;
}
.inner-table thead th,
.inner-table tr td {
  border-right: 1px solid rgba(36, 72, 112, 0.35);
}

.nestedTable tbody tr:nth-child(odd),
.my-info-area .table-bordered tbody tr:nth-child(odd) {
  background: #f1f4f7;
}

.my-info-area .table-bordered tbody tr:nth-child(even) {
  background: var(--clr-white);
}
/* .table-inner {
  background-color: #f1f4f7;
} */
.bg-tbl-gray {
  background-color: #f1f4f7 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.my-info-area .table-inner tbody tr:nth-child(even) {
  background: #f1f4f7;
}
.nestedTable .tinyCol {
  width: 2.5%;
}
.nestedTable .smallCol {
  width: 5%;
}

.display-none {
  display: none;
}

.hidden-row {
  display: none;
}

table th,
td {
  padding: 1em;
}

/* Table Setting */

/* Page My info */
.advertisement-section {
  padding: 22px 0;
}
.btn-bordered {
  border: 5px solid var(--clr-orange);
  color: var(--clr-orange);
  height: 48px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-content .search-box input,
.tab-content .search-box [tupe="submit"] {
  height: 39px;
}
.my-info-area .nestedTable {
  border-bottom: transparent;
}
.my-info-area .nestedTable,
.my-info-area .table {
  text-transform: uppercase;
}

.nestedTable tr:nth-child(even) .showMore path {
  fill: #e2ebf4;
}
.nestedTable tr:nth-child(odd) .showMore path {
  fill: var(--clr-white);
}
.nestedTable tr .showMore.fa-angle-double-right path {
  fill: var(--clr-orange);
}

.tbl-devis tr td:nth-child(2) {
  border-left-color: transparent !important;
}
.tbl-last-center tr td:last-child {
  text-align: center;
}
/* .tbl-last-center a:hover svg{
  fill: ;
} */
.btm-check-label {
  font-size: 10px;
}
.btm-check {
  margin-left: 18px;
}
.mt-50 {
  margin-top: 50px;
}
.my-info-area .total {
  font-size: var(--fs-14);
  font-weight: 700;
  text-transform: uppercase;
}

.my-info-area .search-box input::placeholder {
  color: var(--clr-dark-blue);
  font-weight: 300;
}

/* E-parts - page reliquats page */

/* Styling of date form */
.date-form {
  float: right;
  display: flex;
  max-height: 39px;
}
.date-form .grid {
  padding: 3px;
  border: 1px solid #e6eaf1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.date-form label {
  font-weight: 700;
  font-size: var(--fs-14);
  text-transform: uppercase;
}

.date-form .input-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
}

.date-form input {
  width: calc(100% - 20%);
  max-width: 135px;
  height: 32px;
  /* position: relative; */
  text-align: start;
  background-image: url("../img/date-solid.svg");
  background-size: 18px 18px;
  background-position: center right 5px;
  background-repeat: no-repeat;
}
/* .date-form input::after {
  content: '';
  width: 18px;
  height: 18px;
  background-image: url("../img/date-solid.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
} */
::-webkit-calendar-picker-indicator {
  width: 18px;
  height: 18px;
  background-image: url("../img/date-solid.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 2px;
}
/* date picker styles */

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: var(--clr-dark-blue);
  color: var(--clr-white);
}
.datepicker .table-condensed td,
.datepicker .table-condensed th {
  padding: 5px;
  text-align: center;
  font-size: var(--fs-14);
}
.datepicker .table-condensed .cw,
.datepicker .table-condensed .dow {
  min-width: 40px;
}

.data-form .btn-submit {
  min-width: 42px;
}
.input-daterange input:last-child {
  border-radius: 0;
}

/* Pagination styling */
.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination {
  text-transform: uppercase;
}

.pagination-arrow {
  opacity: 0.5;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

.pagination-arrow:hover {
  opacity: 1;
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  transition: ease all 0.3s;
}

.pagination-arrow.left {
  margin-right: 15px;
}

.pagination-arrow.right {
  margin-left: 30px;
}

/* Home brands page starts from here */

.site-content .search-box {
  display: flex;
}

/* slider styling */

.slick-slide img {
  width: 100%;
}

/* dots resets */
.slick-dots {
  bottom: 0;
}
.slick-dots li button:before {
  font-size: 10px;
  color: rgba(0, 92, 172, 0.25);
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: var(--clr-orange);
  opacity: 1;
}
.slick-dotted.slick-slider {
  margin-bottom: 20px;
}

/* brand slider styling */
.home-brand-slider {
  margin-top: 21px;
}
.home-brand-slider .position-card.card-2x .card-img img {
  aspect-ratio: 1135 / 541;
}

.home-brand-list {
  list-style: none;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  font-size: var(--fs-14);
  font-weight: 700;
  color: var(--clr-dark-blue);
}

.brand-product-wrap h2 {
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: var(--fs-16);
  color: #244870;
}

.site-content .product-card.full:last-child {
  margin-bottom: 80px;
}

/* Search result product choice page starts here */
.product-choice-area {
  background-color: var(--clr-white);
  padding-bottom: 35px;
}
.product-choice-area .product-filter {
  background-color: var(--clr-blue);
  padding: 18px 15px;
  height: 100%;
  position: relative;
}
.product-choice-area .content {
  border: 1px solid var(--border-clr);
  overflow: hidden;
  height: 100%;
}
.sidebar.open .sidebar-title svg {
  display: none !important;
}
.product-choice-area .title {
  text-transform: uppercase;
  font-size: var(--fs-18);
  color: var(--clr-white);
  transform: rotate(-90deg);
  transform-origin: left;
  width: 260px;
  margin-right: 260px;
  margin-left: 24px;
  margin-top: 250px;
}
.product-choice-area .title svg {
  margin-left: 14px;
}
.product-card.horizontal.product-choice {
  border: none;
}
/* .product-card.horizontal.product-choice .card-body {
  position: relative;
}
.product-card.horizontal.product-choice .card-body::after {
  content: "";
  width: 1px;
  height: 80%;
  background-color: var(--border-clr);
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
} */

.product-card.horizontal.product-choice .stock {
  margin: 33px 0;
  padding-top: 0;
}
.product-card.horizontal.product-choice .card-img {
  max-height: 240px;
  height: unset;
}
.small-card {
  padding: 10px 20px 15px 20px;
}
.small-card .card-title a,
.small-card .model-name a {
  font-size: var(--fs-16);
}
.small-card .card-title {
  margin-bottom: 0;
}
.small-card .model-name {
  margin-bottom: 9px;
}
.small-card .discription {
  width: 75%;
}
/* .product-choice .preview {
  margin-top: 20px;
} */
.product-card.horizontal.product-choice .card-title,
.product-card.horizontal.product-choice .model-name {
  font-size: var(--fs-14);
}
.product-card.horizontal.product-choice .model-name {
  margin-bottom: 23px;
}
.product-card.horizontal.product-choice .card-body p{
  font-size: var(--fs-12);
}
/*.product-card.horizontal.product-choice .card-body h2 {
  font-size: var(--fs-12);
  font-weight: 500;
}*/
.product-card.horizontal.product-choice .discription {
  font-weight: 500;
  font-size: var(--fs-12);
}

.product-card.horizontal.product-choice .discription + .discription {
  margin-top: 15px;
  margin-bottom: 30px;
}
.product-card .preview {
  margin-top: 20px;
}
.product-choice .grid {
  margin-top: 5px;
  display: grid;
  /* display: -ms-grid; */
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.product-choice .image-wrap {
  height: 100%;
}

.product-choice .product-info-list {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, 125px);
  justify-content: center;
  align-items: center;
}
.product-choice .product-info-list .stock {
  grid-column: span 2;
}
.product-choice .product-info-list li:not(:last-child)::after {
  height: 0;
}
.product-choice .product-info-list li:first-child {
  border-top: 1px solid #ced3db;
  border-bottom: 1px solid #ced3db;
}
.product-choice .product-info-list .stock {
  margin-top: 11px !important;
  margin-bottom: 13px !important;
}
.product-choice .product-input {
  display: inline-block;
  width: 252px !important;
}
/* .product-choice input[type=submit] {
  width: 252px;
} */

.product-choice .product-info {
  border: 1px solid rgba(27, 62, 101, 0.21);
  padding: 7px;
  font-size: var(--fs-10);
  font-weight: 700;
}

.product-choice .group-btn {
  display: flex;
  gap: 14px;
}

.product-choice .slick-slide img {
  max-width: 250px;
  margin: 0 auto;
}
.product-choice span.btn-submit {
  height: 40px !important;
}
.cart-btn {
  padding-left: 15px;
  padding-right: 10px;
}
.product-gallery-nav {
  display: none;
}
/* product-gallery */
.product-gallery .slick-dots li.slick-active button:before {
  font-size: 10px;
  color: var(--clr-blue);
}
.slick-dots li button:before {
  color: rgba(38, 153, 251, 0.21);
}

.btn-light {
  background-color: var(--clr-bg);
  height: 30px;
  border-radius: 500px;
  font-size: 7px;
  display: flex;
  align-items: center;
  line-height: 9px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.btn-light:hover {
  background-color: var(--clr-dark-blue);
  color: var(--clr-white);
}
.btn-light:hover svg path {
  fill: var(--clr-white);
}
.btn-light p {
  font-size: 7px !important;
  line-height: 1.5;
}
/* style pills starts from here */
.style-pills {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow-x: scroll;
}
/* .style-pills::-webkit-scrollbar {
  height: 0;
  width: 0;
} */

.style-pills .nav-link {
  background-color: var(--clr-bg);
  color: var(--clr-dark-blue);
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  font-size: var(--fs-14);
  border: 1px solid var(--clr-white);
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.style-pills .nav-link.active {
  background-color: var(--clr-white);
  color: var(--clr-blue);
  border: none;
  position: relative;
}
.style-pills .nav-link.active::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: var(--clr-blue);
  position: absolute;
  top: 0;
  left: 0;
}

.style-content .tab-pane {
  padding: 40px;
  padding-bottom: 70px;
  font-size: var(--fs-14);
}
.detail-title {
  font-size: 15px;
  margin-bottom: 13px;
}

/* offconvas styling */
.offcanvas-header {
  padding: 25px 30px 20px 30px;
}
.offconvas-title {
  font-size: var(--fs-18);
  margin-bottom: 0;
  color: var(--clr-orange);
  margin-right: 20px;
  font-weight: 500;
}
.cart-items {
  width: unset;
  background-clip: unset;
  top: 50px;
  left: 0;
}
.cart-items .offconvas-header {
  padding: 25px;
}
.cart-items .btn-close {
  background: none;
  opacity: 1;
  height: unset;
  width: unset;
  padding: 0;
  margin-right: 4px;
}
.offcanvas-backdrop {
  background-color: var(--clr-dark-blue-500);
  opacity: 0.44;
}
.cart-items .count input:not(.btn-submit) {
  position: relative;
  top: unset;
  left: unset;
  bottom: unset;
}
.cart-item {
  padding: 20px;
  border: 1px solid var(--border-clr);
  line-height: 1.5;
  margin-bottom: -1px;
}
.cart-item.new {
  background-color: #dfe7ef;
}
.cart-item img {
  margin: 0 auto;
  padding-right: 10px;
  width: 90px;
  height: auto;
}
.item-title {
  font-size: var(--fs-14);
  margin-bottom: 0;
}
.list-title {
  font-size: var(--fs-12);
  font-weight: 600;
  margin: 9px 0;
}
.border-bottom {
  border-bottom: none !important;
  position: relative;
}
.border-bottom::before {
  content: "";
  width: 99px;
  height: 1px;
  background-color: #1f436b;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.cart-item .count {
  justify-content: center;
}
.item-total {
  margin-top: 18px;
}
.item-total .btn {
  padding: 15px 20px;
}
.item-total .total-text {
  text-transform: uppercase;
  font-size: var(--fs-14);
  font-weight: 600;
}
.cart-items .cart-item .row > div:nth-child(3) {
  display: none;
}
/* .cart-items .cart-item .col-xs-12 + .col-xs-12 {
  margin-top: 12px;
} */
.cart-items .cart-item .fs-20.fw-bold {
  font-size: var(--fs-22);
}
.cart-items .cart-item .sub-price {
  font-size: var(--fs-20);
}
.cart-item .product-code {
  font-size: var(--fs-14);
}
/* Error 501 page starts here */
/* .header {
  padding-top: 40px;
  padding-bottom: 53px;
} */
.error-501 {
  background: #e6eaf1 url("../img/error-501.png") no-repeat top center;
}
.error-404 {
  background: #e6eaf1 url("../img/error-404.png") no-repeat top center;
}
.error-content {
  min-height: 100vh;
  /* min-height: 1200px; */
  background-color: #e6eaf1;
  background-position: top center;
  /* background-size: cover; */
  background-repeat: no-repeat;
  /* padding-bottom: 500px; */
}

.error-content .content {
  background-color: var(--clr-white);
  padding: 70px 15px 90px 15px;
  text-align: center;
  color: var(--clr-dark-blue-500);
  margin-bottom: 50px;
}
.error-content h1 {
  font-size: 32px;
  font-weight: 900;
  color: var(--clr-orange);
}
.error-content h1 svg {
  width: 22px;
  margin-bottom: 5px;
}
.error-content h1 span {
  color: var(--clr-blue);
}
.error-content h2 {
  margin-top: 13px;
  font-size: var(--fs-20);
  font-weight: 700;
  text-transform: uppercase;
}
.error-content .info {
  font-size: var(--fs-12);
  font-weight: 500;
  margin-top: 13px;
}
.error-content .btn-secondary {
  margin-top: 27px;
  font-size: var(--fs-14);
  font-weight: 700;
  padding: 15px 20px;
  display: inline-block;
}

/* error 404 */
.error-404 {
  background-position: top;
  overflow: hidden;
}
.error-404 .site-title {
  position: relative;
}

.error-404 .site-title::before {
  left: -77%;
  background-image: url("../img/plug-open.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.error-404 .site-title::after {
  right: -80%;
  background-image: url("../img/plug-close.svg");
  background-position: right bottom;
}
.error-404 .site-title::before,
.error-404 .site-title::after {
  content: " ";
  position: absolute;
  bottom: 25%;
  width: 100%;
  height: 143px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Legal notice page starts from here */
.legal-notice {
  font-size: var(--fs-14);
  font-weight: 500;
  color: var(--clr-dark-blue);
  padding-bottom: 0;
}
.legal-notice h1 {
  font-size: var(--fs-20);
  color: var(--clr-blue);
  margin-bottom: 23px;
  text-transform: uppercase;
}

.legal-notice h4,
.legal-notice .info-title {
  font-size: var(--fs-14);
  text-decoration: underline;
  margin-bottom: 20px;
  font-weight: 700;
}
.legal-notice .subtitle {
  font-size: var(--fs-14);
  margin-bottom: 0;
  font-weight: 700;
}
.legal-notice .info-group:not(:last-child) {
  margin-bottom: 20px;
}
.legal-notice .content {
  padding: 29px 23px 0 25px;
}

/* My info page some stylings */
.my-info-area .primary-placeholder {
  color: var(--clr-dark-blue);
}
.primary-placeholder::placeholder {
  color: var(--clr-dark-blue) !important;
}
#pills-commandes .nom-du,
#pills-livraisons .nom-du,
#pills-gerer-mes-address .nom-du {
  width: 237px;
}

#pills-livraisons .date-col {
  width: 117px;
}
.my-info-area .tab-content thead th {
  padding: 0;
  padding-left: 7px;
  padding-bottom: 12px;
}
#pills-reliquats .show-col {
  width: 29px;
}
#pills-reliquats .qte {
  width: 52px;
}
#pills-reliquats .client-col {
  width: 163px;
}
#pills-reliquats .nom-desti {
  width: 190px;
}
#pills-gerer-mes-address .cross-col {
  width: 34px;
}
#pills-gerer-mes-address .address-col {
  width: 184px;
}
#pills-mes-informations .border-end {
  border-right: none !important;
}
.red{
  color: red;
}
.inner-table {
  margin-bottom: 0;
  background-color: #f1f4f7;
}
.my-info-area .table-bordered .inner-table tr:nth-child(even) {
  background-color: #f1f4f7;
}
.inner-table tbody td,
.inner-table thead th {
  font-size: var(--fs-12);
}

/* .inner-table tbody td {
  padding-left: 10px;
  padding-right: 10px;
} */
.inner-table thead th,
.inner-table tbody td {
  padding: 5px 10px !important;
}
.inner-table tbody tr {
  border-bottom: none;
}
.inner-table thead td {
  padding-top: 3px;
}
.inner-table thead th {
  font-weight: 300;
  border-bottom: 1px solid #a1b1c3;
}
.tbl-th-no-bor thead th {
  border-bottom: none;
}
.inner-table thead tr {
  border-bottom: 1px solid rgba(36, 72, 112, 0.35);
  border-top: 1px solid rgba(36, 72, 112, 0.35);
}
#pills-reliquats .inner-table thead tr {
  border: none;
}
#pills-devis .table .form-check-input {
  margin-right: 0;
}
/* date format change style */

/* header */
.site-header {
  position: relative;
  z-index: 999;
  border-bottom: 1px solid var(--border-clr);
  padding-bottom: 13px;
}
.site-header.open {
  border-bottom: 0;
  padding-bottom: 0;
}
.site-header.open .mobile-search {
  display: none;
}
.forgot-text {
  text-align: center;
  font-size: var(--fs-14);
  font-weight: 500;
  color: #d5dce7;
  line-height: 1.5;
  margin-bottom: 40px;
}
.forgot-form .btn-submit {
  font-weight: 700;
  /* font-size: var(--fs-20); */
}
.forgot-area input::placeholder,
.forgot-area .form-control::placeholder {
  color: #244870;
  font-weight: 500;
  font-size: var(--fs-14);
}
.header-wrap {
  column-gap: 20px;
}
.hamburger {
  background-color: var(--clr-orange);
  color: var(--clr-white);
  width: 120px;
  height: 120px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
}
.header-lf,
.header-mid,
.header-rt {
  display: flex;
}
.header-mid {
  max-width: 1024px;
  flex: 1;
}
.header-mid-wrap {
  column-gap: 15px;
  flex: auto;
}

.header-mid-wrap .dropdown-menu {
  padding: 0;
}

.header-mid-wrap .btn-submit {
  padding-right: 20px;
}

.header-rt .rtl-btn {
  height: 120px;
  width: 120px;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.connexion-toggle-content,
.compte-toggle-content {
  display: none;
  background-color: var(--clr-dark-blue-500);
  color: var(--clr-white);
}
.login-area {
  padding-top: 25px;
  padding-bottom: 30px;
}
.forgot-area {
  padding: 45px 0 166px 0;
  display: none;
}

.forgot-area .form-control {
  height: 55px;
}

.overlayPerent {
  position: relative;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.3);
  display: none;
}

/* Footer Respoonsive starts here */
.col-xs-6 {
  width: 50%;
}
.bottom-footer .footer-inner {
  margin-bottom: 88px;
}
.footer-list a,
.footer-info .info-list {
  font-size: var(--fs-10);
}
.bottom-footer .col-md-6:nth-child(3) .footer-inner {
  padding-left: 35px;
}

.bottom-footer .col-md-6:nth-child(2) .footer-inner::after {
  border-right: none;
  width: 0;
}

.bottom-footer .col-md-6:nth-child(1) .footer-inner::after {
  top: unset;
  bottom: 0;
}
.footer-info {
  padding-right: 35px;
}
.top-footer .footer-list {
  justify-content: center;
}

.exo-menu {
  list-style: none;
  background: #f26a27;
}
.exo-menu > li {
  display: inline-block;
  float: left;
}
.exo-menu > li > a {
  color: #ccc;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
}

/*mega menu*/

.bor-right-light {
  border-right: 0.5px solid #fff;
}

.mega-menu-wrap .col-lg.bor-right-light {
  border-right: none;
}
.mega-menu-wrap .col-lg:not(:last-child) .stander {
  margin-bottom: 20px;
}

.mega-menu-wrap a{
  color: white;
}

.mega-menu-wrap a:hover{
  color: var(--clr-dark-blue);
}

.mega-menu {
  color: #fff;
  left: 0;
  right: 0;
  padding: 15px;
  display: none;
  padding: 30px;
  background-color: #f26a27;
}

.mega-title {
  font-size: 18px;
  display:flex;
  justify-content:space-between;
}

.mega-title img {
  float:right;
  width:20px;
  max-height:20px;
}

.mega-menu ul {
  line-height: 2;
}
.mega-menu ul li a {
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}
.mega-menu ul li a.active {
  font-size: 14px;
  font-weight: 300;
}

.mega-menu ul li a:hover {
  color: #244870;
}

ul[id^='cat_niveau_2_']{
  display:none;
}

/*responsive*/
@media (min-width: 767px) {
  .exo-menu > li > a {
    display: block;
    padding: 20px 22px;
  }
  .mega-menu,
  .flyout-mega-wrap,
  .Images,
  .Blog,
  .flyout-right > ul,
  .flyout-left > ul,
  li.drop-down > ul {
    position: absolute;
  }

  .compte-toggle-content{
    width: 240px;
  }
}
@media (max-width: 490px) {
  .compte-toggle-content{
    width: 100px !important;
    height: 110px;
  }

  .compte-toggle-content hr{
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .compte-toggle-content svg,
  .compte-toggle-content img{
    height: 18px !important;
    width: 18px !important;
  }

  .compte-toggle-content svg{
    margin-left: inherit !important;
    margin-bottom: inherit !important;
  }
}

@media (max-width: 767px) and (min-width: 490px) {
  .compte-toggle-content{
    width: 120px !important;
    height: 150px;
  }

  .compte-toggle-content svg{
    margin-left: inherit !important;
    margin-bottom: inherit !important;
  }
}

@media (max-width: 767px) {
  .exo-menu {
    min-height: 50px;
    background-color: #23364b;
    width: 100%;
  }

  .exo-menu > li > a {
    /* width: 100%; */
    display: none;
  }
  .exo-menu > li {
    width: 100%;
  }
  .display.exo-menu > li > a {
    display: block;
    padding: 20px 22px;
  }

  .mega-menu,
  .Images,
  .Blog,
  .flyout-right > ul,
  .flyout-left > ul,
  li.drop-down > ul {
    position: absolute;
  }
}
a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 20px;
  font-size: 27px;
  background-color: #ccc;
  color: #23364b;
  top: 0px;
}
/* suggestio mobile starts here */
.hide-md-mobile {
  display: none;
}
.hide-md-desktop {
  display: block;
}
.suggestion-mobile {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 50px;
}
.suggestion-mobile p {
  font-size: var(--fs-16);
  font-weight: 700;
  width: 74%;
  margin: 0 auto;
  margin-bottom: 14px;
}
.suggestion-mobile .title {
  text-transform: uppercase;
  font-size: var(--fs-20);
  font-weight: 700;
  color: var(--clr-blue);
  margin-bottom: 50px;
  margin-top: 15px;
}
.suggestion-mobile .tracking-table tr td:nth-child(3) {
  padding-left: 0;
  text-align: center;
}
.suggestion-mobile .tracking-table tr td:nth-child(2) {
  padding-left: 7px;
}

.detail-form {
  display: flex;
  flex-direction: column;
  margin-bottom: 37px;
  padding: 0 12px;
}
.detail-form input:not(.btn-submit),
.detail-form .form-control,
.detail-form input:not(.btn-submit)::placeholder,
.detail-form .form-control::placeholder {
  font-size: var(--fs-18);
  font-weight: 300;
}
.detail-form input:not(.btn-submit),
.detail-form .form-control {
  background-color: var(--clr-white);
  border: 4px solid var(--clr-orange);
  text-align: center;
  height: 48px;
}
.detail-form span.btn-submit {
  height: 48px;
  background-color: var(--clr-orange);
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--fs-20);
}
.suggestion-mobile .table td {
  font-size: var(--fs-16);
}
.suggestion-mobile .tracking-table {
  margin-top: 37px;
  margin-bottom: 31px;
}
.suggestion-mobile .tracking-table td {
  font-size: var(--fs-10);
}
.suggestion-mobile .tracking-table .fs-20 {
  font-size: var(--fs-16);
}

.md-show,
.lg-show {
  display: none;
}

.filter-sm {
  display: flex;
  font-size: var(--fs-14);
}

.filter-title {
  background-color: var(--clr-blue);
  color: var(--clr-white);
  width: 50px;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

/* sidebar toggle styles starts from here */
.search-result-area .filter-title {
  height: 100%;
}
.content-wrap,
.sidebar-wrap,
.sidebar {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.sidebar-wrap.open {
  position: relative;
  overflow: hidden;
}
.sidebar-wrap.open .small-filter {
  display: none;
}
.sidebar-wrap.open .side-content {
  opacity: 0;
  visibility: hidden;
  width: 0 !important;
}
.sidebar-wrap .sidebar {
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: all 0.1s ease-in-out;
}
/* .sidebar-wrap .content-wrap,
.content-wrap .sidebar {
  height: 100%;
} */
.sidebar-wrap .sidebar .filter-title {
  background-color: transparent;
}
.content-wrap .sidebar {
  padding: 0 0 25px 0;
  float: left;
}
.sidebar .sidebar-content {
  padding-top: 20px;
  padding-left: 15px;
}
.sidebar.open {
  width: 100%;

  /*   position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100; */
}
.sidebar.open .sidebar-content,
.side-content {
  flex: 1;
}
.btn-back {
  color: rgba(255, 255, 255, 0.68);
  display: inline-block;
  line-height: 11px;
  font-size: var(--fs-10);
  text-transform: uppercase;
}
.btn-back svg {
  margin-left: 7px;
}
.btn-result{
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
}
/* product choice sidebar */
.product-choice-area .sidebar {
  display: none;
}
.product-choice-area .sidebar,
.product-choice-area .filter-sm {
  display: inline-block;
  float: left;
}
.product-choice-area .filter-sm,
.product-choice-area .filter-title {
  height: 100%;
}

/* title style */
.filter-title .title {
  transform-origin: left;
  transform: rotate(-90deg);
  width: 225px;
  margin-left: 16px;
  margin-top: 225px;
  font-size: var(--fs-18);
  text-transform: uppercase;
  font-weight: 500;
}
.filter-sm .form-check,
.filter-content .form-check {
  padding-left: 30px;
  padding-top: 13px;
  padding-bottom: 13px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
.form-check.selected {
  font-weight: 700;
}
.sidebar .form-group .diselect {
  display: none;
}
.form-check.selected.sub-select {
  font-weight: 600;
}

.filter-sm .form-check label,
.filter-content .form-check label {
  margin-left: 16px;
}

.form-check-input {
  border: 2px solid var(--clr-white);
}
.form-check .form-check-input {
  border: 2px solid var(--clr-white);
}
.filter-sm .form-check.active,
.filter-content .form-check.active {
  background-color: var(--clr-white);
  color: var(--clr-blue);
}

.filter-sm .form-check-input:checked[type="radio"],
.filter-content .form-check-input:checked[type="radio"] {
  background-image: none;
}

.filter-sm .form-wrap {
  text-transform: uppercase;
}
.form-check.selected {
  color: var(--clr-blue);
  position: relative;
  margin-left: 30px;
  padding-left: 0;
  padding-top: 13px;
  padding-bottom: 13px;
}
.form-check.selected .form-check-input:checked {
  background-color: var(--clr-blue);
}
.form-wrap .form-title,
.filter-content .form-title {
  margin-left: 30px;
  padding: 15px 0;
  /* margin-bottom: 11px; */
  position: relative;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
.form-wrap .form-title h3,
.filter-content .form-title h3 {
  padding-left: 20px;
  margin-bottom: 0;
}
.form-wrap .form-title::after,
.form-check.selected::after,
.filter-content .form-title::after {
  content: "";
  width: 80%;
  height: 1px;
  background-color: var(--clr-dark-blue-300);
  position: absolute;
  bottom: 0;
  left: 0;
}

.filter-sm .form-wrap,
.filter-content {
  flex: 1;
}

.product-area .category-content .card {
  margin-bottom: 1.5rem;
}

/**
 * Gallery Styles
 * 1. Enable fluid images
 */
.gallery {
  overflow: hidden;
}

.gallery__hero {
  overflow: hidden;
  margin: 0 0 0.3333333333em;
}
.is-zoomed .gallery__hero {
  cursor: move;
}
.is-zoomed .gallery__hero img {
  max-width: none;
  position: absolute;
  z-index: 0;
  top: -50%;
  left: -50%;
}

.gallery__hero-enlarge {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 1;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iNS4wIC0xMC4wIDEwMC4wIDEzNS4wIiBmaWxsPSIjMzRCZjQ5Ij48cGF0aCBkPSJNOTMuNTkzIDg2LjgxNkw3Ny4wNDUgNzAuMjY4YzUuNDEzLTYuODczIDguNjQyLTE1LjUyNiA4LjY0Mi0yNC45MTRDODUuNjg3IDIzLjEwNCA2Ny41OTMgNSA0NS4zNDMgNVM1IDIzLjEwNCA1IDQ1LjM1NGMwIDIyLjI0IDE4LjA5NCA0MC4zNDMgNDAuMzQzIDQwLjM0MyA5LjQgMCAxOC4wNjItMy4yNCAyNC45MjQtOC42NTNsMTYuNTUgMTYuNTZjLjkzNy45MjcgMi4xNjIgMS4zOTYgMy4zODggMS4zOTYgMS4yMjUgMCAyLjQ1LS40NyAzLjM5LTEuMzk2IDEuODc0LTEuODc1IDEuODc0LTQuOTEyLS4wMDItNi43ODh6bS00OC4yNS0xMC43MWMtMTYuOTU0IDAtMzAuNzUzLTEzLjc5OC0zMC43NTMtMzAuNzUyIDAtMTYuOTY0IDEzLjgtMzAuNzY0IDMwLjc1My0zMC43NjQgMTYuOTY0IDAgMzAuNzUzIDEzLjggMzAuNzUzIDMwLjc2NCAwIDE2Ljk1NC0xMy43ODggMzAuNzUzLTMwLjc1MyAzMC43NTN6TTYzLjAzMiA0NS4zNTRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2MmgtOS4xNjR2OS4xNjRjMCAyLjM0NC0xLjkwNyA0LjI2Mi00LjI2MiA0LjI2Mi0yLjM1NSAwLTQuMjYyLTEuOTE4LTQuMjYyLTQuMjYydi05LjE2NGgtOS4xNjRjLTIuMzU1IDAtNC4yNjItMS45MTgtNC4yNjItNC4yNjIgMC0yLjM1NSAxLjkwNy00LjI2MiA0LjI2Mi00LjI2Mmg5LjE2NHYtOS4xNzVjMC0yLjM0NCAxLjkwNy00LjI2MiA0LjI2Mi00LjI2MiAyLjM1NSAwIDQuMjYyIDEuOTE4IDQuMjYyIDQuMjYydjkuMTc1aDkuMTY0YzIuMzU1IDAgNC4yNjIgMS45MDcgNC4yNjIgNC4yNjJ6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__hero-enlarge:hover {
  opacity: 1;
}

.gallery__thumbs {
  text-align: center;
  background: #fff;
}
.gallery__thumbs a {
  display: inline-block;
  width: 20%;
  padding: 0.5em;
  opacity: 0.3;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.gallery__thumbs a:hover {
  opacity: 1;
}
.gallery__thumbs a.is-active {
  opacity: 1;
}
.search-result-area .pagination {
  background-color: #e6eaf1;
  padding-top: 29px;
  padding-bottom: 37px;
  margin-bottom: 0;
}
.search-result-area .pagination li .page-link {
  background-color: transparent;
}
.home-result .card .discription {
  line-height: 1.5;
  font-weight: 400;
}
.home-result .card .card-title,
.home-result .card .model-name {
  font-size: var(--fs-14);
}
.back-option {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-direction: column;
  padding: 9px 30px;
  background-color: var(--clr-bg);
}
.back-option .btn-back {
  font-weight: 700;
  font-size: var(--fs-12);
  color: var(--clr-dark-blue);
}
.back-option .btn-back svg {
  margin-right: 10px;
  margin-left: 0;
}
.btn-dark-blue {
  background-color: var(--clr-dark-blue);
  color: var(--clr-white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-size: var(--fs-12);
  padding: 8px 22px;
}
.btn-dark-blue svg {
  margin-left: 12px;
}
#tab-mesInformations .col-md-12.border-end {
  border: none !important;
}
.edit-information h5 {
  text-transform: uppercase;
  font-weight: 500;
}
/* .advertisement-item {
  overflow: hidden;
  object-fit: cover;
} */
.table-bordered tbody tr:last-child {
  border-bottom: none !important;
}
#tab-reliquats .inner-table tr {
  border-top: none;
}
.my-info-area textarea {
  padding-top: 16px;
}
.tabs-container nav ul li:hover {
  font-weight: 500 !important;
}
.tracking-table tr {
  vertical-align: middle;
}
/* .retail-customer-quote-table tbody tr {
  border: 1px solid #CED3DB;
} */
.retail-customer-quote-table .border {
  position: relative;
}

.retail-customer-quote-table .border::before {
  content: "";
  height: calc(100% + 2px);
  width: 1px;
  background-color: #ced3db;
  position: absolute;
  left: -1px;
  top: -1px;
}
.n-com-col {
  width: 135px;
}

.tracking-table tbody td {
  padding-left: 3px;
  padding-right: 0;
}

.home-brand-slider .inside-img {
  left: 28px;
  right: 28px;
}
.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.info-table td {
  border-color: none;
}
.w-139 {
  width: 139px;
}
.w-270 {
  width: 270px;
}
.w-80 {
  width: 80px;
}
.w-471 {
  width: 471px;
}
.w-50px {
  width: 50px;
}
.w-30 {
  width: 30px;
}
.w-155 {
  width: 155px;
}
.w-100px {
  width: 100px;
}
.w-132 {
  width: 132px;
}
.w-237 {
  width: 237px;
}
.w-112 {
  width: 112px;
}
.w-265 {
  width: 265px;
}
.w-245 {
  width: 245px;
}
.w-127 {
  width: 127px;
}
.w-220 {
  width: 220px;
}
.w-60px {
  width: 60px;
}
.w-96 {
  width: 96px;
}
.w-234 {
  width: 234px;
}
.w-184 {
  width: 184px;
}
.w-34 {
  width: 34px;
}
.w-117 {
  width: 117px;
}
.w-110 {
  width: 110px;
}
.w-177{
  width: 177px;
}
/* .basket-table tbody tr:first-child td:last-child svg {
  height: 24px;
  width: 21px;
} */
.product-area .product-input input:not(.btn-submit),
.product-card .count {
  height: 29px;
}

/* mobile toggle */

.button-autocomplete {
  display: none !important;
}

div.icons{
  height: initial !important;
  width: initial !important;
}

.error_field{
  border: 1px solid #ff5a64 !important;
  background-color: #ffeff0 !important;
  color: #ff5a64 !important;
}

.error_field::placeholder{
  color: red !important;
}

span.btn-submit{
  cursor: pointer;
}

div.header {
  WORD-BREAK: normal;
  margin-top: 12px;
}

table.dataTable tbody td {
  word-break: normal !important;
}

/* Panier + Comparateur Header */



.form-checkbox:checked {
  background: var(--clr-orange) !important;
}
.cart-item .has-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-left: 10px;
}
.form-radio, .form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  min-width: 8px;
  min-height: 8px;
  background: var(--clr-bg) !important;
  outline: 4px solid var(--clr-white);
  box-shadow: 0 0 0 5px var(--clr-bg);
  border-radius: 50% !important;
  cursor: pointer;
  padding: 0;
}
/* Onglets */
.tab-style {
  display: flex;
  align-items: center;
}
.tab-style ul{
  flex: 1;
}
.tab-style ul > * {
  flex: 1;
}
.tab-style li {
  border: none;
}
.tab-style .nav-link {
  background-color: var(--clr-bg);
  color: var(--clr-dark-blue);
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  font-size: var(--fs-14);
  border: 1px solid var(--clr-white);
  border-radius: 0;
  padding: 15px;
}
.tab-style .nav-link.active {
  background-color: var(--clr-white);
  border-color: var(--clr-white);
  font-weight: 700;
  color: var(--clr-dark-blue);
}
.tab-content-style {
  padding: 35px 18px;
}
.cart-items .tab-content {
  height: 100%;
  overflow-y: scroll;
}

/* Tab Panier */
.tab-content-style .tab-title {
  font-size: var(--fs-14);
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}



/* Tab comparateur */
.tab-btns {
  display: flex;
  justify-content: end;
  margin-top: 30px;
  gap: 25px;
}
.tab-btns .btn {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  border-width: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 15px;
}

.marquee-rtl {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.marquee-rtl:hover > div{
  animation-play-state: paused;
}

.marquee-rtl > div {
  white-space: nowrap;
  width:250%;
  animation: defilement 25s linear infinite;
}

.marquee-rtl > div a {
  color: var(--clr-white);
}

@keyframes defilement {
  0% {
    transform: translate(100%,0);
  }
  100% {
    transform: translate(-100%,0);
  }
}