.outer-left,
.outer-right {
  height: 115px;
  --ofs: calc(-1 * var(--o));
  --sz: calc(var(--r) + var(--o));
  background-image:
    radial-gradient(circle at var(--cnr), transparent var(--r), white var(--r)),
    radial-gradient(circle at var(--cnr),
      transparent var(--r),
      #ffffff var(--r)),
    linear-gradient(45deg, rgb(210 223 246 / 0%), rgb(76 111 157 / 0%));
  background-repeat: no-repeat;
  background-size:
    var(--sz) var(--sz),
    var(--sz) var(--sz),
    cover;
  border-radius: var(--r);
  position: absolute;
  z-index: 9;
  top: 26px;
  align-content: start;
  --h: 60px;
  --o: 25px;
}

.outer-left {
  width: 150px;
  left: 30px;
  direction: ltr;
  --w: 80px;
  --r: 20px;
  background-position:
    var(--ofs) var(--h),
    var(--w) var(--ofs),
    0,
    0;
  --cnr: right bottom;
}

.outer-right {
  right: 30px;
  width: 230px;
  --ofs: calc(-1 * var(--o));
  --sz: calc(var(--r) + var(--o));
  --w: 160px;
  --r: 20px;
  background-position:
    calc(100% - var(--ofs)) var(--h),
    calc(100% - var(--w)) calc(var(--ofs)),
    0 0;
  --cnr: left bottom;
  direction: rtl;
}

.inner {
  width: var(--w);
  height: var(--h);
  border-radius: inherit;
  outline: var(--o) solid white;
  background: #fff;
}

.outer-left span,
.outer-right span {
  width: 80px;
  height: 60px;
  display: block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.outer-right span {
  width: 165px;
  left: auto;
  right: 0;
}

body:not([data-template="home"]) .outer-left {
  width: 240px;
  background-image:
    radial-gradient(circle at var(--cnr),
      transparent var(--r),
      #000000 var(--r)),
    radial-gradient(circle at var(--cnr),
      transparent var(--r),
      #000000 var(--r)),
    linear-gradient(45deg, rgb(210 223 246 / 0%), rgb(76 111 157 / 0%));
  left: 0;
  --w: 170px;
}

body:not([data-template="home"]) .outer-right {
  width: 370px;
  background-image:
    radial-gradient(circle at var(--cnr),
      transparent var(--r),
      #000000 var(--r)),
    radial-gradient(circle at var(--cnr),
      transparent var(--r),
      #000000 var(--r)),
    linear-gradient(45deg, rgb(210 223 246 / 0%), rgb(76 111 157 / 0%));
  right: 0;
  --w: 275px;
}

body:not([data-template="home"]) .inner {
  outline: var(--o) solid #000000;
  background: #000000;
}

body:not([data-template="home"]) .outer-left span,
body:not([data-template="home"]) .outer-right span {
  width: 180px;
  top: 0;
  left: 0;
  background: #000000;
}

body:not([data-template="home"]) .outer-right span {
  width: 280px;
}

body:not([data-template="home"]) .header-box .right-box .menu-btn {
  margin-left: 0;
}

@media (max-width: 1500px) {
  body:not([data-template="home"]) .outer-left {
    width: 180px;
    --w: 110px;
  }

  body:not([data-template="home"]) .outer-left span {
    width: 110px;
  }

  body:not([data-template="home"]) .outer-right {
    width: 260px;
    --w: 190px;
  }

  body:not([data-template="home"]) .outer-right span {
    width: 195px;
  }

  body:not([data-template="home"]) .header-box .right-box .menu-btn {
    margin-left: 24px;
  }
}

@media (max-width: 1200px) {
  .outer-left {
    width: 120px;
    --w: 65px;
  }

  .outer-right {
    width: 180px;
    --w: 120px;
  }

  .outer-left,
  .outer-right {
    height: 105px;
    --h: 48px;
  }

  .outer-left span,
  .outer-right span {
    width: 80px;
    height: 55px;
  }

  .outer-right span {
    width: 124px;
  }

  body:not([data-template="home"]) .outer-left {
    width: 150px;
    --w: 95px;
  }

  body:not([data-template="home"]) .outer-left span {
    width: 105px;
  }

  body:not([data-template="home"]) .outer-right {
    width: 210px;
    --w: 150px;
  }

  body:not([data-template="home"]) .outer-right span {
    width: 154px;
  }
}

@media (max-width: 768px) {

  .outer-left,
  .outer-right {
    height: 95px;
    --h: 35px;
    top: 15px;
  }

  .outer-left {
    left: 20px;
    width: 105px;
    --w: 45px;
  }

  .outer-right {
    right: 20px;
    width: 160px;
    --w: 95px;
  }

  .outer-left span,
  .outer-right span {
    width: 50px;
    height: 50px;
  }

  .outer-right span {
    width: 103px;
  }

  body:not([data-template="home"]) .outer-left {
    width: 125px;
    --w: 65px;
  }

  body:not([data-template="home"]) .outer-left span {
    width: 70px;
  }

  body:not([data-template="home"]) .outer-right {
    width: 180px;
    --w: 115px;
  }

  body:not([data-template="home"]) .outer-right span {
    width: 123px;
  }

  body:not([data-template="home"]) .header-box .right-box .menu-btn {
    margin-left: 12px;
  }

  .header-box .right-box .menu-btn {
    margin-left: 12px;
  }
}

@media (max-width: 450px) {
  .outer-left {
    left: 16px;
  }

  .outer-right {
    right: 16px;
  }

  .outer-right span {
    width: 100px;
  }
}

.mm-menu--offcanvas.mm-menu--opened {
  border-radius: 0 40px 40px 0;
}

.mm-navbars--bottom .mm-navbar .links-bottom a .cart-badge {
  left: -5px;
  right: auto;
}

.mm-panel--opened[data-mm-parent] .mm-navbar .mm-navbar__title {
  justify-content: left;
}

.mm-panel--opened[data-mm-parent] .mm-navbar .mm-navbar__title span::after {
  content: "Back";
}

.tp-footer-logo img {
  object-position: left;
}

.cfg-payment-bar {
  direction: ltr;
}


.products-details .col-product-image-wrapper {
  padding-left: 0;
  padding-right: 24px;
}

.products-details .col-product-info {
  padding-right: 0 !important;
  padding-left: 24px !important;
  border-right: 0 !important;
  border-left: 1px solid #000 !important;
}

#cfgOffcanvas.cfg-split-offcanvas .cfg-split-layout {
  flex-direction: row-reverse !important;
}

#cfgOffcanvas.cfg-split-offcanvas .cfg-split-panel {
  direction: ltr !important;
  text-align: left !important;
}

#cfgOffcanvas .cfg-step-info {
  margin-left: 0 !important;
  margin-right: auto !important;
}

#cfgOffcanvas .cfg-choice-body {
  padding: 18px 12px 18px 20px !important;
  direction: ltr !important;
  text-align: left !important;
}

#cfgOffcanvas .cfg-choice-mainrow {
  flex-direction: row !important;
}

#cfgOffcanvas .cfg-choice-textstack,
#cfgOffcanvas .cfg-card-dual-field {
  text-align: left !important;
}

.cfg-back-btn svg {
  scale: -1;
}

#cfgOffcanvas .cfg-addon-color-inline {
  direction: ltr !important;
}

#cfgOffcanvas .cfg-addon-color-inline-option.is-selected::after {
  left: auto !important;
  right: -6px !important;
}

#cfgOffcanvas .cfg-rx-table .cfg-rx-label {
  text-align: left !important;
  padding-left: 12px !important;
}

.user-greeting {
  text-align: left;
}

.mm-panel--opened[data-mm-parent] .mm-navbar .mm-navbar__title span::after {
  content: "Back";
}

.mm-panel--opened[data-mm-parent] .mm-navbar .mm-navbar__title {
  justify-content: left;
}

.mm-menu--offcanvas.mm-menu--opened {
  border-radius: 0 40px 40px 0;
}

.search-modal .search-content .search-input input {
  padding: 10px 10px 10px 50px;
}

@media (max-width: 1024px) {
  .search-modal .search-content .search-input input {
    padding: 8px 10px 8px 50px;
  }
}

.search-modal .search-content .search-input svg {
  right: auto;
  left: 15px;
}

.search-modal .close-btn {
  right: auto;
  left: 4rem;
}

.custom-cart-row .cart-product-delete {
  margin-right: 0;
  margin-left: auto;
}

.custom-cart-row .custom-cart-details .custom-cart-title-price .cart-product-col-details .icon-check-circle:before {
  content: "\f178" !important;
}

#cfgOffcanvas .cfg-choice-side-price {
  text-align: right !important;
}